/**
 * Estilos para el sistema de autocompletado de direcciones IDCA
 * Version: 1.0
 */

/* Contenedor de búsqueda de dirección */
#tomador_address_search_container,
#riesgo_address_search_container {
    margin-bottom: 1rem;
}

/* Contenedor de dirección mostrada */
#tomador_address_display_container,
#riesgo_address_display_container {
    margin-bottom: 1rem;
}

/* Alert con la dirección seleccionada */
#tomador_address_display_container .alert,
#riesgo_address_display_container .alert {
    background-color: #e7f3ff;
    border: 1px solid #31cba8;
    border-radius: 13px;
    padding: 1rem;
}

#tomador_address_display_container .alert strong,
#riesgo_address_display_container .alert strong {
    color: #0d6efd;
    font-size: 0.95rem;
}

#tomador_address_display_container .alert div,
#riesgo_address_display_container .alert div {
    margin-top: 0.5rem;
    line-height: 1.6;
    color: #212529;
}



/* Campos manuales (piso, puerta, completo) */
#piso_tomador_manual,
#puerta_tomador_manual,
#completo-direccion-riesgo-manual {
    border-radius: 13px;
    padding: 12px 17px 8px;
    border: 1px solid #ced4da;
    transition: all 0.3s ease;
}

#piso_tomador_manual:focus,
#puerta_tomador_manual:focus,
#completo-direccion-riesgo-manual:focus {
    border-color: #31cba8;
    box-shadow: 0 0 0 0.25rem rgb(49 203 168 / 20%);
    outline: 0;
}

/* Texto pequeño de ayuda */
.form-text {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Animaciones de transición */
#tomador_address_search_container,
#tomador_address_display_container,
#riesgo_address_search_container,
#riesgo_address_display_container {
    transition: all 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
    #tomador_address_display_container .alert,
    #riesgo_address_display_container .alert {
        flex-direction: column;
        gap: 1rem;
    }
    
    #btn_editar_direccion_tomador,
    #btn_editar_direccion_riesgo {
        width: 100%;
        margin-top: 0.5rem;
    }
}

/* Mejorar espaciado en dispositivos pequeños */
@media (max-width: 576px) {
    #tomador_address_display_container .row,
    #riesgo_address_display_container .row {
        margin-top: 0.5rem;
    }
}

.address_display_container .form-control[readonly] {
    background-color: #f8f9fa;
}
small.form-text.text-muted {
    margin: 5px;
    display: block;
}