/* Start custom CSS *//* ============================================================
   BOAT FOOTER (Template 126) - DARK PREMIUM + HERO GLOW + ICON LISTS
   ============================================================ */

/* 1. Contenedor principal con fondo animado idéntico al Hero */
body.elementor-page-126,
.elementor-126 {
    position: relative !important;
    overflow: hidden !important;
    background-color: #09090B !important;
    z-index: 1;
}

/* Retícula técnica de fondo (como el Hero) */
body.elementor-page-126::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 1;
}

/* ANIMACIÓN HERO: Glow-streak (#f4cf10) */
body.elementor-page-126::before {
    content: '';
    position: absolute;
    top: 15%;
    left: -15%;
    width: 130%;
    height: 420px;
    background: linear-gradient(
        112deg,
        rgba(244, 207, 16, 0) 0%,
        rgba(244, 207, 16, 0.25) 18%,
        rgba(255, 225, 60, 0.85) 45%,
        rgba(244, 207, 16, 0.7) 65%,
        rgba(230, 160, 10, 0.3) 85%,
        transparent 100%
    );
    filter: blur(45px);
    opacity: 0.32;
    border-radius: 50% 50% 45% 55% / 40% 60% 40% 60%;
    animation: flowStreamFooter 8s ease-in-out infinite alternate;
    will-change: transform, filter;
    pointer-events: none;
    z-index: 0;
}

@keyframes flowStreamFooter {
    0% { transform: rotate(-14deg) skewX(-12deg) scale(0.96) translateY(-20px); }
    50% { transform: rotate(-10deg) skewX(-6deg) scale(1.05) translateY(15px); }
    100% { transform: rotate(-15deg) skewX(-15deg) scale(1.02) translateY(5px); }
}

/* Elevar todo el contenido sobre las luces y la retícula */
body.elementor-page-126 > * {
    position: relative;
    z-index: 2;
}

/* ============================================================
   TIPOGRAFÍAS OFICIALES BOAT
   ============================================================ */

/* Encabezados y títulos principales: Plus Jakarta Sans */
body.elementor-page-126 h1,
body.elementor-page-126 h2,
body.elementor-page-126 h3,
body.elementor-page-126 h4,
body.elementor-page-126 h5,
body.elementor-page-126 h6,
body.elementor-page-126 .e-heading-base,
body.elementor-page-126 [class*="e-heading"] {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #FFFFFF !important;
}

/* Decide Better CTA */
body.elementor-page-126 .elementor-element-13aec905,
body.elementor-page-126 .elementor-element-13aec905 h2 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.05 !important;
    color: #FFFFFF !important;
}

/* Textos de cuerpo, párrafos, bajadas: Inter */
body.elementor-page-126 p,
body.elementor-page-126 span,
body.elementor-page-126 a,
body.elementor-page-126 li,
body.elementor-page-126 .e-paragraph-base,
body.elementor-page-126 [class*="e-paragraph"] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Textos informativos de ciudades y copy */
body.elementor-page-126 .elementor-element-2ee7d588,
body.elementor-page-126 .elementor-element-2ee7d588 p {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #A1A1AA !important;
}

body.elementor-page-126 .elementor-element-f753721,
body.elementor-page-126 .elementor-element-f753721 p {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #71717A !important;
}

/* Títulos de las columnas del Footer */
body.elementor-page-126 .elementor-element-7f4739d5,
body.elementor-page-126 .elementor-element-10acddb6,
body.elementor-page-126 .elementor-element-45994e01,
body.elementor-page-126 .elementor-element-52b5d3ec {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: #FFFFFF !important;
    margin-bottom: 16px !important;
}

/* ============================================================
   ESTRUCTURA DE LISTA DE ÍCONOS (ICON LIST CON BULLETS/CHEVRONS)
   ============================================================ */

/* Convertir los contenedores de menú en Icon List */
body.elementor-page-126 .elementor-element-7997db6 .e-paragraph-base,
body.elementor-page-126 .elementor-element-3cb5f6b8 .e-paragraph-base,
body.elementor-page-126 .elementor-element-3c86278f .e-paragraph-base,
body.elementor-page-126 .elementor-element-35e6289e .e-paragraph-base {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
}

/* Viñeta / Icono minimalista de la lista (Boat Icon List style) */
body.elementor-page-126 .elementor-element-7997db6 .e-paragraph-base::before,
body.elementor-page-126 .elementor-element-3cb5f6b8 .e-paragraph-base::before,
body.elementor-page-126 .elementor-element-3c86278f .e-paragraph-base::before,
body.elementor-page-126 .elementor-element-35e6289e .e-paragraph-base::before {
    content: '' !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    transition: all 0.25s ease !important;
    flex-shrink: 0 !important;
}

/* Enlaces de los elementos de lista */
body.elementor-page-126 .elementor-element-32e20105 a {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
}

/* Interacción Hover: Se ilumina el icono a amarillo Boat y se desplaza el link */
body.elementor-page-126 .elementor-element-7997db6 .e-paragraph-base:hover::before,
body.elementor-page-126 .elementor-element-3cb5f6b8 .e-paragraph-base:hover::before,
body.elementor-page-126 .elementor-element-3c86278f .e-paragraph-base:hover::before,
body.elementor-page-126 .elementor-element-35e6289e .e-paragraph-base:hover::before {
    background-color: #FFE500 !important;
    box-shadow: 0 0 8px rgba(255, 229, 0, 0.8) !important;
    transform: scale(1.3) !important;
}

body.elementor-page-126 .elementor-element-32e20105 .e-paragraph-base:hover a {
    color: #FFFFFF !important;
    transform: translateX(4px) !important;
}

/* Botones con tipografía Inter y estilos Boat */
body.elementor-page-126 .elementor-element-35d623d0,
body.elementor-page-126 a.elementor-element-35d623d0 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    background-color: #18181B !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
}

body.elementor-page-126 .elementor-element-2dd485c8,
body.elementor-page-126 a.elementor-element-2dd485c8 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    background-color: #FFE500 !important;
    border: 1px solid #FFE500 !important;
    border-radius: 999px !important;
    color: #09090B !important;
}

/* Caja de vidrio (Glassmorphic) */
body.elementor-page-126 .elementor-element-32e20105 {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 20px !important;
}/* End custom CSS */