/* ==========================================
   1. ESTILOS GENERALES Y BASE DE LA WEB
   ========================================== */
body {
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
}

h1 {
    color: darkgreen;
    margin-top: 20px;
}

h2 {
    color: #555555;
}

/* ==========================================
   2. BARRA DE NAVEGACIÓN PREMIUM (ÓVALO)
   ========================================== */
.barra-navegacion {
    background-color: white;
    padding: 14px 25px;           /* Altura y volumen premium para la cápsula */
    margin: 20px auto;
    max-width: 820px;             /* Ancho ideal para que las 5 opciones respiren perfectas */
    border-radius: 40px;          
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    
    /* --- LAS PROPIEDADES CLAVE PARA QUE NO SE AMONTONEN --- */
    justify-content: space-around; /* Distribuye las 5 opciones ocupando todo el ancho de la barra equitativamente */
    align-items: center;          
    gap: 0;                        /* Ya no hace falta el gap porque space-around maneja la separación solo */
}

.enlace-nav {
    text-decoration: none;
    color: #555555;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.enlace-nav:hover {
    background-color: #e6f4ea; /* Fondo verde claro */
    color: darkgreen;          /* Letras verde oscuro */
}

/* ==========================================
   3. CUADRÍCULA DEL CATÁLOGO GENERAL (FLEXBOX)
   ========================================== */
.contenedor-catalogo {
    display: flex;          /* Activa Flexbox */
    flex-wrap: wrap;        /* Las manda abajo si no entran */
    justify-content: center; /* Centra las tarjetas horizontalmente */
    gap: 20px;              /* Espacio de separación entre tarjetas */
    padding: 20px;
}

/* ==========================================
   4. TARJETA INDIVIDUAL DE CADA QUINTA (REVISADO)
   ========================================== */
.tarjeta-quinta {
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 12px;       
    max-width: 450px;          
    width: 100%;               /* Asegura que use bien el espacio en celulares */
    margin: 0;                 
    padding: 20px;             
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    text-align: left;          
    
    /* --- NUEVAS REGLAS MÁGICAS PARA EMPAREJAR ALTURAS --- */
    display: flex;             /* Hace que la tarjeta también sea un contenedor Flexbox */
    flex-direction: column;    /* Alinea su contenido en vertical (foto, título, texto, botón) */
}

/* Forzamos a la lista de viñetas a estirarse para empujar al botón siempre abajo de todo */
.tarjeta-quinta ul {
    padding-left: 20px;        
    margin-top: 10px;
    margin-bottom: 20px;       /* Despega la lista del botón */
    color: #333333;            
    line-height: 1.6;          
    flex-grow: 1;              /* PROPIEDAD CLAVE: absorbe el espacio vacío sobrante para igualar las tarjetas */
}
.tarjeta-quinta img {
    width: 100%;               /* Ocupa todo el ancho de la tarjeta */
    height: 250px;             /* ALTURA FIJA: Fuerza a que todas las fotos midan lo mismo */
    object-fit: cover;         /* RECORTA LA FOTO: Evita que se estire, deforme o aplaste */
    border-radius: 8px;        /* Redondea las esquinas de la foto */
}

/* ==========================================
   5. BOTÓN UNIVERSAL DE WHATSAPP (CON LOGO A LA DERECHA)
   ========================================== */
.boton-consulta {
    display: flex;             /* Activa Flexbox adentro del botón */
    align-items: center;       /* Alinea texto e ícono verticalmente */
    justify-content: center;   /* Centra el contenido horizontalmente */
    background-color: #25D366; /* Verde oficial de WhatsApp */
    color: white !important;   /* Texto blanco */
    padding: 12px;
    text-decoration: none;     /* Saca el subrayado */
    font-weight: bold;
    border-radius: 6px;
    margin-top: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.3s;
}

.boton-consulta:hover {
    background-color: #128C7E; /* Verde más oscuro */
}

.icono-ws {
    width: 7px;
    height: auto;
    margin-left: 10px;         /* Separa el logo hacia la derecha del texto */
}

/* ==========================================
   6. FICHA DETALLADA (GALERÍA DE FOTOS INTERNA)
   ========================================== */
