/* Variables de colores pastel */
        :root {
            /* Colores de fondo para secciones */
            /* Cambia los valores hexadecimales para ajustar los colores */
            --color-home-bg: #ffffff; /* Fondo del slider, blanco puro */
            --color-video-parallax-bg: rgba(0,0,0,0.3); /* Overlay para video parallax */
            --color-services-bg: #e6f0fa; /* Fondo pastel azul claro para Servicios */
            --color-about-bg: #f5f5e6; /* Fondo pastel beige claro para Nosotros */
            --color-image-parallax-bg: rgba(0,0,0,0.3); /* Overlay para imagen parallax */
            --color-partners-bg: #f0f0f0; /* Fondo pastel gris claro para Partners */
            --color-projects-bg: #f0f0f0; /* Fondo pastel gris claro para Proyectos */
            --color-faq-bg: #f5f5e6; /* Fondo pastel crema claro para Preguntas Frecuentes */
            --color-contact-bg: #e6fae6; /* Fondo pastel verde claro para Contacto */
            /* Colores principales */
            --primary-btn-bg: #355E3B; /* Azul suave para botones primarios, cambiar para otro tono */
            --secondary-btn-bg: #ffffff; /* Fondo blanco para botones terciarios */
            --primary-text: #333333; /* Color oscuro para texto principal, usado también en submenú */
            /* Fuentes */
            --font-primary: 'Plus Jakarta Sans', sans-serif; /* Fuente para títulos */
            --font-secondary: 'Plus Jakarta Sans', sans-serif; /* Fuente para textos */
        }

        .text-primary {color:#71695C!important;}
        .card-h {height:100%!important;}
        .card-dark {
            background:linear-gradient(to bottom, #000, #111);
            color:#fff;
            padding-top:2.5rem;
        }
        .accordion-button {
            background: #000;
            color: #fff;
        }
        .bg-dark {
            background: #000!important;
            /* background: linear-gradient(to bottom, #000000, #333333); */
            color:#fff;
        }
        .bg-green {background:linear-gradient(to bottom, #355E3B, #234128);
            color:#fff;
        }
        .bg-white {background:linear-gradient(to bottom, #fff, #eee);
            color:#000;
        }

        /* Estilos de fondo para cada sección */
        #home { background-color: var(--color-home-bg); }
        #video-parallax { height: 600px; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; text-shadow: 0 2px 4px rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);}
        #video-parallax video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
        #concepto { background-color: var(--color-services-bg); padding: 100px 0; /* Espaciado vertical, ajustar el valor para más/menos espacio */ }
        #departamentos { background-color: var(--color-about-bg); padding: 100px 0; }

        #image-parallax2 { background: url('https://montexilo.com/img/parallax1.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; height: 600px; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
        #partners { background-color: var(--color-partners-bg); padding: 100px 0; }
        #amenidades { background-color: var(--color-projects-bg); padding: 100px 0; }
        #faq { background-color: var(--color-faq-bg); padding: 100px 0; }
        #contacto { background-color: var(--color-contact-bg); padding: 100px 0; }
        .hjaXRz {background-color:#fff!important;}

        #image-parallax1 {
    background-image: url('https://montexilo.com/img/parallax1.jpg');
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Para móviles: desactiva parallax y mejora visibilidad */
@media (max-width: 767px) {
    #image-parallax1 {
        background-attachment: scroll; /* Desactiva efecto parallax */
        background-size: 1200px;     /* Ajusta tamaño visible */
        background-position: center top;
    }
}

        /* Estilos de tipografías */
        h1, h2, h3 { font-family: var(--font-primary); font-weight: 600; }
        p, li, a, input, textarea, button { font-family: var(--font-secondary); font-weight: 400; }
        /* Tamaños de fuente, ajustar los valores para cambiar el tamaño del texto */
        h1 { font-size: 2.5rem; /* Títulos principales en el slider */ }
        h2 { font-size: 2rem; /* Títulos de secciones */ }
        h3 { font-size: 1.5rem; /* Títulos de tarjetas */ }
        p, li, a { font-size: 1rem; /* Texto general */ }

        /* Ajuste del slider Swiper */
        .swiper-slide img { height: 600px; object-fit: cover; width: 100%; /* Ajusta la altura para cambiar el tamaño del slider */ }
        .swiper-slide .caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }

        /* Altura fija para tarjetas */
        .card { height: 100%; display: flex; flex-direction: column; justify-content: space-between; /* Cambia 500px para ajustar la altura de las tarjetas */ }

        /* Estilo para acordeones compactos */
        .compact-collapse { padding: 10px; font-size: 0.9rem; /* Ajusta padding y font-size para cambiar el tamaño del acordeón */ }

        /* Estilos de botones */
    .swiper-button-prev {color:#365E3B!important;}
    .swiper-button-next {color:#365E3B!important;}
        .btn-primary {--bs-btn-color: #fff;
--bs-btn-bg: #365E3B;
--bs-btn-border-color: #365E3B;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #27412b;
--bs-btn-hover-border-color: #27412b;
--bs-btn-focus-shadow-rgb: 42, 107, 116;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #205158;
--bs-btn-active-border-color: #205158;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #2A6B74;
--bs-btn-disabled-border-color: #2A6B74;}
        .btn-outline-secondary { border-color: var(--primary-btn-bg); color: var(--primary-btn-bg); }

        /* Centrar logos en Partners */
        .partner-logo { display: flex; justify-content: center; }
        .partner-logo img { width: 100%; height: auto; }

        /* Skip link para accesibilidad */
        .skip-link {
            position: absolute;
            top: -40px;
            left: 0;
            background: #000;
            color: #fff;
            padding: 8px;
            z-index: 100;
        }

        .skip-link:focus { top: 0; }

        /* Botón Volver Arriba */
        .scroll-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: var(--primary-btn-bg);
            color: #fff;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: none;
            cursor: pointer;
            z-index: 1000;
        }
        .scroll-top.show { display: block; }

        /* Parallax fallback para móviles */
        @media (max-width: 768px) {
            #video-parallax, #image-parallax { background-attachment: scroll; }
        }

        /* Submenú en hover para desktop */
        @media (min-width: 992px) {
            .dropdown:hover .dropdown-menu { display: block; }
            .dropdown-menu { margin-top: 0; }
        }

        .accordion-button:not(.collapsed) {
            color:#fff!important;
            background: #345b39!important;
        }
        .jRBwrH {
            padding:0px!important;
            margin:0px!important;
        }
        .fsSectionHeader {display:none!important;}
        
        .whatsapp-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 80px;
  right: 20px;
  background-color: #355e3c;
  color: white;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.whatsapp-float img {
  width: 30px;
  height: 30px;
}