.elementor-434 .elementor-element.elementor-element-622bf23d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.79;--overlay-mix-blend-mode:multiply;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-434 .elementor-element.elementor-element-622bf23d:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-622bf23d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://solsticeheritage.group/wp-content/uploads/2026/07/bg-5.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-434 .elementor-element.elementor-element-622bf23d::before, .elementor-434 .elementor-element.elementor-element-622bf23d > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-622bf23d > .e-con-inner > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-622bf23d > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-622bf23d > .e-con-inner > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-622bf23d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #0E17423B 100%, #FFFFFF00 100%);}.elementor-434 .elementor-element.elementor-element-622bf23d > .elementor-shape-bottom svg, .elementor-434 .elementor-element.elementor-element-622bf23d > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:49px;}.elementor-434 .elementor-element.elementor-element-59ff5dc{--spacer-size:170px;}.elementor-434 .elementor-element.elementor-element-4fa79b9{--spacer-size:30px;}.elementor-434 .elementor-element.elementor-element-68e8e46d{--spacer-size:53px;}.elementor-434 .elementor-element.elementor-element-0f83b9c{--spacer-size:30px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-434 .elementor-element.elementor-element-dbdeb18{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#1A223E;}.elementor-434 .elementor-element.elementor-element-8f0e9d4{--spacer-size:50px;}.elementor-434 .elementor-element.elementor-element-6861d20{width:var( --container-widget-width, 99.925% );max-width:99.925%;--container-widget-width:99.925%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#1A223E;}.elementor-434 .elementor-element.elementor-element-6861d20.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-434 .elementor-element.elementor-element-54057c6{--spacer-size:50px;}.elementor-434 .elementor-element.elementor-element-84227fa{width:var( --container-widget-width, 99.925% );max-width:99.925%;--container-widget-width:99.925%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#1A223E;}.elementor-434 .elementor-element.elementor-element-84227fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-434 .elementor-element.elementor-element-5a46238{--spacer-size:30px;}.elementor-434 .elementor-element.elementor-element-481fe18e{--display:flex;--overlay-opacity:0.5;--overlay-mix-blend-mode:multiply;}.elementor-434 .elementor-element.elementor-element-481fe18e:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-481fe18e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://solsticeheritage.group/wp-content/uploads/2026/07/bg4.jpg");background-position:bottom left;}.elementor-434 .elementor-element.elementor-element-481fe18e::before, .elementor-434 .elementor-element.elementor-element-481fe18e > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-481fe18e > .e-con-inner > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-481fe18e > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-481fe18e > .e-con-inner > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-481fe18e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1D0B3142;--background-overlay:'';}.elementor-434 .elementor-element.elementor-element-481fe18e > .elementor-shape-top svg, .elementor-434 .elementor-element.elementor-element-481fe18e > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:52px;}.elementor-434 .elementor-element.elementor-element-58f1f7c6{--spacer-size:36px;}.elementor-434 .elementor-element.elementor-element-161ca2b5{--display:flex;}@media(min-width:768px){.elementor-434 .elementor-element.elementor-element-622bf23d{--content-width:1400px;}.elementor-434 .elementor-element.elementor-element-481fe18e{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-5b367292 *//* Importar fuentes */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');

.solstice-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 5%;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.footer-left h2 {
    font-family: 'Cinzel', serif;
    color: #DEB03A;
    margin-bottom: 15px;
}

.footer-right { text-align: center; }

.footer-logo { width: 120px; margin-bottom: 10px; }

.social-links { margin: 10px 0; color: #DEB03A; font-size: 14px; }
.social-links a { color: #DEB03A; text-decoration: none; margin: 0 5px; }

.tagline { font-style: italic; margin-top: 5px; }

.footer-bottom {
    display: flex;
    justify-content: space-between;
    padding: 10px 5%;
    font-size: 11px;
    border-top: 1px solid rgba(255,255,255,0.2);
    color: #ccc;
}

/* Ajuste para móvil (hace que todo se vea bien) */
@media (max-width: 768px) {
    .solstice-footer { flex-direction: column; gap: 20px; }
    .footer-bottom { flex-direction: column; text-align: center; gap: 10px; }
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px; /* Espacio entre íconos */
    margin: 15px 0;
}

.social-icons a {
    color: #DEB03A; /* Color dorado */
    transition: transform 0.3s ease;
}

.social-icons a:hover {
    transform: scale(1.2); /* Efecto pequeño al pasar el ratón */
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* --- Estilos Generales del Header --- */
#custom-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent;
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
    font-family: 'Montserrat', sans-serif;
}

/* Estado al hacer scroll (Fondo Blanco) */
#custom-header.scrolled {
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* Contenedor Principal (Actualizado a 1400px) */
.header-container {
    max-width: 1400px; /* Ancho máximo ajustado */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    transition: padding 0.4s ease;
}

#custom-header.scrolled .header-container {
    padding: 5px 20px;
}

/* --- Logo Animado --- */
#header-logo {
    transition: all 0.4s ease;
    display: block;
    object-fit: contain;
}