.ficha-detalle {
    max-width: 1000px;         /* Limita el ancho máximo de toda la página interna */
    margin: 30px auto;         /* Centra todo el bloque en la pantalla y da margen arriba/abajo */
    padding: 25px;
    background-color: white;   /* Envuelve la ficha en un fondo blanco limpio */
    border-radius: 16px;       /* Bordes redondeados sutiles */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); /* Sombra suave de fondo */
    box-sizing: border-box;
    text-align: left;          /* Alinea los textos por defecto a la izquierda */
}

/* Centrar títulos principales en las fichas */
.ficha-detalle h2, 
.ficha-detalle .zona {
    text-align: center;
}

.zona {
    color: #777777;
    margin-top: 0;
    font-style: italic;
    margin-bottom: 30px;
}

.galeria-fotos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Mosaico responsivo */
    gap: 15px;
    margin: 20px 0 40px 0;
}

.galeria-fotos img {
    width: 100%;
    height: 220px;
    object-fit: cover;         /* Corta las imágenes iguales sin deformar */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.informacion-detallada h3 {
    border-bottom: 2px solid #008b74; /* El verde esmeralda de tu logo */
    padding-bottom: 8px;
    color: #333;
    text-align: left;
}

.informacion-detallada ul {
    padding-left: 20px;
    text-align: left; /* Asegura que los ítems de la lista se alineen bien */
}

.precio-alquiler {
    background-color: #fef4db; /* Cambiado al color crema exacto de tu logo */
    padding: 18px;
    border-radius: 8px;
    border-left: 5px solid #008b74; /* El verde de tu logo */
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center; /* Centra el texto de consulta de valores */
}

/* Corrección estricta para el tamaño del ícono de WhatsApp dentro de las fichas */
.ficha-detalle .boton-consulta .icono-ws {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important; /* Evita que flexbox lo achique */
    max-width: 20px !important;
    margin-left: 12px;
    vertical-align: middle;
}

/* ==========================================
   7. SECCIÓN DE FORMULARIOS (CONTACTO / PUBLICÁ)
   ========================================== */
.seccion-formulario {
    max-width: 600px;
    margin: 30px auto;
    padding: 25px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.seccion-formulario h2 {
    color: darkgreen;
    text-align: center;
    margin-bottom: 5px;
}

.subtitulo-form {
    color: #666666;
    text-align: center;
    margin-bottom: 25px;
    font-size: 15px;
}

.campo {
    margin-bottom: 18px;
}

.campo label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333333;
}

.campo input[type="text"],
.campo input[type="tel"],
.campo select,
.campo textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.campo input:focus,
.campo select:focus,
.campo textarea:focus {
    border-color: darkgreen;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 100, 0, 0.2);
}

.formulario-quinta .boton-consulta {
    width: 100%;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

/* --- NUEVA REGLA: Agrega esto justo debajo para que el logo no se achique nunca más --- */
.formulario-quinta .boton-consulta .icono-ws {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important; /* El secreto para que no lo aplaste el ancho del botón */
    max-width: 20px !important;
    margin-left: 10px;
    vertical-align: middle;
}

/* ==========================================
   8. ADAPTABILIDAD PARA CELULARES (RESPONSIVE)
   ========================================== */
/* --- CONTROL DE MENÚ OVALADO PARA PANTALLAS DE CELULARES --- */
@media (max-width: 768px) {
    .barra-navegacion {
        max-width: 90%;          /* Evita que pegue contra los bordes de la pantalla */
        padding: 12px 15px;      /* Espaciado interno cómodo */
        flex-wrap: wrap;         /* Permite que los botones bajen de forma ordenada si no entran */
        justify-content: center; /* Centra los botones en el espacio móvil */
        gap: 8px 10px;           /* Separa los botones 8px arriba/abajo y 10px a los costados */
        border-radius: 25px;     /* Mantiene las esquinas ovaladas perfectas de la cápsula */
    }

    .enlace-nav {
        font-size: 0.88rem;      /* Letra levemente más compacta y legible en celulares */
        padding: 6px 12px;       /* Área táctil cómoda para el dedo sin inflar la barra */
        white-space: nowrap;     /* Sigue prohibiendo que una palabra se rompa en dos */
    }
}

/* ==========================================
   9. ESTILOS EXCLUSIVOS PARA PESTAÑA QUINTAS
   ========================================== */

/* Contenedor del botón dentro de la tarjeta del catálogo */
.tarjeta-quinta .boton-consulta {
    display: block;
    text-align: center;
    background-color: #25D366; /* Verde oficial */
    color: white !important;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: background-color 0.3s ease;
    box-sizing: border-box;
}

.tarjeta-quinta .boton-consulta:hover {
    background-color: #128C7E; /* Verde oscuro al pasar el mouse */
}

/* Control absoluto del logo de WhatsApp exclusivo del catálogo */
.tarjeta-quinta .boton-consulta .icono-ws {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    margin-left: 10px;
    vertical-align: middle; /* Lo alinea perfectamente con la línea del texto */
}
/* ==========================================
   10. VISUALIZADOR DE FOTOS (LIGHTBOX MODAL)
   ========================================== */
.lightbox-modal {
    display: none; /* Oculto por defecto */
    position: fixed;
    z-index: 9999; /* Por encima de la barra de navegación flotante */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* Fondo negro translúcido */
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

/* Contenedor de la foto ampliada */
.lightbox-contenido {
    max-width: 90%;
    max-height: 80%;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    object-fit: contain; /* Evita que la foto se deforme al agrandarse */
}

/* Botones de navegación (Flechas y Cerrar) */
.lightbox-boton {
    position: absolute;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    background: none;
    border: none;
    padding: 10px;
    transition: color 0.2s;
}

.lightbox-boton:hover {
    color: #ffc745; /* El amarillo sol de tu logo para el foco */
}

.lightbox-cerrar { top: 20px; right: 30px; font-size: 50px; }
.lightbox-prev { left: 20px; top: 50%; transform: translateY(-50%); }
.lightbox-next { right: 20px; top: 50%; transform: translateY(-50%); }

/* Ocultar flechas en celulares muy chicos si tapan la foto */
@media (max-width: 480px) {
    .lightbox-boton { font-size: 30px; }
    .lightbox-prev { left: 5px; }
    .lightbox-next { right: 5px; }
}
/* ==========================================
   11. CUADRO DE BIENVENIDA (ALINEADO EN FLEXBOX)
   ========================================== */
.seccion-presentacion {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: 0px;    /* Mantiene una linda distancia con el menú de arriba */
    
    /* === EL CAMBIO CLAVE: Bajamos el espacio de abajo a solo 15px === */
    margin-bottom: 15px; /* Antes estaba en 50px, por eso dejaba ese vacío gigante */
    
    width: 100%;
    max-width: 920px; 
    box-sizing: border-box;
}

.cuadro-bienvenida-crema {
    background-color: #fef4db;    /* El fondo crema suave de tu logo */
    width: 100%;                  
    
    /* === AHORA SÍ: 35px arriba, 40px a los lados y solo 15px abajo del botón === */
    padding: 35px 40px 15px 40px; 
    
    border-radius: 12px;          
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    text-align: center;
    box-sizing: border-box;
}

.titulo-bienvenida {
    color: #008b74;               
    font-size: 2.6rem;            
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;          
    line-height: 1.2;
}

.texto-bienvenida {
    color: #3d362a;               /* Marrón oscuro premium alineado a tu logo */
    font-size: 1.35rem;
    line-height: 1.6;
    max-width: 800px;             
    margin: 0 auto 20px auto;     
}

.boton-bienvenida {
    display: inline-block;
    background-color: #008b74;    
    color: white !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 16px 45px;
    border-radius: 50px;          
    box-shadow: 0 4px 12px rgba(0, 139, 116, 0.2); 
    transition: all 0.3s ease;
}

.boton-bienvenida:hover {
    background-color: #006b59;    
    transform: translateY(-2px);  
    box-shadow: 0 6px 18px rgba(0, 139, 116, 0.3);
}

/* --- ADAPTACIÓN ESTRICTA A CELULARES --- */
@media (max-width: 768px) {
    .cuadro-bienvenida-crema {
        padding: 35px 20px;       
    }
    
    .titulo-bienvenida {
        font-size: 1.8rem;          
    }
}
/* ==========================================
   12. PIE DE PÁGINA (FOOTER CORPORATIVO)
   ========================================== */
.pie-pagina {
    background-color: #008b74;    /* El verde esmeralda pino oficial de tu logo */
    color: #fef4db;               /* Los textos principales usan el crema suave de tu marca */
    padding: 25px 20px 20px 20px;
    margin-top: 50px;             /* Despega el footer de cualquier contenido superior */
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

.contenido-footer {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.marca-footer {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 5px 0;
    letter-spacing: 0.5px;
}

.lema-footer {
    font-size: 0.95rem;
    opacity: 0.85;
    margin: 0 0 25px 0;
}

.enlaces-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.enlaces-footer a {
    color: #fef4db;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: bold;
    opacity: 0.85;
    transition: opacity 0.2s, color 0.2s;
}

.enlaces-footer a:hover {
    opacity: 1;
    color: #ffc745;               /* Al pasar el mouse ilumina con el amarillo sol de tu logo */
}

.linea-divisoria {
    border: 0;
    border-top: 1px solid rgba(254, 244, 219, 0.2); /* Línea crema ultra sutil y elegante */
    margin: 20px 0;
}

.derechos-footer {
    font-size: 0.85rem;
    opacity: 0.7;
    margin: 0;
}

/* --- ADAPTACIÓN A CELULARES --- */
@media (max-width: 480px) {
    .pie-pagina {
        padding: 30px 15px 15px 15px;
    }
    
    .enlaces-footer {
        gap: 15px;
    }
    
    .enlaces-footer a {
        font-size: 0.9rem;
    }
}
/* ==========================================
   13. CONTROL DE LOGOS CORPORATIVOS (REVISADO)
   ========================================== */

/* Ajustes exclusivos para el logo circular del pie de página */
.logo-footer {
    width: 120px;                  /* Tamaño destacado para el cierre */
    height: auto;
    margin-bottom: 15px;          /* Lo despega del nombre de la marca */
}

/* Dejamos tu barra de navegación original intacta, sin pisarla */
.barra-navegacion {
    background-color: white;
    padding: 12px;
    margin: 20px auto;
    max-width: 600px;             /* Fuerza a que el menú siga siendo una cápsula cortita */
    border-radius: 30px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    justify-content: center;
    gap: 15px; 
}
/* ==========================================
   14. FILTROS DE BÚSQUEDA POR ZONA (INTERACTIVO)
   ========================================== */
.contenedor-filtros {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 25px auto 10px auto;
    flex-wrap: wrap;
    padding: 0 15px;
    max-width: 600px;
}

.btn-filtro {
    background-color: white; /* Arrancan todos con fondo blanco limpio */
    color: #555555;
    border: 2px solid #dddddd;
    padding: 10px 22px;
    font-size: 0.95rem;
    font-weight: bold;
    border-radius: 25px; /* Forma de cápsula premium */
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

/* Efecto al pasar el mouse por encima (Hover) */
.btn-filtro:hover {
    border-color: #008b74; /* El verde de tu logo ilumina el contorno */
    color: #008b74;        /* Las letras se vuelven verdes */
    background-color: #fef4db; /* Fondo crema sutil de tu marca al posarse */
}

/* Se pinta de verde pleno SÓLO cuando la gente hace clic */
.btn-filtro.activo {
    background-color: #008b74; 
    color: white !important;
    border-color: #008b74;
    box-shadow: 0 4px 10px rgba(0, 139, 116, 0.2);
}
/* ==========================================
   15. SECCIÓN DE OPINIONES (GOOGLE MAPS)
   ========================================== */
.seccion-opiniones {
    margin: 60px auto;
    max-width: 1200px;
    padding: 0 20px;
    box-sizing: border-box;
}

.subtitulo-opiniones {
    color: #666666;
    font-size: 1.1rem;
    margin-top: -5px;
    margin-bottom: 35px;
}

.contenedor-opiniones {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; /* Las manda abajo en pantallas chicas */
}

.tarjeta-opinion {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 24px;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    text-align: left;
    box-sizing: border-box;
}

.cabecera-opinion {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

/* Círculo con la inicial del usuario estilo Google */
.usuario-inicial {
    width: 40px;
    height: 40px;
    background-color: #008b74; /* Tu verde esmeralda oficial */
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.usuario-nombre {
    margin: 0;
    font-size: 1.05rem;
    color: #333333;
}

.usuario-fecha {
    font-size: 0.85rem;
    color: #777777;
}

.estrellas {
    color: #ffc745; /* El amarillo sol de tu logo */
    font-size: 1.2rem;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.texto-opinion {
    color: #555555;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

/* --- AJUSTE EXCLUSIVO PARA CELULARES --- */
@media (max-width: 768px) {
    .seccion-opiniones {
        margin: 40px auto;
    }
    
    .tarjeta-opinion {
        max-width: 100%; /* Ocupa todo el ancho en el celular */
    }
}
/* ==========================================
   16. SECCIÓN DE PREGUNTAS FRECUENTES (LISTADO FIJO)
   ========================================== */
.seccion-faq {
    margin: 50px auto 80px auto;
    max-width: 850px;             /* Centra y frena el texto para que no se desparrame por el monitor */
    padding: 0 20px;
    box-sizing: border-box;
}

.subtitulo-faq {
    color: #666666;
    font-size: 1.1rem;
    margin-top: -5px;
    margin-bottom: 40px;
    text-align: center;
}

.contenedor-faq {
    display: flex;
    flex-direction: column;
    gap: 24px;                    /* Separación generosa entre bloques para que no se pisen */
}

.tarjeta-faq {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 14px;          /* Curvatura alineada a tus tarjetas de quintas */
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); /* Relieve sutil premium */
    text-align: left;             /* Texto de lectura cómodo a la izquierda */
    box-sizing: border-box;
}

.pregunta-titulo {
    color: #008b74;               /* Tu verde esmeralda corporativo oficial */
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;          /* Despega el título del bloque crema */
    font-family: Arial, sans-serif;
}

.bloque-respuesta-crema {
    background-color: #fef4db;    /* El fondo crema de tu logo conteniendo la respuesta */
    border-left: 4px solid #008b74; /* Detalle de línea verde de categoría a la izquierda */
    border-radius: 8px;
    padding: 18px 20px;
    box-sizing: border-box;
}

.bloque-respuesta-crema p {
    margin: 0;
    color: #3d362a;               /* Marrón oscuro para una lectura super premium */
    line-height: 1.6;
    font-size: 1.05rem;
    font-family: Arial, sans-serif;
}

/* --- ADAPTACIÓN A CELULARES --- */
@media (max-width: 600px) {
    .tarjeta-faq {
        padding: 18px;
    }
    
    .pregunta-titulo {
        font-size: 1.1rem;
    }
    
    .bloque-respuesta-crema {
        padding: 12px 15px;
    }
}
/* ==========================================
   17. FORMULARIO AVANZADO: CARGA DE FOTOS Y MINIATURAS
   ========================================== */
.zona-carga-fotos {
    border: 2px dashed #008b74;    /* Línea punteada con el verde de tu logo */
    background-color: #fef4db;    /* Fondo crema suave corporativo */
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s;
}

.zona-carga-fotos:hover {
    background-color: #f9efe0;    /* Oscurece un toque el crema al pasar el mouse */
}

/* Esconde el botón gris nativo y feo del navegador */
.zona-carga-fotos input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;                   /* Lo vuelve 100% invisible pero mantiene el clic en toda la caja */
    cursor: pointer;
}

.texto-zona-carga {
    margin: 0;
    color: #008b74;
    font-weight: bold;
    font-size: 0.95rem;
    pointer-events: none;         /* Evita que interfiera con el clic del input */
}

/* Grilla fluida para ordenar las miniaturas de las fotos seleccionadas */
.galeria-previa-formulario {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.miniatura-foto-formulario {
    width: 75px;
    height: 75px;
    object-fit: cover;            /* Recorta la foto cuadrada perfecta sin deformar */
    border-radius: 6px;
    border: 1px solid #dddddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}


.seccion-faq h2 {
    color: darkgreen;
    text-align: center;
    margin-bottom: 5px;
}

.seccion-servicios-adicionales h2 {
    color: darkgreen;
    text-align: center;
    margin-bottom: 5px;
}