/* --- Navegación --- */
.nav-menu {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.nav-menu li a {
    text-decoration: none;
    color: #ffffff; /* Texto blanco inicial */
    font-weight: 500;
    font-size: 15px;
    position: relative;
    padding: 5px 0;
    transition: color 0.3s ease;
}

/* Cambio de color de texto al hacer scroll */
#custom-header.scrolled .nav-menu li a {
    color: #0d1b2a; /* Azul oscuro corporativo de la imagen */
}

/* Animación de Hover (Línea que crece desde el centro) */
.nav-menu li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: #d4af37; /* Dorado de la imagen */
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav-menu li a:hover::after {
    width: 100%;
}

.nav-menu li a:hover {
    color: #d4af37 !important;
}

/* --- Línea Dorada Divisora --- */
.golden-divider {
    height: 2px;
    width: 100%;
    background-color: #d4af37; /* Dorado */
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5; /* Ligeramente transparente en fondo azul */
    transition: opacity 0.4s ease;
}

#custom-header.scrolled .golden-divider {
    opacity: 1; /* Sólida cuando el fondo es blanco */
}

/* --- Menú Móvil (Responsive) --- */
.mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
}

.mobile-toggle span {
    width: 25px;
    height: 3px;
    background-color: #ffffff;
    transition: 0.3s;
}

#custom-header.scrolled .mobile-toggle span {
    background-color: #0d1b2a;
}

@media (max-width: 768px) {
    .mobile-toggle {
        display: flex;
    }
    .main-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        transform: translateY(-150%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }
    .main-nav.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .nav-menu {
        flex-direction: column;
        text-align: center;
        padding: 20px 0;
        gap: 20px;
    }
    .nav-menu li a {
        color: #0d1b2a; /* En móvil siempre es oscuro para el fondo blanco */
    }
}













/* --- Corrección definitiva del menú móvil --- */

/* 1. Eliminar destello fucsia/azul al tocar en móviles */
.mobile-toggle,
.mobile-toggle:focus,
.mobile-toggle:active {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 2. Asegurar visibilidad del botón hamburguesa */
.mobile-toggle {
    display: none; /* Por defecto */
    z-index: 10000;
}

@media (max-width: 768px) {
    .mobile-toggle {
        display: flex !important; /* Fuerza visibilidad en móvil */
    }
}

/* 3. Asegurar que las líneas sean visibles */
.mobile-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #ffffff; /* Blanco inicial */
    margin: 4px 0;
    transition: 0.3s;
}

/* Si el header tiene fondo blanco (scrolled), líneas oscuras */
#custom-header.scrolled .mobile-toggle span {
    background-color: #0d1b2a;
}


























<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

  .custom-benefit-widget {
    display: flex;
    align-items: center; /* Centra en el eje Y */
    gap: 15px; /* Texto pegado al ícono */
    font-family: 'Montserrat', sans-serif;
    background-color: transparent;
    width: 100%;
    margin-bottom: 20px; /* Separación entre cada beneficio si los pones juntos */
  }

  .custom-benefit-icon img {
    width: 110px; /* Tamaño actualizado a 110px */
    height: 110px; /* Tamaño actualizado a 110px */
    object-fit: contain;
    display: block;
    flex-shrink: 0;
  }

  .custom-benefit-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .custom-benefit-title {
    font-size: 22px;
    font-weight: 700;
    color: #ceaa6b; 
    margin: 0;
    line-height: 1.2;
  }

  .custom-benefit-text {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    line-height: 1.5;
  }

  @media (max-width: 768px) {
    .custom-benefit-widget {
      flex-direction: column;
      text-align: center;
      gap: 15px;
    }
  }
</style>/* End custom CSS */