/* SUMMIT MIND 2026 - premium homepage rebuild layer */
:root {
    --summit-ink: #071421;
    --summit-muted: #516274;
    --summit-line: rgba(7, 20, 33, 0.12);
    --summit-blue: #1E63FF;
    --summit-cyan: #00A9D6;
    --summit-teal: #21CFA6;
    --summit-surface: #FFFFFF;
}

html,
body {
    background: #FFFFFF !important;
}

body {
    color: var(--summit-ink) !important;
}

#globalCityBg,
#liquidCanvas,
.site-accent-line,
.section-divider,
.cursor-dot,
.cursor-ring {
    display: none !important;
}

.nav {
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    /* background y backdrop: delegados a v3.css CANON block */
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.nav.scrolled {
    border-color: rgba(255, 255, 255, 0.10) !important;
}

.nav__inner {
    min-height: 64px !important;
}

.nav__logo-text,
.nav__link,
.nav__btn {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nav__link {
    font-weight: 800 !important;
    opacity: 1 !important;
}

.nav__link:hover,
.nav__link.active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.nav__btn--outline {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.50) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.nav__btn--filled {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: linear-gradient(90deg, #1E6CFA 0%, #1687F0 25%, #12A6DB 50%, #1ABDBF 75%, #29CEAD 100%) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(30, 99, 255, 0.28) !important;
}

.nav__hamburger span {
    background: var(--summit-ink) !important;
}

.hero--summit {
    min-height: 100svh !important;
    overflow: hidden !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    background: #D7F6F5 !important;
}

.hero--summit .hero__photo {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
}

.hero--summit .hero__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    transform: scale(1.035) !important;
    animation: summitHeroDrift 18s ease-in-out infinite alternate;
}

/* Video del hero — reducir brillo para que el texto sea legible */
.hero--summit .hero__photo.hero__video-bg,
.hero--summit video.hero__photo {
    opacity: 0.72 !important;
}

.hero--summit .hero__veil {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(90deg, rgba(5, 143, 150, 0.92) 0%, rgba(9, 190, 188, 0.72) 34%, rgba(38, 196, 211, 0.26) 58%, rgba(255, 255, 255, 0.02) 100%),
        linear-gradient(180deg, rgba(0, 87, 138, 0.34) 0%, rgba(0, 0, 0, 0.06) 42%, rgba(7, 20, 33, 0.24) 100%) !important;
}

.hero--summit .hero__layer--particles {
    z-index: 2 !important;
    opacity: 0.14 !important;
    mix-blend-mode: screen !important;
}

.hero--summit .hero__arc {
    position: absolute;
    z-index: 2;
    left: clamp(280px, 35vw, 620px);
    top: 50%;
    width: clamp(220px, 34vw, 520px);
    height: auto;
    transform: translateY(-50%);
    opacity: 0.28;
}

.hero--summit .hero__split {
    position: relative !important;
    z-index: 3 !important;
    width: min(100%, 1440px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: clamp(98px, 12vh, 150px) clamp(22px, 4.8vw, 72px) clamp(42px, 7vh, 72px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 680px) 1fr !important;
    align-items: center !important;
    gap: clamp(28px, 6vw, 90px) !important;
}

.hero--summit .hero__logos {
    position: absolute !important;
    top: clamp(90px, 11vh, 132px) !important;
    left: clamp(22px, 4.8vw, 72px) !important;
    right: auto !important;
    bottom: auto !important;
    max-width: min(62vw, 780px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.hero--summit .hero__logo-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.hero--summit .hero__logo-sep {
    width: 1px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.42) !important;
}

.hero--summit .hero__logo-mark {
    width: 42px !important;
    height: 42px !important;
    padding: 5px !important;
    object-fit: contain !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 38px rgba(5, 38, 52, 0.14) !important;
    filter: none !important;
}

.hero--summit .hero__logo-label {
    color: #FFFFFF !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
}

.hero--summit .hero__logo-label--name {
    display: block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.hero--summit .hero__logo-label--sub {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    opacity: 0.86 !important;
}

.hero--summit .hero__center {
    grid-column: 1 !important;
    max-width: 680px !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.hero--summit .hero__eyebrow {
    margin: 0 0 16px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: clamp(13px, 1vw, 15px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.hero--summit .hero__summit {
    margin: 0 0 8px !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-family: var(--font-body) !important;
    font-size: clamp(14px, 1.4vw, 18px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.18em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    transform: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Año "2026" — estilo manejado por #hero .hero__year en v3.css */

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    display: inline !important;
    margin: 0 !important;
    font-family: 'Clash Display', 'Montserrat', sans-serif !important;
    font-size: clamp(56px, 8vw, 128px) !important;
    font-weight: 800 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    filter: none !important;
    text-align: left !important;
    white-space: normal !important;
    text-wrap: balance !important;
    transform: none !important;
    text-shadow: 0 22px 70px rgba(3, 50, 64, 0.28) !important;
}

.hero--summit .hero__tagline {
    max-width: 660px !important;
    margin: clamp(18px, 2.4vw, 28px) 0 0 !important;
    color: #FFFFFF !important;
    font-family: var(--font-body) !important;
    font-size: clamp(22px, 2.55vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
}

.hero--summit .hero__desc {
    max-width: 610px !important;
    margin: 18px 0 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: clamp(16px, 1.24vw, 20px) !important;
    line-height: 1.56 !important;
    text-align: left !important;
}

.hero--summit .hero__cta {
    position: static !important;
    width: auto !important;
    margin: clamp(24px, 3vw, 34px) 0 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    transform: none !important;
}

.hero--summit .btn {
    min-height: 54px !important;
    padding: 0 24px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.hero--summit .btn-primary {
    color: #071421 !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    box-shadow: 0 22px 54px rgba(3, 50, 64, 0.22) !important;
}

.hero--summit .btn-ghost {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    backdrop-filter: blur(16px) !important;
}

.hero--summit .countdown {
    width: min(100%, 420px) !important;
    margin: 22px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hero--summit .countdown__block {
    padding: 10px 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 33, 0.14) !important;
}

.hero--summit .countdown__number {
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.hero--summit .countdown__label {
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
}

.hero--summit .hero__impact {
    width: min(100%, 640px) !important;
    margin: clamp(24px, 3.1vw, 36px) 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1px !important;
    background: rgba(255, 255, 255, 0.28) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 70px rgba(5, 54, 68, 0.16) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
}

.hero--summit .hero-impact__item {
    min-width: 0 !important;
    padding: 16px 12px 14px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 0 !important;
    text-align: left !important;
}

.hero--summit .hero-impact__icon {
    display: none !important;
}

.hero--summit .hero-impact__number {
    display: block !important;
    color: #FFFFFF !important;
    font-family: var(--font-body) !important;
    font-size: clamp(25px, 2.1vw, 34px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.hero--summit .hero-impact__item span {
    display: block !important;
    margin-top: 6px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.hero--summit .hero__date-pill,
.hero--summit .hero__badges {
    display: none !important;
}

.hero--summit .hero__bottom-glow {
    display: none !important;
}

.hero--summit .scroll-indicator {
    z-index: 4 !important;
    color: rgba(255, 255, 255, 0.74) !important;
}

.section,
.innovation-hub,
.passes-section,
.brochure,
.strategic-alliances {
    background: #FFFFFF !important;
    color: var(--summit-ink) !important;
}

.ejes--pillars,
.agenda--engine {
    background:
        radial-gradient(circle at 18% 10%, rgba(0, 169, 214, 0.14), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(33, 207, 166, 0.12), transparent 26%),
        linear-gradient(180deg, #081522 0%, #0D2235 100%) !important;
}

.ejes--pillars .section-title,
.ejes--pillars .section-subtitle,
.agenda--engine .section-title,
.agenda--engine .section-subtitle,
.ejes--pillars .section-title-premium,
.agenda--engine .section-title-premium {
    color: #FFFFFF !important;
}

.section-tag-premium,
.section-tag {
    color: var(--summit-blue) !important;
    border-color: rgba(30, 99, 255, 0.18) !important;
    background: rgba(30, 99, 255, 0.06) !important;
}

.section-title-premium,
.section-subtitle-premium,
.section-title,
.section-subtitle {
    color: var(--summit-ink) !important;
}

.pass-card,
.brochure__mockup,
.senior-advisor__card {
    border-radius: 8px !important;
    border-color: var(--summit-line) !important;
    box-shadow: 0 18px 60px rgba(7, 20, 33, 0.08) !important;
}

.floating-badge {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, var(--summit-blue), var(--summit-teal)) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 40px rgba(30, 99, 255, 0.24) !important;
}

@keyframes summitHeroDrift {
    from { transform: scale(1.035) translate3d(0, 0, 0); }
    to { transform: scale(1.075) translate3d(-1.2%, -0.8%, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .hero--summit .hero__photo img {
        animation: none !important;
    }
}

@media (max-width: 1024px) {
    .nav {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
    }

    .hero--summit .hero__split {
        grid-template-columns: 1fr !important;
        padding-top: 122px !important;
    }

    .hero--summit .hero__logos {
        top: 86px !important;
        max-width: calc(100vw - 44px) !important;
    }
}

@media (max-width: 760px) {
    .hero--summit .hero__photo img {
        object-position: 62% center !important;
    }

    .hero--summit .hero__veil {
        background:
            linear-gradient(180deg, rgba(4, 136, 150, 0.90) 0%, rgba(8, 178, 184, 0.82) 44%, rgba(5, 93, 120, 0.56) 100%),
            linear-gradient(90deg, rgba(4, 136, 150, 0.88), rgba(7, 20, 33, 0.18)) !important;
    }

    .hero--summit .hero__arc {
        left: auto;
        right: -170px;
        top: 38%;
        width: 380px;
        opacity: 0.18;
    }

    .hero--summit .hero__split {
        min-height: 100svh !important;
        padding: 132px 20px 34px !important;
        align-items: end !important;
    }

    .hero--summit .hero__logos {
        left: 20px !important;
        top: 82px !important;
        gap: 8px !important;
    }

    .hero--summit .hero__logo-label,
    .hero--summit .hero__logo-sep {
        display: none !important;
    }

    .hero--summit .hero__logo-mark {
        width: 34px !important;
        height: 34px !important;
        padding: 4px !important;
    }

    .hero--summit .hero__eyebrow {
        margin-bottom: 12px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(48px, 14.5vw, 74px) !important;
        line-height: 0.95 !important;
    }

    .hero--summit .hero__tagline {
        font-size: clamp(20px, 6.3vw, 28px) !important;
    }

    .hero--summit .hero__desc {
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    .hero--summit .hero__impact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hero--summit .hero__cta {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .hero--summit .hero__cta .btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .hero--summit .countdown {
        width: 100% !important;
    }
}

/* Hero rebuild v2: Spanish premium event direction */
.nav {
    top: 18px !important;
    left: max(18px, env(safe-area-inset-left)) !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transition: background 280ms ease, border-color 280ms ease, box-shadow 280ms ease, backdrop-filter 280ms ease, transform 280ms ease !important;
}

.nav.scrolled {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(7, 20, 33, 0.08) !important;
    box-shadow: 0 18px 54px rgba(7, 20, 33, 0.12) !important;
    backdrop-filter: blur(22px) saturate(1.15) !important;
}

.nav__inner {
    min-height: 62px !important;
    gap: clamp(14px, 2vw, 28px) !important;
}

.nav__logo {
    flex: 0 0 auto !important;
    min-width: max-content !important;
}

.nav__logo-img,
.nav__logo-text {
    display: none !important;
}

.nav__brand-text {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: 'Clash Display', 'Montserrat', sans-serif !important;
    font-size: clamp(15px, 1.15vw, 18px) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.30) !important;
    opacity: 1 !important;
}

.nav.scrolled .nav__brand-text {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.nav__links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(10px, 1.25vw, 20px) !important;
    min-width: 0 !important;
}

.nav__link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(11px, 0.72vw, 13px) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    opacity: 1 !important;
}

.nav.scrolled .nav__link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.nav__link:hover,
.nav__link.active,
.nav.scrolled .nav__link:hover,
.nav.scrolled .nav__link.active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.nav__btn--filled {
    min-height: 42px !important;
    padding: 0 18px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: linear-gradient(90deg, #1E6CFA 0%, #1687F0 25%, #12A6DB 50%, #1ABDBF 75%, #29CEAD 100%) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(30, 99, 255, 0.28) !important;
    opacity: 1 !important;
}

.nav.scrolled .nav__btn--filled {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: linear-gradient(90deg, #1E6CFA 0%, #1687F0 25%, #12A6DB 50%, #1ABDBF 75%, #29CEAD 100%) !important;
    border-color: transparent !important;
    opacity: 1 !important;
}

.nav__hamburger span {
    background: #FFFFFF !important;
    box-shadow: 0 4px 18px rgba(7, 20, 33, 0.22) !important;
}

.nav.scrolled .nav__hamburger span {
    background: var(--summit-ink) !important;
    box-shadow: none !important;
}

.nav__mobile {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(7, 20, 33, 0.08) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 80px rgba(7, 20, 33, 0.16) !important;
    backdrop-filter: blur(22px) !important;
}

.nav__mobile .nav__link {
    color: var(--summit-ink) !important;
    text-shadow: none !important;
}

.hero--summit {
    min-height: 100svh !important;
    background: #051927 !important;
}

.hero--summit::before,
.hero--summit::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.hero--summit::before {
    inset: -20% -12% auto auto;
    width: min(62vw, 860px);
    aspect-ratio: 1;
    background:
        radial-gradient(circle at 35% 30%, rgba(159, 225, 203, 0.34), transparent 30%),
        radial-gradient(circle at 70% 62%, rgba(30, 99, 255, 0.26), transparent 34%);
    filter: blur(46px);
    opacity: 0.86;
}

.hero--summit::after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 24vh;
    background: linear-gradient(180deg, transparent, rgba(5, 25, 39, 0.22) 38%, rgba(255, 255, 255, 0.98));
}

.hero--summit .hero__photo img {
    object-position: 66% center !important;
    filter: saturate(1.08) contrast(1.04) !important;
    animation: summitHeroDrift 20s ease-in-out infinite alternate !important;
}

.hero--summit .hero__veil {
    background:
        radial-gradient(circle at 74% 28%, rgba(133, 183, 235, 0.24), transparent 34%),
        radial-gradient(circle at 32% 70%, rgba(159, 225, 203, 0.18), transparent 26%),
        linear-gradient(90deg, rgba(4, 37, 52, 0.88) 0%, rgba(6, 79, 91, 0.74) 34%, rgba(8, 124, 137, 0.34) 58%, rgba(4, 20, 33, 0.06) 100%),
        linear-gradient(180deg, rgba(3, 18, 31, 0.24), rgba(3, 18, 31, 0.08) 42%, rgba(3, 18, 31, 0.30)) !important;
}

.hero--summit .hero__logos {
    display: none !important;
}

.hero--summit .hero__arc {
    left: auto !important;
    right: clamp(-210px, -8vw, -96px) !important;
    top: 55% !important;
    width: clamp(260px, 30vw, 480px) !important;
    opacity: 0.18 !important;
    filter: blur(0.4px) !important;
}

.hero--summit .hero__split {
    width: min(100%, 1480px) !important;
    grid-template-columns: minmax(0, 720px) minmax(220px, 1fr) !important;
    padding: clamp(118px, 16vh, 172px) clamp(22px, 5.5vw, 88px) clamp(44px, 8vh, 80px) !important;
    align-items: center !important;
}

.hero--summit .hero__center {
    max-width: min(100%, 720px) !important;
}

.hero--summit .hero__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    margin-bottom: clamp(18px, 2vw, 26px) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(14px) !important;
    font-size: clamp(11px, 0.85vw, 13px) !important;
    letter-spacing: 0.04em !important;
}

.hero--summit .hero__titles {
    display: grid !important;
    gap: clamp(6px, 0.9vw, 12px) !important;
}

/* ============================
   Ejes Temáticos — Estilos limpios (CPANEL)
   ============================ */
.ejes-pure-clean {
    background: #ffffff;
    color: var(--summit-ink);
    padding: 72px 20px;
    position: relative;
}
.ejes-pure-clean::before {
    content: '';
    position: absolute;
    left: 4%; top: -40px; width: 56%; height: 420px;
    background: radial-gradient(600px 160px at 10% 30%, rgba(0,185,216,0.06), transparent 30%);
    transform: rotate(-6deg);
    pointer-events: none;
    z-index: 0;
}
.ejes-container-max { max-width: 1700px; margin: 0 auto; position: relative; z-index: 2; padding: 6vw 3vw; }
.ejes-main-header { text-align: left; max-width: 1100px; margin: 0 auto 28px; }
.ejes-tag-top { display:inline-block; font-weight:900; letter-spacing:0.12em; color:var(--summit-muted); font-size:13px; }
.ejes-main-title { font-size: clamp(2.2rem, 3.5vw, 4rem); margin: 10px 0 6px; line-height:1.02; font-weight:900; }
.ejes-main-lead, .ejes-main-sublead { color:var(--summit-muted); margin: 8px 0; max-width: 1100px; }
.text-accent-cyan { color: var(--summit-cyan); font-weight:800; }

.ejes-grid-system { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 40px; margin-top: 28px; width:100%; }
.eje-card-unsa { background: transparent; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 34px rgba(6,10,14,0.06); display:flex; flex-direction:column; position: relative; z-index: 1; }
/* Animated gradient border (conic/rotating) */
.eje-card-unsa::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 140%;
    background-image: conic-gradient(from 0deg, #00b4d8, #0077b6, #00f5d4, #00b4d8);
    filter: blur(26px) saturate(1.05);
    animation: rotBGimg 6s linear infinite;
    z-index: -2; /* ensure gradient sits at absolute back */
    top: -20%;
    left: 35%;
    transform: translate3d(0,0,0);
    will-change: transform;
}
.eje-card-unsa::after {
    content: '';
    position: absolute;
    background: #ffffff;
    inset: 3px;
    border-radius: 13px;
    z-index: -1; /* sit above gradient but below content */
}
@keyframes rotBGimg {
    from { transform: rotate(0deg) translate3d(0,0,0); }
    to   { transform: rotate(360deg) translate3d(0,0,0); }
}
.card-image-wrapper { position:relative; min-height: 260px; display:block; overflow: hidden; border-radius: 12px 12px 0 0; }
.card-img-bg { width:110%; height:120%; object-fit:cover; display:block; transform: scale(1.15); transform-origin: 50% 30%; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 320ms; filter: saturate(0.6) contrast(0.96) brightness(0.92); will-change: transform; }
.card-overlay { position:absolute; inset:0; mix-blend-mode:multiply; opacity:0.86; transition: filter 240ms ease, opacity 240ms ease; }
.card-content-top { position:relative; left:18px; bottom:18px; color:#fff; z-index:10; max-width:66%; transition: transform 360ms cubic-bezier(0.2,0.9,0.2,1); }
.card-index-num { display:block; font-weight:900; font-size:14px; opacity:0.95; }
.card-inner-title { margin:6px 0 6px; font-size:20px; font-weight:900; }
.card-inner-desc { font-size:13px; opacity:0.95; color:rgba(255,255,255,0.92); }

.card-body-bottom { background:#ffffff; padding:18px; display:flex; flex-direction:column; gap:12px; border-radius: 0 0 12px 12px; }
.subtopics-grid { display:flex; flex-wrap:wrap; gap:10px; }
.subtopic-chip { background: rgba(248,250,252,0.6); border: 1px solid rgba(226,232,240,0.8); padding: 8px 12px; border-radius: 999px; font-size: clamp(0.9rem, 1.1vw, 1.05rem); color:var(--summit-ink); backdrop-filter: blur(4px); transition: background 200ms ease, color 200ms ease, transform 220ms ease; cursor: default; }

/* Drawer for expandable chips */
.subtopics-drawer { height: 0; overflow: hidden; opacity: 0; transition: padding 0.3s ease, opacity 0.35s ease; }
.subtopics-drawer.is-active { height: auto; opacity: 1; padding-top: 20px; }
.subtopics-tech .subtopic-chip:hover { background: #00b4d8; color: #ffffff; transform: translateY(-4px); }
.subtopics-research .subtopic-chip:hover { background: #0077b6; color: #ffffff; transform: translateY(-4px); }
.subtopics-business .subtopic-chip:hover { background: #00f5d4; color: #ffffff; transform: translateY(-4px); }

.card-footer-concept { display:flex; align-items:center; gap:12px; }
.footer-icon-circle { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0)); border:1px solid rgba(7,20,33,0.04); }
.concept-text { font-weight:700; color:var(--summit-muted); }

/* Defensive: force internal card layers above pseudo-elements */
.card-image-wrapper,
.card-content-top,
.card-body-bottom,
.subtopics-grid,
.subtopic-chip,
.card-footer-concept,
.card-inner-title,
.card-inner-desc {
    position: relative !important;
    z-index: 10 !important;
}

/* Overlays por tarjeta */
.tech-overlay { background: linear-gradient(180deg, rgba(6,10,14,0.42), rgba(0,169,214,0.18)); }
.research-overlay { background: linear-gradient(180deg, rgba(6,10,14,0.42), rgba(52,120,221,0.16)); }
.business-overlay { background: linear-gradient(180deg, rgba(6,10,14,0.42), rgba(4,120,87,0.16)); }

/* Footer */
.ejes-section-footer { margin-top: 22px; text-align:center; color:var(--summit-muted); }
.brand-logo-centered .mini-logo { width:56px; height:auto; margin: 8px auto 10px; display:block; }

/* Desktop: grid 3 columnas exactas a partir de 1024px */
@media (min-width: 1024px) {
    .ejes-grid-system { grid-template-columns: repeat(3, 1fr); gap:28px; }
    .card-image-wrapper { min-height: 300px; }
}

/* Micro-interaction hint (will be controlled by JS) */
.eje-card-unsa { transition: transform 320ms cubic-bezier(.2,.9,.2,1), box-shadow 320ms; will-change: transform; perspective: 900px; }
.eje-card-unsa:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(6,10,14,0.08); }

/* subtle scientific grid background */
.ejes-pure-clean::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(241,245,249,0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(248,250,252,0.6) 1px, transparent 1px);
    background-size: 320px 320px, 320px 320px;
    opacity: 0.12;
    pointer-events: none;
    z-index: 1;
}

/* Accessibility: ensure sufficient contrast in text inside overlays */
.card-content-top, .card-content-top * { text-shadow: 0 6px 18px rgba(3, 20, 30, 0.48); }

/* Utility */
.text-brand-cyan { color: var(--summit-cyan); font-weight:800; }


.hero--summit .hero__summit {
    display: none !important;
}

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    font-size: clamp(50px, 7.4vw, 112px) !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
}

.hero--summit .hero__year {
    width: max-content !important;
    margin: 0 !important;
    padding: 6px 12px 7px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(16px, 1.65vw, 24px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
}

.hero--summit .hero__tagline {
    max-width: 700px !important;
    margin-top: clamp(18px, 2.2vw, 30px) !important;
    font-size: clamp(24px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

.hero--summit .hero__desc {
    max-width: 590px !important;
    margin-top: clamp(14px, 1.8vw, 22px) !important;
    font-size: clamp(15px, 1.22vw, 19px) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

.hero--summit .hero__cta {
    margin-top: clamp(24px, 3.2vw, 40px) !important;
}

.hero--summit .btn {
    min-height: 52px !important;
    border-radius: 8px !important;
}

.hero--summit .btn-primary {
    color: #071421 !important;
    background: #FFFFFF !important;
}

.hero--summit .btn-ghost {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

.hero--summit .countdown {
    order: 6 !important;
    width: min(100%, 500px) !important;
    margin-top: clamp(22px, 2.8vw, 34px) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.hero--summit .countdown__block {
    min-width: 0 !important;
    padding: 14px 10px 12px !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    background: rgba(255, 255, 255, 0.11) !important;
    backdrop-filter: blur(18px) saturate(1.1) !important;
}

.hero--summit .countdown__number {
    font-size: clamp(21px, 2vw, 30px) !important;
}

.hero--summit .countdown__label {
    margin-top: 5px !important;
    font-size: 10px !important;
}

.hero--summit .hero__impact {
    order: 7 !important;
    width: min(100%, 660px) !important;
    margin-top: clamp(20px, 2.5vw, 32px) !important;
    gap: 0 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
}

.hero--summit .hero-impact__item {
    padding: 16px 14px !important;
    background: transparent !important;
}

.hero--summit .hero-impact__item + .hero-impact__item {
    border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.hero--summit .hero-impact__number {
    font-size: clamp(24px, 2.3vw, 34px) !important;
}

.hero--summit .hero-impact__item span {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 1280px) {
    .nav__links {
        gap: 10px !important;
    }

    .nav__link {
        font-size: 11px !important;
    }
}

@media (max-width: 1160px) {
    .nav__links,
    .nav__actions .desktop-only {
        display: none !important;
    }

    .nav__inner {
        justify-content: space-between !important;
    }
}

@media (max-width: 1024px) {
    .hero--summit .hero__split {
        grid-template-columns: 1fr !important;
        padding-top: clamp(112px, 13vh, 136px) !important;
    }

    .hero--summit .hero__center {
        max-width: 680px !important;
    }

    .hero--summit .hero__photo img {
        object-position: 70% center !important;
    }
}

@media (max-width: 760px) {
    .nav {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
    }

    .nav__inner {
        min-height: 56px !important;
        padding-inline: 14px !important;
    }

    .nav__brand-text {
        font-size: 14px !important;
    }

    .hero--summit {
        min-height: auto !important;
    }

    .hero--summit .hero__photo img {
        object-position: 66% center !important;
    }

    .hero--summit .hero__veil {
        background:
            radial-gradient(circle at 72% 20%, rgba(133, 183, 235, 0.22), transparent 34%),
            linear-gradient(180deg, rgba(4, 37, 52, 0.84), rgba(5, 94, 106, 0.75) 46%, rgba(5, 25, 39, 0.82) 100%),
            linear-gradient(90deg, rgba(4, 37, 52, 0.82), rgba(7, 20, 33, 0.18)) !important;
    }

    .hero--summit .hero__split {
        min-height: 100svh !important;
        padding: 104px 20px 34px !important;
        align-items: center !important;
    }

    .hero--summit .hero__arc {
        right: -210px !important;
        top: 34% !important;
        width: 380px !important;
        opacity: 0.13 !important;
    }

    .hero--summit .hero__eyebrow {
        min-height: 28px !important;
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(42px, 13.2vw, 62px) !important;
        line-height: 0.96 !important;
    }

    .hero--summit .hero__year {
        font-size: 15px !important;
    }

    .hero--summit .hero__tagline {
        font-size: clamp(21px, 6vw, 28px) !important;
        line-height: 1.12 !important;
    }

    .hero--summit .hero__desc {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .hero--summit .hero__cta {
        width: 100% !important;
        gap: 10px !important;
    }

    .hero--summit .btn {
        min-height: 50px !important;
        padding-inline: 18px !important;
    }

    .hero--summit .countdown {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .hero--summit .countdown__block {
        padding: 10px 4px 9px !important;
    }

    .hero--summit .countdown__number {
        font-size: clamp(18px, 5.3vw, 24px) !important;
    }

    .hero--summit .countdown__label {
        font-size: 9px !important;
        letter-spacing: 0.04em !important;
    }

    .hero--summit .hero__impact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hero--summit .hero-impact__item {
        padding: 13px 12px !important;
    }

    .hero--summit .hero-impact__item + .hero-impact__item {
        border-left: 0 !important;
    }

    .hero--summit .hero-impact__item:nth-child(2n) {
        border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
    }

    .hero--summit .hero-impact__item:nth-child(n + 3) {
        border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    }
}

@media (max-width: 380px) {
    .hero--summit .hero__split {
        padding-inline: 16px !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: 40px !important;
    }

    .hero--summit .hero__tagline {
        font-size: 20px !important;
    }
}

/* Hero rebuild v3: benchmark-aligned composition by subtraction */
.hero--summit {
    min-height: 100svh !important;
    background: radial-gradient(circle at 18% 26%, rgba(159, 225, 203, 0.16), transparent 30%), linear-gradient(120deg, #0599A2 0%, #0CAFB7 36%, #1581C5 100%) !important;
}

.hero--summit .hero__photo {
    left: 42% !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.42) 12%, #000 32%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.42) 12%, #000 32%);
}

.hero--summit .hero__photo img {
    object-position: 60% center !important;
    transform: scale(1.01) !important;
    filter: saturate(1.03) contrast(1.02) brightness(1.02) !important;
}

.hero--summit .hero__veil {
    background: radial-gradient(circle at 20% 42%, rgba(255, 255, 255, 0.14), transparent 32%), radial-gradient(circle at 72% 16%, rgba(133, 183, 235, 0.16), transparent 30%), linear-gradient(90deg, rgba(0, 145, 152, 0.62) 0%, rgba(0, 169, 182, 0.34) 38%, rgba(12, 72, 102, 0.08) 64%, rgba(4, 20, 33, 0.08) 100%) !important;
}

.hero--summit::before {
    width: min(46vw, 620px) !important;
    opacity: 0.46 !important;
}

.hero--summit::after {
    height: 16vh !important;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.94)) !important;
}

.hero--summit .hero__layer--particles,
.hero--summit .hero__arc,
.hero--summit .hero__eyebrow,
.hero--summit .countdown,
.hero--summit .hero__impact,
.hero--summit .hero__date-pill,
.hero--summit .hero__badges,
.hero--summit .scroll-indicator {
    display: none !important;
}

.hero--summit .hero__split {
    grid-template-columns: minmax(0, 520px) minmax(0, 1fr) !important;
    align-items: center !important;
    padding: clamp(118px, 15vh, 160px) clamp(28px, 4.6vw, 78px) clamp(64px, 9vh, 92px) !important;
}

.hero--summit .hero__center {
    max-width: 520px !important;
}

.hero--summit .hero__titles {
    display: flex !important;
    align-items: flex-start !important;
    gap: clamp(12px, 1.4vw, 18px) !important;
    flex-wrap: wrap !important;
}

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    font-size: clamp(54px, 6.1vw, 94px) !important;
    line-height: 0.9 !important;
    max-width: 8.2em !important;
}

.hero--summit .hero__year {
    margin-top: clamp(2px, 0.5vw, 8px) !important;
    padding: 7px 12px 8px !important;
    font-size: clamp(16px, 1.25vw, 20px) !important;
    background: rgba(255, 255, 255, 0.14) !important;
}

.hero--summit .hero__verbs {
    margin: clamp(24px, 3vw, 38px) 0 0 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(30px, 3.15vw, 48px) !important;
    font-weight: 900 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 18px 48px rgba(7, 20, 33, 0.18) !important;
}

.hero--summit .hero__desc {
    max-width: 470px !important;
    margin-top: clamp(18px, 2vw, 24px) !important;
    font-size: clamp(16px, 1.05vw, 18px) !important;
    line-height: 1.58 !important;
    color: rgba(255, 255, 255, 0.90) !important;
}

.hero--summit .hero__meta {
    display: grid !important;
    gap: 8px !important;
    margin-top: clamp(18px, 2.2vw, 28px) !important;
    color: #FFFFFF !important;
    font-size: clamp(15px, 1vw, 18px) !important;
    font-weight: 800 !important;
}

.hero--summit .hero__meta span {
    width: max-content !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    position: relative !important;
}

.hero--summit .hero__meta span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.58em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #B7F26D;
}

.hero--summit .hero__cta {
    margin-top: clamp(24px, 3vw, 34px) !important;
    gap: 12px !important;
}

.hero--summit .btn {
    min-height: 54px !important;
    padding-inline: 24px !important;
}

/* DISEÑO INTERACTIVO DE EJES - LÍNEA PREMIUM CORPORATIVA */

.hud-container-light {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    background-image: linear-gradient(to right, #f1f5f9 1px, transparent 1px),
                      linear-gradient(to bottom, #f1f5f9 1px, transparent 1px);
    background-size: 5rem 5rem;
    overflow: hidden;
}

.hud-marker-light {
    position: absolute;
    font-family: monospace;
    font-size: 10px;
    color: #94a3b8;
    letter-spacing: 0.15em;
    z-index: 5;
}
.hud-marker-light.top-left { top: 30px; left: 40px; }
.hud-marker-light.top-right { top: 30px; right: 40px; }

#matrix-particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.ejes-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 24px;
}

.ejes-header { max-width: 800px; margin-bottom: 60px; }

.hud-subtitle-light { font-size: 11px; font-weight: 700; color: #00b4d8; letter-spacing: 0.25em; margin-bottom: 12px; font-family: monospace; }
.hud-title-light { font-size: 3rem; font-weight: 800; line-height: 1.15; color: #0f172a; margin-bottom: 20px; letter-spacing: -0.02em; }
.hud-desc-light { font-size: 1rem; color: #475569; line-height: 1.6; }

.panels-container { display:flex; flex-direction:column; gap:32px; width:100%; will-change: transform; }
@media (min-width:1024px) { .panels-container { flex-direction:row; width:300vw; gap:0; } }

.eje-panel { width:100%; flex-shrink:0; }
@media (min-width:1024px) { .eje-panel { width:100vw; padding-right:8%; } }

.panel-inner-light { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); border:1px solid #e2e8f0; border-radius:16px; padding:40px; height:100%; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 4px 30px rgba(0,0,0,0.01); transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
.panel-inner-light:hover{ transform: translateY(-4px); }
.border-tech:hover{ border-color:#00b4d8; box-shadow:0 20px 40px rgba(0,180,216,0.05); }
.border-research:hover{ border-color:#0077b6; box-shadow:0 20px 40px rgba(0,119,182,0.05); }
.border-business:hover{ border-color:#00f5d4; box-shadow:0 20px 40px rgba(0,245,212,0.05); }
.panel-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.panel-number-light{ font-family:monospace; font-size:10px; font-weight:700; color:#64748b; background:#f8fafc; padding:4px 10px; border-radius:4px; border:1px solid #edf2f7; }
.panel-icon-light{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.tech-bg{ background: rgba(0,180,216,0.08); }
.research-bg{ background: rgba(0,119,182,0.08); }
.business-bg{ background: rgba(0,245,212,0.08); }
.panel-title-light{ font-size:1.8rem; font-weight:800; color:#1e293b; margin-bottom:12px; }
.panel-desc-light{ font-size:0.95rem; color:#64748b; line-height:1.6; margin-bottom:30px; }
.subtopics-grid-light{ display:grid; grid-template-columns:repeat(1,1fr); gap:8px; margin-bottom:30px; }
@media (min-width:640px){ .subtopics-grid-light{ grid-template-columns:repeat(2,1fr); } }
.subtopic-tag-light{ background:#f8fafc; border:1px solid #f1f5f9; border-radius:8px; padding:12px 16px; font-size:12px; font-weight:500; color:#334155; display:flex; align-items:center; gap:10px; transition:all 0.2s ease; }
.subtopic-tag-light:hover{ background:#ffffff; border-color:#cbd5e1; color:#0f172a; }
.dot-light{ width:6px; height:6px; border-radius:50%; }
.dot-light.tech{ background-color:#00b4d8; }
.dot-light.research{ background-color:#0077b6; }
.dot-light.business{ background-color:#00f5d4; }
.panel-footer-light{ border-top:1px solid #f1f5f9; padding-top:20px; }
.concept-label-light{ font-family:monospace; font-size:10px; color:#94a3b8; font-weight:600; }


.hero--summit .btn-primary {
    box-shadow: 0 20px 48px rgba(7, 20, 33, 0.18) !important;
}

.hero--summit .btn-ghost {
    background: rgba(255, 255, 255, 0.10) !important;
}

.organizers-strip {
    position: relative;
    z-index: 5;
    background: #FFFFFF;
    padding: clamp(28px, 4vw, 54px) clamp(20px, 4vw, 64px);
}

.organizers-strip__inner {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(20px, 4vw, 54px);
    align-items: center;
}

.organizers-strip__label {
    margin: 0;
    color: rgba(7, 20, 33, 0.54);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.organizers-strip__logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: rgba(7, 20, 33, 0.08);
    border: 1px solid rgba(7, 20, 33, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

.organizer-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: #FFFFFF;
}

.organizer-item img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex: 0 0 auto;
}

.organizer-item span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.organizer-item strong {
    color: var(--summit-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.15;
}

.organizer-item small {
    color: rgba(7, 20, 33, 0.58);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

@media (max-width: 1024px) {
    .hero--summit .hero__photo {
        left: 36% !important;
    }

    .hero--summit .hero__split {
        grid-template-columns: minmax(0, 560px) 1fr !important;
    }
}

@media (max-width: 820px) {
    .hero--summit .hero__photo {
        left: 0 !important;
        top: 34% !important;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.5) 16%, #000 36%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.5) 16%, #000 36%);
    }

    .hero--summit .hero__photo img {
        object-position: 70% center !important;
        opacity: 0.62 !important;
    }

    .hero--summit .hero__veil {
        background:
            linear-gradient(180deg, rgba(0, 148, 157, 0.94) 0%, rgba(7, 160, 170, 0.84) 48%, rgba(4, 38, 54, 0.74) 100%) !important;
    }

    .hero--summit .hero__split {
        grid-template-columns: 1fr !important;
        min-height: 100svh !important;
        padding: 106px 20px 42px !important;
        align-items: start !important;
    }

    .hero--summit .hero__center {
        max-width: 560px !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(46px, 12vw, 68px) !important;
    }

    .hero--summit .hero__verbs {
        font-size: clamp(27px, 7.2vw, 38px) !important;
    }

    .hero--summit .hero__desc {
        max-width: 520px !important;
    }

    .organizers-strip__inner {
        grid-template-columns: 1fr;
    }

    .organizers-strip__logos {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .hero--summit .hero__split {
        padding-top: 94px !important;
    }

    .hero--summit .hero__titles {
        gap: 9px !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(40px, 12vw, 52px) !important;
    }

    .hero--summit .hero__year {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }

    .hero--summit .hero__verbs {
        margin-top: 22px !important;
    }

    .hero--summit .hero__cta {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .hero--summit .hero__cta .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Reference lock: match "imagen de referencia para home" */
body {
    background: #FFFFFF !important;
}

.organizers-strip {
    display: none !important;
}

.nav {
    top: 24px !important;
    left: 29.5vw !important;
    right: 24px !important;
    width: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.nav.scrolled {
    background: rgba(255,255,255,0.88) !important;
    border: 1px solid rgba(7,20,33,0.08) !important;
    box-shadow: 0 18px 52px rgba(7,20,33,0.14) !important;
    backdrop-filter: blur(20px) saturate(1.15) !important;
}

.nav__inner {
    min-height: 54px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: clamp(18px, 2vw, 34px) !important;
}

.nav__logo {
    display: none !important;
}

.nav__links {
    display: flex !important;
    flex: 0 1 auto !important;
    justify-content: flex-end !important;
    gap: clamp(18px, 2.1vw, 38px) !important;
}

.nav__link {
    position: relative !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(12px, 0.9vw, 15px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    text-shadow: 0 6px 18px rgba(5,42,58,0.2) !important;
}

.nav__link.active::after,
.nav__link:hover::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -15px !important;
    height: 2px !important;
    background: rgba(255,255,255,0.86) !important;
}

.nav.scrolled .nav__link {
    color: var(--summit-ink) !important;
    text-shadow: none !important;
}

.nav.scrolled .nav__link.active::after,
.nav.scrolled .nav__link:hover::after {
    background: var(--summit-blue) !important;
}

.nav__actions {
    display: flex !important;
    gap: 16px !important;
}

.nav__btn {
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.nav__btn--outline {
    color: #FFFFFF !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.78) !important;
}

.nav__btn--filled {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #159BFF 0%, #1BCBB6 100%) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.nav.scrolled .nav__btn--outline {
    color: var(--summit-ink) !important;
    border-color: rgba(7,20,33,0.18) !important;
}

.nav.scrolled .nav__btn--filled {
    color: #FFFFFF !important;
}

.hero--summit {
    min-height: 100vh !important;
    background: #02AEB6 !important;
    overflow: hidden !important;
}

.hero--summit::before,
.hero--summit::after,
.hero--summit .hero__veil,
.hero--summit .hero__arc,
.hero--summit .hero__layer--particles,
.hero--summit .countdown,
.hero--summit .hero__impact,
.hero--summit .hero__date-pill,
.hero--summit .hero__badges,
.hero--summit .scroll-indicator,
.hero--summit .hero__bottom-glow {
    display: none !important;
}

.hero--summit .hero__photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.hero--summit .hero__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
}

.hero--summit .hero__split {
    position: relative !important;
    z-index: 3 !important;
    min-height: 100vh !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(92px, 10.8vh, 118px) 4.1vw 42px !important;
    display: block !important;
}

.hero--summit .hero__logos {
    display: flex !important;
    position: static !important;
    width: min(760px, 47vw) !important;
    max-width: none !important;
    align-items: flex-end !important;
    gap: 21px !important;
    margin: 0 0 clamp(34px, 5.8vh, 58px) 0 !important;
    color: #FFFFFF !important;
}

.hero--summit .hero__logos::before {
    content: none;
    display: none;
}

.hero--summit .hero__logo-group {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.hero--summit .hero__logo-mark {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

.hero--summit .hero__logo-mark--ccii {
    width: 50px !important;
    height: 50px !important;
}

.hero--summit .hero__logo-mark--ccii-center {
    width: 48px !important;
    height: 48px !important;
}

.hero--summit .hero__logo-label {
    display: block !important;
    color: #FFFFFF !important;
    line-height: 1.16 !important;
    text-transform: none !important;
}

.hero--summit .hero__logo-label--name {
    display: block !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* ========= Ejes Temáticos — tarjetas expandibles con glow ======== */
.ejes-new {
    background: #FFFFFF;
    color: var(--summit-ink);
    padding: clamp(48px, 6vw, 84px) 22px;
}
.ejes-new__container { max-width: 1180px; margin: 0 auto; display: grid; gap: 28px; }
.ejes-new__intro { max-width: 820px; }
.ejes-new__lead { margin-top: 12px; color: var(--summit-muted); font-size: clamp(15px, 1.15vw, 18px); }
.ejes-new__chapters { position: relative; display: grid; gap: 18px; }
.ejes-new__connector { position: absolute; right: calc(50% - 16px); top: 20px; width: 40px; height: calc(100% - 40px); pointer-events: none; opacity: 0.18; }
.ejes-chapter { display: grid; grid-template-columns: 1fr 360px; gap: 20px; align-items: center; padding: 18px 12px; border-radius: 12px; transition: box-shadow .28s ease, transform .28s ease; background: linear-gradient(180deg, rgba(255,255,255,0.98), #fff); border: 1px solid rgba(7,20,33,0.04); box-shadow: 0 6px 18px rgba(7,20,33,0.04); transform-style: preserve-3d; perspective: 900px; }
.ejes-chapter::before { content: ''; position: absolute; inset: 0; border-radius: 12px; padding: 2px; background: linear-gradient(90deg, rgba(0,169,214,0.18), rgba(30,99,255,0.18)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); pointer-events: none; }
.ejes-chapter:hover { box-shadow: 0 20px 50px rgba(7,20,33,0.09); transform: translateY(-6px); }
.ejes-chapter__text { text-align: left; z-index: 2; position: relative; }
.ejes-chapter__kicker { color: var(--summit-cyan); font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; }
.ejes-chapter__title { font-size: clamp(22px, 2.2vw, 30px); margin: 6px 0 10px; color: var(--summit-ink); }
.ejes-chapter__desc { color: var(--summit-muted); margin-bottom: 10px; }
.ejes-chapter__bullets { margin: 8px 0 12px; color: var(--summit-ink); list-style: none; padding: 0; }
.ejes-chapter__bullets li { margin-bottom: 6px; padding-left: 14px; position: relative; }
.ejes-chapter__bullets li:before { content: '•'; position: absolute; left: 0; color: var(--summit-blue); }
.ejes-chapter__visual { color: var(--summit-blue); font-weight:700; }
.ejes-chapter__media { width:100%; height:220px; background: linear-gradient(180deg, rgba(30,99,255,0.06), rgba(0,169,214,0.04)); border-radius: 8px; box-shadow: 0 10px 30px rgba(7,20,33,0.06); overflow: hidden; position: relative; z-index:1; transition: height .36s cubic-bezier(.2,.9,.2,1); }
.ejes-chapter.is-expanded { grid-template-columns: 1fr 480px; }
.ejes-chapter.is-expanded .ejes-chapter__media { height: 340px; }
.ejes-new__closing { margin-top: 12px; text-align: center; }
.ejes-new__closing-msg { display:inline-block; background: linear-gradient(90deg,var(--summit-cyan),var(--summit-blue)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:900; }

@media (max-width: 980px) {
    .ejes-chapter { grid-template-columns: 1fr; }
    .ejes-new__connector { display: none; }
    .ejes-chapter__media { height: 180px; }
    .ejes-chapter.is-expanded .ejes-chapter__media { height: 260px; }
}


.hero--summit .hero__logo-label--sub {
    display: block !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.hero--summit .hero__logo-sep {
    display: block !important;
    width: 1px !important;
    height: 45px !important;
    background: rgba(255,255,255,0.45) !important;
}

.hero--summit .hero__center {
    max-width: min(620px, 41vw) !important;
    margin: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.hero--summit .hero__titles {
    display: block !important;
}

.hero--summit .hero__summit {
    display: block !important;
    margin: 0 0 8px !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(30px, 3.1vw, 48px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.43em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: 'Clash Display', 'Montserrat', sans-serif !important;
    font-size: clamp(112px, 11.9vw, 205px) !important;
    font-weight: 900 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-shadow: 0 18px 62px rgba(5,65,78,0.10) !important;
}

.hero--summit .hero__year {
    display: block !important;
    width: auto !important;
    margin: clamp(16px, 2vh, 22px) 0 0 !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(32px, 3.5vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.44em !important;
}

.hero--summit .hero__verbs {
    margin: clamp(14px, 2.2vh, 20px) 0 0 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(23px, 2vw, 34px) !important;
    font-weight: 900 !important;
    line-height: 1.03 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.hero--summit .hero__verbs::first-line {
    color: #FFFFFF;
}

.hero--summit .hero__desc {
    max-width: 470px !important;
    margin: 19px 0 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(15px, 1.13vw, 19px) !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
}

.hero--summit .hero__meta {
    display: grid !important;
    gap: 10px !important;
    margin-top: 22px !important;
    color: #FFFFFF !important;
}

.hero--summit .hero__meta span {
    padding-left: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(16px, 1.15vw, 20px) !important;
    font-weight: 800 !important;
}

.hero--summit .hero__meta span::before {
    display: none !important;
}

.hero--summit .hero__meta span:first-child::before,
.hero--summit .hero__meta span:last-child::before {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin-right: 10px !important;
    background: none !important;
    border-radius: 0 !important;
    color: #9FE1CB !important;
}

.hero--summit .hero__meta span:first-child::before {
    content: "▣";
}

.hero--summit .hero__meta span:last-child::before {
    content: "⌖";
}

.hero--summit .hero__cta {
    display: flex !important;
    flex-direction: row !important;
    gap: 28px !important;
    margin-top: 27px !important;
    width: auto !important;
}

.hero--summit .btn {
    min-height: 50px !important;
    padding: 0 28px !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.hero--summit .btn-primary {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #159BFF 0%, #1BCBB6 100%) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.hero--summit .btn-ghost {
    color: #FFFFFF !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.78) !important;
    backdrop-filter: none !important;
}

@media (max-width: 1180px) {
    .nav {
        left: 22px !important;
        right: 22px !important;
    }

    .nav__links {
        gap: 18px !important;
    }

    .hero--summit .hero__logos {
        width: min(100%, 720px) !important;
    }

    .hero--summit .hero__center {
        max-width: 560px !important;
    }
}

@media (max-width: 920px) {
    .nav__links,
    .nav__actions .desktop-only {
        display: none !important;
    }

    .nav {
        left: 12px !important;
        right: 12px !important;
        top: 12px !important;
    }

    .nav__logo {
        display: block !important;
    }

    .nav__brand-text {
        color: #FFFFFF !important;
    }

    .nav__inner {
        justify-content: space-between !important;
        padding: 0 14px !important;
    }

    .hero--summit .hero__split {
        padding: 92px 22px 38px !important;
    }

    .hero--summit .hero__logos {
        display: none !important;
    }

    .hero--summit .hero__center {
        max-width: 530px !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(88px, 22vw, 148px) !important;
    }
}

/* Typography repair: match reference hierarchy, stop inherited character animation */
.hero--summit .hero__titles {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
}

.hero--summit .hero__summit {
    width: max-content !important;
    margin: 0 0 clamp(8px, 1vh, 14px) 0 !important;
    font-family: 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(30px, 2.18vw, 54px) !important;
    font-weight: 700 !important;
    line-height: 0.9 !important;
    letter-spacing: clamp(0.32em, 1.12vw, 0.52em) !important;
    transform: none !important;
}

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: 'Arial Black', 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(104px, 8.35vw, 210px) !important;
    font-weight: 900 !important;
    line-height: 0.70 !important;
    letter-spacing: -0.035em !important;
    white-space: nowrap !important;
    transform: scaleX(1.08) !important;
    transform-origin: left center !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}

.hero--summit .hero__year {
    width: min(100%, 28vw) !important;
    min-width: 330px !important;
    margin: clamp(26px, 3.1vh, 42px) 0 0 !important;
    padding: clamp(8px, 1.05vh, 15px) 0 clamp(10px, 1.2vh, 18px) !important;
    display: flex !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.075) !important;
    font-family: 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(34px, 2.75vw, 70px) !important;
    font-weight: 900 !important;
    line-height: 0.95 !important;
    letter-spacing: clamp(0.34em, 1.45vw, 0.56em) !important;
    text-indent: clamp(0.34em, 1.45vw, 0.56em) !important;
}

.hero--summit .hero__verbs {
    margin-top: clamp(22px, 2.5vh, 36px) !important;
    font-family: 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(26px, 1.85vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
}

.hero--summit .hero__desc {
    margin-top: clamp(18px, 2.05vh, 28px) !important;
    font-family: 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(15px, 0.86vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.48 !important;
}

.hero--summit .hero__meta {
    margin-top: clamp(21px, 2.6vh, 34px) !important;
}

.hero--summit .hero__meta span {
    font-family: 'Montserrat', 'Arial', sans-serif !important;
    font-size: clamp(16px, 0.98vw, 23px) !important;
    font-weight: 900 !important;
}

@media (min-width: 1800px) {
    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(142px, 7.4vw, 215px) !important;
    }
}

@media (max-width: 1360px) and (min-width: 921px) {
    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(88px, 7.4vw, 112px) !important;
    }

    .hero--summit .hero__year {
        min-width: 280px !important;
    }
}

@media (max-width: 560px) {
    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(72px, 20vw, 110px) !important;
        transform: scaleX(1.03) !important;
    }

    .hero--summit .hero__year {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* Fluid reference scaling: every hero element responds to viewport size */
.hero--summit {
    --hero-left: clamp(28px, 3.05vw, 92px);
    --hero-nav-top: clamp(24px, 3.6vh, 48px);
    --hero-logos-top: clamp(68px, 9.2vh, 118px);
    --hero-copy-top: clamp(150px, 20.2vh, 250px);
    --hero-logo-size: clamp(34px, 2.25vw, 58px);
    --hero-summit-size: clamp(25px, 2.12vw, 55px);
    --hero-mind-size: clamp(86px, 8.15vw, 220px);
    --hero-year-size: clamp(28px, 2.65vw, 68px);
    --hero-verb-size: clamp(22px, 1.78vw, 45px);
    --hero-body-size: clamp(14px, 0.92vw, 22px);
    --hero-meta-size: clamp(15px, 1vw, 24px);
    --hero-button-size: clamp(12px, 0.78vw, 17px);
    --hero-copy-width: clamp(420px, 33vw, 760px);
}

@media (min-width: 921px) {
    .nav {
        top: var(--hero-nav-top) !important;
        left: calc(var(--hero-left) + 35.5vw) !important;
        right: var(--hero-left) !important;
    }

    .nav__inner {
        min-height: clamp(44px, 4.9vh, 64px) !important;
    }

    .nav__links {
        gap: clamp(18px, 2vw, 42px) !important;
    }

    .nav__link {
        font-size: clamp(11px, 0.74vw, 16px) !important;
    }

    .nav__btn {
        min-height: clamp(40px, 4.1vh, 56px) !important;
        padding-inline: clamp(18px, 1.35vw, 34px) !important;
        font-size: var(--hero-button-size) !important;
    }

    .hero--summit .hero__logos {
        top: var(--hero-logos-top) !important;
        left: var(--hero-left) !important;
        width: clamp(580px, 36vw, 900px) !important;
        gap: clamp(16px, 1.3vw, 30px) !important;
    }

    .hero--summit .hero__logos::before {
        top: calc(clamp(26px, 3.1vh, 40px) * -1) !important;
        font-size: clamp(12px, 0.78vw, 18px) !important;
    }

    .hero--summit .hero__logo-group {
        gap: clamp(9px, 0.75vw, 17px) !important;
    }

    .hero--summit .hero__logo-mark {
        width: var(--hero-logo-size) !important;
        height: var(--hero-logo-size) !important;
    }

    .hero--summit .hero__logo-mark--ccii,
    .hero--summit .hero__logo-mark--ccii-center {
        width: calc(var(--hero-logo-size) * 1.08) !important;
        height: calc(var(--hero-logo-size) * 1.08) !important;
    }

    .hero--summit .hero__logo-label--name {
        font-size: clamp(11px, 0.72vw, 17px) !important;
    }

    .hero--summit .hero__logo-label--sub {
        font-size: clamp(10px, 0.66vw, 15px) !important;
    }

    .hero--summit .hero__logo-sep {
        height: clamp(34px, 3.9vh, 58px) !important;
    }

    .hero--summit .hero__center {
        top: var(--hero-copy-top) !important;
        left: var(--hero-left) !important;
        width: var(--hero-copy-width) !important;
        max-width: var(--hero-copy-width) !important;
    }

    .hero--summit .hero__summit {
        font-size: var(--hero-summit-size) !important;
        letter-spacing: clamp(0.28em, 1.25vw, 0.46em) !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: var(--hero-mind-size) !important;
        line-height: 0.78 !important;
    }

    .hero--summit .hero__year {
        margin-top: clamp(12px, 1.9vh, 28px) !important;
        font-size: var(--hero-year-size) !important;
        letter-spacing: clamp(0.28em, 1.4vw, 0.46em) !important;
    }

    .hero--summit .hero__verbs {
        margin-top: clamp(12px, 2vh, 26px) !important;
        font-size: var(--hero-verb-size) !important;
    }

    .hero--summit .hero__desc {
        max-width: clamp(360px, 24vw, 610px) !important;
        margin-top: clamp(14px, 1.8vh, 28px) !important;
        font-size: var(--hero-body-size) !important;
    }

    .hero--summit .hero__meta {
        margin-top: clamp(18px, 2.4vh, 34px) !important;
        gap: clamp(8px, 1vh, 15px) !important;
    }

    .hero--summit .hero__meta span {
        font-size: var(--hero-meta-size) !important;
    }

    .hero--summit .hero__cta {
        margin-top: clamp(22px, 2.7vh, 40px) !important;
        gap: clamp(14px, 1.55vw, 34px) !important;
    }

    .hero--summit .btn {
        min-height: clamp(44px, 4.7vh, 62px) !important;
        padding-inline: clamp(20px, 1.55vw, 40px) !important;
        font-size: var(--hero-button-size) !important;
    }
}

@media (min-width: 1800px) {
    .hero--summit {
        --hero-left: clamp(56px, 2.9vw, 96px);
        --hero-copy-width: clamp(620px, 31vw, 820px);
    }
}

@media (max-width: 1360px) and (min-width: 921px) {
    .hero--summit {
        --hero-left: clamp(34px, 3vw, 48px);
        --hero-copy-top: clamp(138px, 19vh, 180px);
        --hero-mind-size: clamp(82px, 7.6vw, 112px);
        --hero-copy-width: clamp(390px, 35vw, 500px);
    }

    .nav {
        left: calc(var(--hero-left) + 35vw) !important;
    }
}

/* Surgical final hero layout: no clipped nav, balanced image/content, fluid scale */
.hero--summit {
    --edge: clamp(34px, 3.2vw, 72px);
    --content-w: clamp(430px, 31vw, 650px);
    --brand: clamp(96px, 8.4vw, 178px);
    --summit: clamp(28px, 2.15vw, 48px);
    --year: clamp(32px, 2.9vw, 64px);
    --verbs: clamp(25px, 1.95vw, 42px);
    --body: clamp(15px, 0.96vw, 20px);
    --meta: clamp(16px, 1.06vw, 22px);
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
}

@supports (height: 100dvh) {
    .hero--summit {
        height: 100dvh !important;
        min-height: 100dvh !important;
    }
}

.hero--summit .hero__photo {
    inset: 0 !important;
}

.hero--summit .hero__photo img {
    object-fit: cover !important;
    object-position: 55% center !important;
}

.hero--summit .hero__split {
    position: relative !important;
    width: 100vw !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.nav {
    position: fixed !important;
    top: clamp(24px, 3.2vh, 42px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 var(--edge) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.nav__inner {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: clamp(18px, 2vw, 34px) !important;
}

.nav__links {
    justify-self: end !important;
    display: flex !important;
    min-width: 0 !important;
    max-width: calc(100vw - 380px) !important;
    gap: clamp(18px, 1.9vw, 38px) !important;
    overflow: visible !important;
}

.nav__actions {
    justify-self: end !important;
    flex: 0 0 auto !important;
}

.nav__link {
    flex: 0 0 auto !important;
    font-size: clamp(11px, 0.72vw, 15px) !important;
}

.nav__btn {
    min-height: clamp(40px, 4vh, 54px) !important;
    padding-inline: clamp(18px, 1.3vw, 30px) !important;
    font-size: clamp(12px, 0.72vw, 15px) !important;
}

.hero--summit .hero__logos {
    position: absolute !important;
    top: clamp(90px, 9.8vh, 126px) !important;
    left: var(--edge) !important;
    width: min(43vw, 740px) !important;
    max-width: calc(100vw - (var(--edge) * 2)) !important;
    margin: 0 !important;
}

.hero--summit .hero__center {
    position: absolute !important;
    top: clamp(190px, 20.8vh, 270px) !important;
    left: var(--edge) !important;
    width: var(--content-w) !important;
    max-width: var(--content-w) !important;
    margin: 0 !important;
}

.hero--summit .hero__summit {
    font-size: var(--summit) !important;
}

.hero--summit .hero__mind,
.hero--summit .hero__mind .char {
    font-size: var(--brand) !important;
    line-height: 0.78 !important;
}

.hero--summit .hero__year {
    font-size: var(--year) !important;
}

.hero--summit .hero__verbs {
    font-size: var(--verbs) !important;
}

.hero--summit .hero__desc {
    font-size: var(--body) !important;
    max-width: min(100%, 520px) !important;
}

.hero--summit .hero__meta span {
    font-size: var(--meta) !important;
}

@media (min-width: 1800px) {
    .hero--summit {
        --edge: clamp(46px, 2.7vw, 68px);
        --content-w: clamp(540px, 29vw, 700px);
        --brand: clamp(138px, 7.7vw, 190px);
    }

    .hero--summit .hero__photo img {
        object-position: 52% center !important;
    }
}

@media (max-width: 1180px) {
    .nav__links,
    .nav__actions .desktop-only {
        display: none !important;
    }

    .nav__inner {
        display: flex !important;
        justify-content: space-between !important;
    }

    .nav__logo {
        display: block !important;
    }
}

@media (max-width: 920px) {
    .hero--summit {
        --edge: clamp(18px, 5vw, 34px);
        height: auto !important;
        min-height: 100svh !important;
    }

    .hero--summit .hero__split {
        height: auto !important;
        min-height: 100svh !important;
        padding: 88px var(--edge) 34px !important;
    }

    .hero--summit .hero__logos {
        display: none !important;
    }

    .hero--summit .hero__center {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: min(100%, 540px) !important;
        max-width: min(100%, 540px) !important;
    }
}

@media (max-width: 560px) {
    .hero--summit .hero__photo img {
        object-position: 65% center !important;
    }

    .hero--summit .hero__split {
        padding: 86px 20px 32px !important;
    }

    .hero--summit .hero__summit {
        font-size: 27px !important;
        letter-spacing: 0.34em !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(82px, 25vw, 120px) !important;
    }

    .hero--summit .hero__year {
        font-size: 31px !important;
    }

    .hero--summit .hero__verbs {
        font-size: 27px !important;
    }

    .hero--summit .hero__desc {
        font-size: 15px !important;
    }

    .hero--summit .hero__cta {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .hero--summit .hero__cta .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Critical layout anchor: content must start from the viewport edge, not center */
@media (min-width: 921px) {
    .hero--summit .hero__split {
        position: relative !important;
        display: block !important;
        padding: 0 !important;
    }

    .hero--summit .hero__logos {
        position: absolute !important;
        top: clamp(96px, 10.6vh, 118px) !important;
        left: clamp(56px, 4.1vw, 82px) !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    .hero--summit .hero__center {
        position: absolute !important;
        top: clamp(205px, 24vh, 260px) !important;
        left: clamp(56px, 4.1vw, 82px) !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        transform: none !important;
        width: min(42vw, 620px) !important;
        max-width: min(42vw, 620px) !important;
    }
}

@media (min-width: 1600px) {
    .hero--summit .hero__logos,
    .hero--summit .hero__center {
        left: 68px !important;
    }
}

@media (max-width: 920px) {
    .hero--summit .hero__split {
        position: relative !important;
        display: block !important;
        padding: 88px 20px 34px !important;
    }

    .hero--summit .hero__center {
        position: relative !important;
        inset: auto !important;
        width: min(100%, 540px) !important;
        max-width: min(100%, 540px) !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* Critical responsive fix: full-viewport hero + no split-letter title */
html,
body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}

body {
    max-width: 100vw !important;
}

.hero--summit,
.hero--singularity.hero--summit {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    height: 100dvh !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
}

.hero--summit .hero__split {
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    height: 100dvh !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.hero--summit .hero__photo,
.hero--summit .hero__photo img {
    width: 100% !important;
    max-width: none !important;
}

.hero--summit .hero__mind {
    display: block !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.hero--summit .hero__mind .char {
    display: inline-block !important;
    white-space: pre !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
}

.hero--summit .hero__center {
    transform: none !important;
}

@media (min-width: 921px) {
    .hero--summit .hero__split {
        padding-left: max(64px, 4.1vw) !important;
        padding-right: max(32px, 4.1vw) !important;
    }

    .hero--summit .hero__center {
        max-width: clamp(520px, 34vw, 660px) !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(96px, 8.9vw, 168px) !important;
        line-height: 0.82 !important;
    }
}

@media (max-width: 920px) {
    .hero--summit,
    .hero--singularity.hero--summit,
    .hero--summit .hero__split {
        min-height: 100svh !important;
        height: auto !important;
    }

    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(74px, 18vw, 132px) !important;
        line-height: 0.82 !important;
    }
}

@media (max-width: 560px) {
    .hero--summit .hero__mind,
    .hero--summit .hero__mind .char {
        font-size: clamp(68px, 22vw, 108px) !important;
    }
}

/* ==================================================
   HERO REFERENCE ALIGNMENT - surgical overrides
   ================================================== */
.hero--summit {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100svh !important;
    min-height: 680px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #0cbfb0 !important;
}

.hero--summit .hero__photo,
.hero--summit .hero__photo img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}

.hero--summit .hero__photo img {
    object-fit: cover !important;
    object-position: center right !important;
    transform: none !important;
}

.hero--summit .hero__veil {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        radial-gradient(circle at 38% 58%, rgba(255,255,255,0.14) 0 17%, rgba(255,255,255,0.055) 17.3% 31%, transparent 31.3%),
        linear-gradient(90deg, rgba(12,191,176,0.98) 0%, rgba(18,184,190,0.91) 30%, rgba(26,159,212,0.58) 55%, rgba(26,159,212,0.18) 76%, rgba(26,159,212,0.02) 100%) !important;
}

.hero--summit .hero__split {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 43vw) minmax(0, 1fr) !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100svh !important;
    min-height: 680px !important;
    margin: 0 !important;
    padding: clamp(120px, 14vh, 180px) clamp(1.5rem, 3.1vw, 4.25rem) clamp(48px, 6vh, 80px) !important;
    grid-template-rows: 1fr !important;
    align-content: center !important;
    align-items: center !important;
    gap: 0 !important;
}

.hero--summit .hero__text-col {
    grid-column: 1 !important;
    width: min(43vw, 620px) !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    align-self: center !important;
    justify-content: center !important;
    text-align: left !important;
}

.hero--summit .hero__logos {
    position: absolute !important;
    z-index: 4 !important;
    top: clamp(5.7rem, 8.7vh, 7.3rem) !important;
    left: clamp(1.5rem, 3.1vw, 4.25rem) !important;
    right: auto !important;
    bottom: auto !important;
    width: min(48vw, 760px) !important;
    max-width: calc(100vw - 3rem) !important;
    margin: 0 !important;
    padding: clamp(1.25rem, 1.6vw, 1.65rem) clamp(0.95rem, 1.3vw, 1.25rem) 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(0.85rem, 1.4vw, 1.45rem) !important;
    background: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0.035)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.hero--summit .hero__logos::before {
    content: none !important;
    display: none !important;
}

.hero--summit .hero__logos::after {
    display: none !important;
    content: none !important;
}

.hero--summit .hero__logo-group {
    display: flex !important;
    align-items: center !important;
    gap: clamp(0.55rem, 0.85vw, 0.78rem) !important;
    min-width: 0 !important;
}

.hero--summit .hero__logo-mark {
    width: clamp(2.65rem, 3.25vw, 3.6rem) !important;
    height: clamp(2.65rem, 3.25vw, 3.6rem) !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

.hero--summit .hero__logo-label {
    display: flex !important;
    flex-direction: column !important;
    color: #fff !important;
    line-height: 1.04 !important;
    text-transform: none !important;
}

.hero--summit .hero__logo-label--name {
    display: block !important;
    font-size: clamp(0.62rem, 0.78vw, 0.9rem) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
}

.hero--summit .hero__logo-label--sub {
    display: block !important;
    font-size: clamp(0.54rem, 0.68vw, 0.78rem) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    color: rgba(255,255,255,0.95) !important;
    opacity: 1 !important;
}

.hero--summit .hero__logo-sep {
    width: 1px !important;
    height: clamp(2.35rem, 3.15vw, 3.55rem) !important;
    flex: 0 0 1px !important;
    background: rgba(255,255,255,0.58) !important;
}

.hero--summit .hero__summit {
    margin: 0 !important;
    font-family: "Montserrat", "Satoshi", system-ui, sans-serif !important;
    font-size: clamp(1.65rem, 2.25vw, 3rem) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.38em !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: none !important;
}

.hero--summit .hero__mind {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: "Montserrat", "Satoshi", system-ui, sans-serif !important;
    font-size: clamp(5.9rem, 10.15vw, 12.85rem) !important;
    font-weight: 900 !important;
    line-height: 0.76 !important;
    letter-spacing: -0.055em !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    white-space: nowrap !important;
    background: none !important;
    filter: none !important;
    text-shadow: 0 18px 46px rgba(0,70,90,0.14) !important;
    transform: none !important;
}

.hero--summit .hero__mind .char {
    display: inline !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    white-space: inherit !important;
    transform: none !important;
}

.hero--summit .hero__year {
    width: auto !important;
    margin: clamp(0.78rem, 1.6vh, 1.25rem) 0 clamp(1.1rem, 2.1vh, 1.55rem) !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: "Montserrat", "Satoshi", system-ui, sans-serif !important;
    font-size: clamp(2.35rem, 3.65vw, 4.85rem) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: clamp(0.32em, 1vw, 0.42em) !important;
    text-indent: clamp(0.32em, 1vw, 0.42em) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.hero--summit .hero__tagline {
    margin: 0 0 clamp(0.95rem, 1.55vh, 1.25rem) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}

.hero--summit .hero__tagline-line {
    font-family: "Montserrat", "Satoshi", system-ui, sans-serif !important;
    font-size: clamp(1.55rem, 2.15vw, 2.9rem) !important;
    font-weight: 900 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-transform: none !important;
}

.hero--summit .hero__tagline-dot {
    color: #18d67a !important;
    -webkit-text-fill-color: #18d67a !important;
}

.hero--summit .hero__desc {
    max-width: 38ch !important;
    margin: 0 0 clamp(1.05rem, 1.9vh, 1.45rem) !important;
    font-family: "Montserrat", system-ui, sans-serif !important;
    font-size: clamp(0.88rem, 0.98vw, 1.05rem) !important;
    font-weight: 700 !important;
    line-height: 1.48 !important;
    letter-spacing: -0.01em !important;
    color: rgba(255,255,255,0.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.88) !important;
    text-align: left !important;
}

.hero--summit .hero__cta {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.95rem !important;
    flex-wrap: wrap !important;
    transform: none !important;
}

.hero--summit .hero__btn-primary,
.hero--summit .hero__btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.95rem !important;
    padding: 0.85rem 1.75rem !important;
    border-radius: 999px !important;
    font-family: "Montserrat", system-ui, sans-serif !important;
    font-size: clamp(0.72rem, 0.78vw, 0.88rem) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #fff !important;
    white-space: nowrap !important;
}

.hero--summit .hero__btn-primary {
    background: #00c9a7 !important;
    border: 1px solid #00c9a7 !important;
    box-shadow: 0 14px 34px rgba(0, 105, 110, 0.22) !important;
}

.hero--summit .hero__btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    box-shadow: none !important;
}

@media (min-width: 1600px) {
    .hero--summit .hero__split {
        grid-template-columns: minmax(380px, 41vw) minmax(0, 1fr) !important;
        padding-top: clamp(140px, 13vh, 200px) !important;
    }

    .hero--summit .hero__text-col {
        width: min(41vw, 700px) !important;
        align-self: center !important;
        margin-top: 0 !important;
    }

    .hero--summit .hero__center {
        top: clamp(220px, 22vh, 300px) !important;
        align-self: center !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 920px) {
    .hero--summit {
        height: auto !important;
        min-height: 100svh !important;
    }

    .hero--summit .hero__photo img {
        object-position: 66% center !important;
    }

    .hero--summit .hero__veil {
        background:
            radial-gradient(circle at 55% 58%, rgba(255,255,255,0.11) 0 20%, rgba(255,255,255,0.04) 20.3% 35%, transparent 35.4%),
            linear-gradient(90deg, rgba(12,191,176,0.96) 0%, rgba(18,184,190,0.86) 56%, rgba(26,159,212,0.50) 100%) !important;
    }

    .hero--summit .hero__logos {
        display: none !important;
    }

    .hero--summit .hero__split {
        display: flex !important;
        width: 100vw !important;
        height: auto !important;
        min-height: 100svh !important;
        padding: 7.5rem 1.25rem 2rem !important;
        align-items: flex-end !important;
    }

    .hero--summit .hero__text-col {
        width: min(100%, 540px) !important;
    }
}

@media (max-width: 560px) {
    .hero--summit .hero__summit {
        font-size: clamp(1.12rem, 7.5vw, 1.75rem) !important;
    }

    .hero--summit .hero__mind {
        font-size: clamp(4.5rem, 23vw, 6.8rem) !important;
        letter-spacing: -0.065em !important;
    }

    .hero--summit .hero__year {
        font-size: clamp(2rem, 10.5vw, 3rem) !important;
    }

    .hero--summit .hero__tagline-line {
        font-size: clamp(1.42rem, 8vw, 2.28rem) !important;
    }

    .hero--summit .hero__cta {
        width: 100% !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    .hero--summit .hero__btn-primary,
    .hero--summit .hero__btn-outline {
        width: 100% !important;
    }
}

/* Higher-specificity lock against legacy hero rules in app.css. */
.hero.hero--singularity.hero--summit .hero__veil {
    display: block !important;
    background:
        radial-gradient(circle at 38% 58%, rgba(255,255,255,0.14) 0 17%, rgba(255,255,255,0.055) 17.3% 31%, transparent 31.3%),
        linear-gradient(90deg, rgba(12,191,176,0.98) 0%, rgba(18,184,190,0.91) 30%, rgba(26,159,212,0.58) 55%, rgba(26,159,212,0.18) 76%, rgba(26,159,212,0.02) 100%) !important;
}

.hero.hero--singularity.hero--summit .hero__logos::before {
    content: none !important;
    display: none !important;
}

.hero.hero--singularity.hero--summit .hero__logos::after {
    display: none !important;
    content: none !important;
}

.hero.hero--singularity.hero--summit .hero__logos {
    padding-top: 0 !important;
}

.hero.hero--singularity.hero--summit .hero__logo-mark {
    width: clamp(2.65rem, 3.25vw, 3.6rem) !important;
    height: clamp(2.65rem, 3.25vw, 3.6rem) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.hero.hero--singularity.hero--summit .hero__logo-sep {
    width: 1px !important;
    height: clamp(2.35rem, 3.15vw, 3.55rem) !important;
    background: rgba(255,255,255,0.58) !important;
}

.hero.hero--singularity.hero--summit .hero__year {
    width: auto !important;
    margin: clamp(0.78rem, 1.6vh, 1.25rem) 0 clamp(1.1rem, 2.1vh, 1.55rem) !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.hero.hero--singularity.hero--summit .hero__tagline-line {
    display: block !important;
    width: auto !important;
    text-align: left !important;
    text-transform: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.hero.hero--singularity.hero--summit .hero__tagline-dot {
    display: inline !important;
    color: #18d67a !important;
    -webkit-text-fill-color: #18d67a !important;
}

.hero.hero--singularity.hero--summit .hero__tagline {
    align-items: flex-start !important;
    text-align: left !important;
}

/* Meta icons: remove green dots and keep date/location icons neutral. */
.hero.hero--singularity.hero--summit .hero__meta-item svg {
    color: rgba(255,255,255,0.85) !important;
    stroke: rgba(255,255,255,0.85) !important;
    fill: none !important;
}

.hero.hero--singularity.hero--summit .hero__meta span::before,
.hero.hero--singularity.hero--summit .hero__meta span::after,
.hero.hero--singularity.hero--summit .hero__meta-item::before,
.hero.hero--singularity.hero--summit .hero__meta-item::after {
    display: none !important;
    content: none !important;
}

.hero.hero--singularity.hero--summit .hero__summit {
    margin-bottom: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0.38em !important;
}

.hero.hero--singularity.hero--summit .hero__tagline,
.hero.hero--singularity.hero--summit .hero__desc,
.hero.hero--singularity.hero--summit .hero__meta {
    opacity: 1 !important;
    transform: none !important;
}

/* Laptop-height guard: prevents organizer logos from colliding with the title. */
@media (max-width: 1440px) and (max-height: 820px) {
    .hero.hero--singularity.hero--summit .hero__logos {
        top: 4.4rem !important;
        transform: scale(0.88) !important;
        transform-origin: left top !important;
    }

    .hero.hero--singularity.hero--summit .hero__split {
        padding-top: 9.7rem !important;
        padding-bottom: 2rem !important;
    }

    .hero.hero--singularity.hero--summit .hero__mind {
        font-size: clamp(5.1rem, 9vw, 7.2rem) !important;
    }

    .hero.hero--singularity.hero--summit .hero__summit {
        font-size: clamp(1.35rem, 2vw, 2rem) !important;
    }

    .hero.hero--singularity.hero--summit .hero__year {
        font-size: clamp(2rem, 3.35vw, 3.45rem) !important;
        margin-bottom: 1rem !important;
    }

    .hero.hero--singularity.hero--summit .hero__tagline-line {
        font-size: clamp(1.35rem, 2.15vw, 2rem) !important;
    }

    .hero.hero--singularity.hero--summit .hero__desc {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
    }
}

.hero.hero--singularity.hero--summit .hero__desc {
    max-width: 38ch !important;
    color: rgba(255,255,255,0.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.88) !important;
}

.hero.hero--singularity.hero--summit .hero__cta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.95rem !important;
    margin: 0 !important;
}

.hero.hero--singularity.hero--summit .hero__btn-primary {
    background: #00c9a7 !important;
    background-color: #00c9a7 !important;
    background-image: none !important;
    border: 1px solid #00c9a7 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: 999px !important;
}

.hero.hero--singularity.hero--summit .hero__btn-outline {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: 999px !important;
}

.hero.hero--singularity.hero--summit .hero__btn-primary,
.hero.hero--singularity.hero--summit .hero__btn-outline {
    opacity: 1 !important;
    transform: none !important;
}

.hero.hero--singularity.hero--summit .hero__split {
    display: grid !important;
    grid-template-columns: minmax(320px, 43vw) minmax(0, 1fr) !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100svh !important;
    min-height: 680px !important;
    margin: 0 !important;
    padding: clamp(120px, 14vh, 180px) clamp(1.5rem, 3.1vw, 4.25rem) clamp(48px, 6vh, 80px) !important;
    grid-template-rows: 1fr !important;
    align-content: center !important;
    align-items: center !important;
}

.hero.hero--singularity.hero--summit .hero__text-col {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    align-self: center !important;
    width: min(43vw, 620px) !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

/* Large viewport anchor: keeps hero content vertically centered above 1600px. */
@media (min-width: 1600px) {
    .hero.hero--singularity.hero--summit .hero__split {
        padding-top: clamp(140px, 13vh, 200px) !important;
    }

    .hero.hero--singularity.hero--summit .hero__text-col,
    .hero.hero--singularity.hero--summit .hero__center {
        align-self: center !important;
        margin-top: 0 !important;
    }

    .hero.hero--singularity.hero--summit .hero__center {
        top: clamp(220px, 22vh, 300px) !important;
    }
}

@media (max-width: 920px) {
    .hero.hero--singularity.hero--summit .hero__split {
        display: flex !important;
        width: 100vw !important;
        height: auto !important;
        min-height: 100svh !important;
        padding: 7.5rem 1.25rem 2rem !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
    }

    .hero.hero--singularity.hero--summit .hero__text-col {
        position: relative !important;
        inset: auto !important;
        align-self: auto !important;
        width: min(100%, 540px) !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* Desktop hero flow: removes fixed top positioning that breaks tall screens. */
@media (min-width: 921px) {
    .hero.hero--singularity.hero--summit,
    .hero--summit {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 4 !important;
        order: 1 !important;
        width: auto !important;
        max-width: min(55vw, 780px) !important;
        margin: clamp(72px, 8vh, 110px) 0 clamp(16px, 2vh, 28px) clamp(56px, 4.5vw, 96px) !important;
        padding: 0 !important;
        transform: none !important;
    }

    .hero.hero--singularity.hero--summit .hero__split,
    .hero--summit .hero__split {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 3 !important;
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: clamp(72px, 8vh, 110px) clamp(56px, 4.5vw, 96px) clamp(48px, 6vh, 80px) !important;
        transform: none !important;
    }

    .hero.hero--singularity.hero--summit .hero__center,
    .hero.hero--singularity.hero--summit .hero__text-col,
    .hero--summit .hero__center,
    .hero--summit .hero__text-col {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        align-self: flex-start !important;
        width: min(44vw, 640px) !important;
        max-width: min(44vw, 640px) !important;
        margin: 0 !important;
        transform: none !important;
    }

    .hero.hero--singularity.hero--summit .hero__mind,
    .hero--summit .hero__mind {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    .hero.hero--singularity.hero--summit .hero__summit,
    .hero.hero--singularity.hero--summit .hero__year,
    .hero--summit .hero__summit,
    .hero--summit .hero__year {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    .hero.hero--singularity.hero--summit .hero__year,
    .hero--summit .hero__year {
        justify-content: center !important;
        text-indent: 0 !important;
        letter-spacing: 0.34em !important;
    }
}

/* Reference cleanup: removes the floating pass badge that is not part of the hero. */
#floatingBadge,
.floating-badge[hidden] {
    display: none !important;
}

/* Year alignment: keeps 2026 aligned with MIND across every viewport. */
.hero.hero--singularity.hero--summit .hero__year,
.hero--summit .hero__year {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    text-indent: 0 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.hero.hero--singularity.hero--summit .hero__titles,
.hero.hero--singularity.hero--summit .hero__text-col,
.hero--summit .hero__titles,
.hero--summit .hero__text-col {
    align-items: flex-start !important;
    text-align: left !important;
}

/* Position tune: pins nav to top and shifts desktop hero flow right. */
.nav {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.nav__inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 921px) {
    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        margin: clamp(68px, 7.5vh, 96px) 0 clamp(20px, 2.8vh, 36px) clamp(80px, 7vw, 140px) !important;
    }

    .hero.hero--singularity.hero--summit .hero__split,
    .hero--summit .hero__split {
        padding-top: clamp(68px, 7.5vh, 96px) !important;
        padding-left: clamp(80px, 7vw, 140px) !important;
    }
}

@media (max-width: 768px) {
    .hero.hero--singularity.hero--summit .hero__split,
    .hero--summit .hero__split {
        padding-left: clamp(18px, 5vw, 28px) !important;
    }

    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        display: none !important;
    }

    .hero.hero--singularity.hero--summit .hero__summit,
    .hero.hero--singularity.hero--summit .hero__year,
    .hero--summit .hero__summit,
    .hero--summit .hero__year {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}

/* Desktop laptop guard: keeps the normal flow compact on shorter screens. */
@media (min-width: 921px) and (max-height: 820px) {
    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        margin-top: clamp(70px, 8vh, 86px) !important;
        margin-bottom: clamp(14px, 2.2vh, 24px) !important;
        transform: scale(0.88) !important;
        transform-origin: left top !important;
    }

    .hero.hero--singularity.hero--summit .hero__mind,
    .hero--summit .hero__mind {
        font-size: clamp(5.1rem, 8.6vw, 8.2rem) !important;
    }

    .hero.hero--singularity.hero--summit .hero__tagline-line,
    .hero--summit .hero__tagline-line {
        font-size: clamp(1.35rem, 2.1vw, 2.05rem) !important;
    }
}

/* Final position override: nav flush, logos below nav, desktop content shifted right. */
.nav {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.nav__inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 769px) {
    .hero.hero--singularity.hero--summit .hero__split,
    .hero--summit .hero__split {
        padding-top: clamp(68px, 7.5vh, 96px) !important;
        padding-left: clamp(80px, 7vw, 140px) !important;
    }

    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        margin-top: clamp(68px, 7.5vh, 96px) !important;
        margin-right: 0 !important;
        margin-bottom: clamp(20px, 2.8vh, 36px) !important;
        margin-left: clamp(80px, 7vw, 140px) !important;
    }
}

@media (max-width: 768px) {
    .hero.hero--singularity.hero--summit .hero__split,
    .hero--summit .hero__split {
        padding-left: clamp(18px, 5vw, 28px) !important;
    }

    .hero.hero--singularity.hero--summit .hero__logos,
    .hero--summit .hero__logos {
        display: none !important;
    }
}

/* Section 02 — Purpose (clean, minimal, responsive) */
:root{
    --purpose-accent-1:#1CC6B5;
    --purpose-accent-2:#1F8FE0;
    --purpose-text:#172248;
}
#sobre.sobre-purpose{
    position:relative;
    isolation:isolate;
    background:#fff;
    color:var(--purpose-text);
    padding:clamp(72px,8vw,140px) 0;
}

#sobre.sobre-purpose .purpose__inner{
    max-width:1200px;
    margin-left:clamp(22px,4.8vw,72px);
    margin-right:auto;
    display:grid;
    grid-template-columns:minmax(0,620px) 1fr;
    gap:clamp(28px,4.5vw,72px);
    align-items:center;
    justify-items:start;
    width:calc(100% - 48px);
}

/* Override global centering rule for .sobre > .container (app.css uses !important) */
#sobre.sobre-purpose > .purpose__inner{
    margin-left:clamp(22px,4.8vw,72px) !important;
    margin-right:auto !important;
    width:calc(100% - 48px) !important;
    max-width:1200px !important;
    grid-template-columns:minmax(0,620px) 1fr !important;
}

.purpose__copy{display:flex;flex-direction:column;gap:12px;max-width:640px;align-items:flex-start;text-align:left}
.purpose__label{font-family:Montserrat,system-ui,sans-serif;font-weight:800;color:var(--purpose-accent-1);letter-spacing:0.14em;font-size:0.9rem}
.purpose__rule{display:block;width:42px;height:2px;background:linear-gradient(90deg,var(--purpose-accent-1),var(--purpose-accent-2));margin:14px 0}
.purpose__title{font-family:Montserrat, Satoshi, system-ui, sans-serif;font-weight:900;font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:1.04;margin:0;color:var(--purpose-text);text-align:left}
.purpose__text{margin-top:10px;color:rgba(23,34,72,0.78);max-width:54ch;font-size:1.02rem;line-height:1.72}
.purpose__keywords{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:26px;list-style:none;padding:0}
.purpose__keywords li{font-weight:800;letter-spacing:0.14em;color:var(--purpose-accent-1);font-size:0.95rem}
.purpose__keywords li:not(:last-child)::after{content:"";display:inline-block;width:6px;height:6px;margin-left:18px;border-radius:50%;background:currentColor;opacity:0.7}

.purpose__media{position:relative;min-height:520px;overflow:hidden;border-radius:6px}
.purpose__media img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;display:block}
.purpose__media::before{content:"";position:absolute;inset:0 auto 0 0;width:44%;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0.92) 28%,rgba(255,255,255,0.38) 68%,rgba(255,255,255,0) 100%);pointer-events:none}
.purpose__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(0deg,#fff,transparent);pointer-events:none}

.purpose-arc{position:absolute;z-index:1;pointer-events:none;opacity:0.06;filter:blur(1px)}
.purpose-arc--top{top:-64px;right:-64px}
.purpose-arc--bottom{left:-96px;bottom:-64px;transform:rotate(180deg)}

/* Keyword styles: two distinct gradients */
.kw{display:inline-block;margin-left:4px}
.kw--cyan{background:linear-gradient(90deg,#00C1D4,#1CC6B5);-webkit-background-clip:text;background-clip:text;color:transparent}
.kw--blue{background:linear-gradient(90deg,#1F8FE0,#4BD1FF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Background container moved to an explicit element to allow animation and clearer control */
#sobre.sobre-purpose{position:relative;overflow:visible}
.purpose__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.purpose__bg{background-image:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 18%, rgba(255,255,255,0.6) 36%, rgba(255,255,255,0) 58%), url('../assets/imagen-de-fondo-2da-seccion.webp');background-repeat:no-repeat;background-position:left center, right center;background-size:auto,cover;opacity:1;filter:saturate(1.02) contrast(1.02)}

/* Ensure the grid content sits above the background */
#sobre.sobre-purpose .purpose__inner{position:relative;z-index:2}

/* Hide inline figure on desktop (background used instead) */
.purpose__media{display:none}
/* Keep content column narrower so text never overlays editorial focal area */
/* Narrow and pad the copy to increase whitespace left and avoid visual overlap */
#sobre.sobre-purpose .purpose__copy{max-width:620px;padding-left:clamp(12px,2.2vw,32px)}
#sobre.sobre-purpose .purpose__inner{grid-template-columns:40% 60%}

/* Reduce decorative arcs so they don't dominate the layout */
.purpose-arc{opacity:0.045;transform-origin:center center;transform:scale(0.86) translateZ(0)}
.purpose-arc--top{top:-44px;right:-54px}
.purpose-arc--bottom{left:-64px;bottom:-44px}

@media (max-width:1024px){
    #sobre.sobre-purpose .purpose__inner{grid-template-columns:1fr;gap:48px;margin-left:24px;margin-right:24px;width:calc(100% - 48px)}
    .purpose__media{min-height:420px;display:block}
    #sobre.sobre-purpose::before{display:none}
}

@media (max-width:640px){
    #sobre.sobre-purpose{padding:56px 0}
    .purpose__title{font-size:clamp(1.8rem,9.5vw,3.4rem)}
    .purpose__media{min-height:300px}
    .purpose__media::before{width:56%}
    .purpose-arc{opacity:0.05}
}

/* Homepage: slightly larger section titles for clarity */
.section .section-title{font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:1.06}

/* Ejes tematicos: director cut */
#ejes.ejes-director {
    --ejes-ink: #071421;
    --ejes-muted: #516274;
    --ejes-cyan: #00A9D6;
    --ejes-teal: #21CFA6;
    --ejes-blue: #1E63FF;
    --ejes-deep: #0B3147;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(82px, 7vw, 150px) clamp(20px, 4.5vw, 86px);
    background:
        linear-gradient(115deg, rgba(255,255,255,0.98) 0%, rgba(236,251,250,0.92) 38%, rgba(255,255,255,0.96) 68%, rgba(232,250,246,0.96) 100%);
    scroll-margin-top: 118px;
}

#ejes.ejes-director::before {
    content: "";
    position: absolute;
    inset: -18% -8% auto auto;
    width: min(54vw, 960px);
    height: min(54vw, 960px);
    background:
        radial-gradient(circle at 34% 32%, rgba(0,169,214,0.26), transparent 34%),
        radial-gradient(circle at 68% 62%, rgba(33,207,166,0.22), transparent 36%);
    filter: blur(18px);
    opacity: 0.9;
    pointer-events: none;
    z-index: -2;
    animation: ejesAmbientDrift 15s ease-in-out infinite alternate;
}

#ejes.ejes-director::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(7,20,33,0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7,20,33,0.045) 1px, transparent 1px),
        linear-gradient(120deg, transparent 0 42%, rgba(0,169,214,0.09) 42% 42.35%, transparent 42.35% 100%);
    background-size: 180px 180px, 180px 180px, 620px 620px;
    mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
    opacity: 0.72;
    pointer-events: none;
    z-index: -1;
}

#ejes .ejes-container-max {
    width: min(100%, 1840px);
    max-width: 1840px;
    padding: 0;
}

#ejes .ejes-main-header {
    max-width: none;
    margin: 0 0 clamp(34px, 4vw, 70px);
}

#ejes .ejes-kicker-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: clamp(16px, 2vw, 28px);
}

#ejes .ejes-tag-top {
    color: var(--ejes-blue);
    font-size: clamp(12px, 0.78vw, 15px);
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

#ejes .ejes-live-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid rgba(7,20,33,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.72);
    color: var(--ejes-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 16px 46px rgba(7,20,33,0.08);
    backdrop-filter: blur(16px);
}

#ejes .ejes-live-pill::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ejes-teal);
    box-shadow: 0 0 0 7px rgba(33,207,166,0.14);
}

#ejes .ejes-heading-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.72fr);
    gap: clamp(28px, 5vw, 108px);
    align-items: end;
}

#ejes .ejes-main-title {
    max-width: 960px;
    margin: 0;
    color: var(--ejes-ink);
    font-family: 'Clash Display', 'Montserrat', sans-serif;
    font-size: clamp(3rem, 5.45vw, 7.25rem);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: 0;
    text-wrap: balance;
}

#ejes .text-accent-cyan {
    background: linear-gradient(90deg, var(--ejes-blue), var(--ejes-cyan) 44%, var(--ejes-teal));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#ejes .ejes-main-copy {
    padding: clamp(18px, 2vw, 28px) 0 4px;
    border-top: 2px solid rgba(7,20,33,0.08);
}

#ejes .ejes-main-lead,
#ejes .ejes-main-sublead {
    max-width: 720px;
    margin: 0;
    color: rgba(7,20,33,0.72);
    font-size: clamp(1rem, 1.08vw, 1.28rem);
    font-weight: 600;
}

#ejes .ejes-main-sublead {
    margin-top: 14px;
    color: rgba(7,20,33,0.58);
    font-size: clamp(0.94rem, 0.96vw, 1.12rem);
}

#ejes .ejes-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    width: min(100%, 760px);
    margin-top: clamp(28px, 3vw, 46px);
    border: 1px solid rgba(7,20,33,0.10);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(7,20,33,0.10);
    box-shadow: 0 24px 70px rgba(7,20,33,0.08);
}

#ejes .ejes-metrics div {
    min-height: 86px;
    padding: 16px 18px;
    background: rgba(255,255,255,0.76);
    backdrop-filter: blur(14px);
}

#ejes .ejes-metrics strong {
    display: block;
    color: var(--ejes-ink);
    font-size: clamp(1.6rem, 1.8vw, 2.2rem);
    line-height: 1;
}

#ejes .ejes-metrics span {
    display: block;
    margin-top: 8px;
    color: rgba(7,20,33,0.58);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#ejes .ejes-grid-system {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.2vw, 40px);
    margin-top: 0;
    perspective: 1400px;
}

#ejes .eje-card-unsa {
    min-height: clamp(620px, 43vw, 790px);
    border-radius: 8px;
    background: rgba(255,255,255,0.84);
    border: 1px solid rgba(255,255,255,0.72);
    box-shadow: 0 34px 90px rgba(7,20,33,0.12);
    overflow: hidden;
    transform: translateZ(0);
    animation: ejesCardReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

#ejes .eje-card-unsa:nth-child(2) {
    animation-delay: 0.08s;
    margin-top: clamp(24px, 3vw, 56px);
}

#ejes .eje-card-unsa:nth-child(3) {
    animation-delay: 0.16s;
}

#ejes .eje-card-unsa::before {
    width: 70%;
    height: 160%;
    left: 15%;
    top: -30%;
    background-image: conic-gradient(from 120deg, rgba(30,99,255,0), var(--ejes-cyan), var(--ejes-teal), var(--ejes-blue), rgba(30,99,255,0));
    filter: blur(34px) saturate(1.1);
    opacity: 0.62;
}

#ejes .eje-card-unsa::after {
    inset: 1px;
    border-radius: 7px;
    background: rgba(255,255,255,0.95);
}

#ejes .eje-card-unsa:hover {
    transform: translateY(-12px) rotateX(1.2deg);
    box-shadow: 0 44px 110px rgba(7,20,33,0.18);
}

#ejes .card-image-wrapper {
    min-height: clamp(330px, 27vw, 520px);
    border-radius: 8px 8px 0 0;
}

#ejes .card-img-bg {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transform: scale(1.04);
    filter: saturate(0.92) contrast(1.05) brightness(0.92);
}

#ejes .eje-card-unsa:hover .card-img-bg {
    transform: scale(1.12);
    filter: saturate(1.08) contrast(1.07) brightness(0.96);
}

#ejes .card-overlay {
    opacity: 1;
    mix-blend-mode: normal;
}

#ejes .tech-overlay {
    background:
        linear-gradient(180deg, rgba(7,20,33,0.08) 0%, rgba(7,20,33,0.58) 100%),
        linear-gradient(135deg, rgba(0,169,214,0.84), rgba(30,99,255,0.18) 58%, rgba(7,20,33,0.22));
}

#ejes .research-overlay {
    background:
        linear-gradient(180deg, rgba(7,20,33,0.08) 0%, rgba(7,20,33,0.60) 100%),
        linear-gradient(135deg, rgba(30,99,255,0.72), rgba(0,169,214,0.18) 52%, rgba(7,20,33,0.28));
}

#ejes .business-overlay {
    background:
        linear-gradient(180deg, rgba(7,20,33,0.08) 0%, rgba(7,20,33,0.58) 100%),
        linear-gradient(135deg, rgba(33,207,166,0.80), rgba(0,169,214,0.20) 56%, rgba(7,20,33,0.24));
}

#ejes .card-content-top {
    position: absolute !important;
    inset: auto clamp(22px, 2vw, 36px) clamp(24px, 2vw, 38px);
    left: clamp(22px, 2vw, 36px);
    bottom: clamp(24px, 2vw, 38px);
    max-width: min(92%, 560px);
    color: #fff;
}

#ejes .card-index-num {
    width: max-content;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,0.36);
    border-radius: 8px;
    background: rgba(255,255,255,0.13);
    font-size: 13px;
    letter-spacing: 0.16em;
    backdrop-filter: blur(12px);
}

#ejes .card-inner-title {
    margin: 18px 0 12px;
    color: #FFFFFF;
    font-family: 'Clash Display', 'Montserrat', sans-serif;
    font-size: clamp(2rem, 2.35vw, 3.6rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: 0;
    text-transform: none;
    text-wrap: balance;
}

#ejes .card-inner-desc {
    max-width: 48ch;
    color: rgba(255,255,255,0.92);
    font-size: clamp(0.96rem, 0.92vw, 1.08rem);
    font-weight: 600;
}

#ejes .card-body-bottom {
    flex: 1;
    padding: clamp(22px, 2.1vw, 34px);
    gap: clamp(20px, 2vw, 30px);
    justify-content: space-between;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,253,252,0.98));
    border-radius: 0 0 8px 8px;
}

#ejes .subtopics-drawer,
#ejes .subtopics-drawer.is-active {
    height: auto;
    overflow: visible;
    opacity: 1;
    padding-top: 0;
}

#ejes .subtopics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#ejes .subtopic-chip {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(7,20,33,0.09);
    color: rgba(7,20,33,0.74);
    font-size: clamp(0.82rem, 0.78vw, 0.98rem);
    font-weight: 800;
    line-height: 1.16;
    box-shadow: 0 10px 28px rgba(7,20,33,0.04);
}

#ejes .subtopic-chip::before {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--ejes-cyan);
    box-shadow: 0 0 0 5px rgba(0,169,214,0.10);
}

#ejes .subtopics-research .subtopic-chip::before {
    background: var(--ejes-blue);
    box-shadow: 0 0 0 5px rgba(30,99,255,0.10);
}

#ejes .subtopics-business .subtopic-chip::before {
    background: var(--ejes-teal);
    box-shadow: 0 0 0 5px rgba(33,207,166,0.12);
}

#ejes .subtopic-chip:hover {
    background: #FFFFFF;
    color: var(--ejes-ink);
    transform: translateY(-3px);
    border-color: rgba(0,169,214,0.32);
}

#ejes .card-footer-concept {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding-top: 22px;
    border-top: 1px solid rgba(7,20,33,0.08);
}

#ejes .footer-icon-circle {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0,169,214,0.12), rgba(33,207,166,0.14));
    border: 1px solid rgba(0,169,214,0.16);
}

#ejes .footer-icon-circle svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--ejes-blue);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#ejes .concept-text {
    margin: 0;
    color: var(--ejes-deep);
    font-size: clamp(1rem, 0.98vw, 1.16rem);
    font-weight: 900;
    line-height: 1.25 !important;
}

#ejes .ejes-section-footer {
    display: grid;
    justify-items: center;
    gap: 12px;
    width: min(100%, 1080px);
    margin: clamp(42px, 5vw, 86px) auto 0;
    padding: clamp(24px, 3vw, 42px);
    border: 1px solid rgba(7,20,33,0.10);
    border-radius: 8px;
    background: rgba(255,255,255,0.70);
    box-shadow: 0 24px 80px rgba(7,20,33,0.08);
    backdrop-filter: blur(18px);
}

#ejes .brand-logo-centered .mini-logo {
    width: clamp(58px, 5vw, 86px);
    max-height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 14px 24px rgba(7,20,33,0.12));
}

#ejes .closing-phrase,
#ejes .closing-subphrase {
    margin: 0;
    color: rgba(7,20,33,0.70);
    text-align: center;
}

#ejes .closing-phrase {
    font-size: clamp(1rem, 1.12vw, 1.26rem);
}

#ejes .closing-phrase strong {
    color: var(--ejes-ink);
}

#ejes .closing-phrase span,
#ejes .text-brand-cyan {
    color: var(--ejes-cyan);
}

#ejes .closing-subphrase {
    font-weight: 800;
}

@keyframes ejesAmbientDrift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to { transform: translate3d(-4%, 5%, 0) scale(1.08); }
}

@keyframes ejesCardReveal {
    from { opacity: 0; transform: translateY(34px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (min-width: 1920px) {
    #ejes.ejes-director {
        padding-left: clamp(86px, 6vw, 132px);
        padding-right: clamp(86px, 6vw, 132px);
    }

    #ejes .ejes-grid-system {
        gap: 44px;
    }

    #ejes .card-body-bottom {
        padding: 38px;
    }
}

@media (max-width: 1180px) {
    #ejes .ejes-heading-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    #ejes .ejes-main-copy {
        max-width: 780px;
    }

    #ejes .ejes-grid-system {
        grid-template-columns: 1fr;
    }

    #ejes .eje-card-unsa,
    #ejes .eje-card-unsa:nth-child(2) {
        min-height: 0;
        margin-top: 0;
    }

    #ejes .eje-card-unsa {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1fr);
    }

    #ejes .card-image-wrapper {
        min-height: 430px;
        border-radius: 8px 0 0 8px;
    }

    #ejes .card-body-bottom {
        border-radius: 0 8px 8px 0;
    }
}

@media (max-width: 760px) {
    #ejes.ejes-director {
        padding: 142px 18px 64px;
    }

    #ejes .ejes-kicker-row {
        align-items: flex-start;
        flex-direction: column;
    }

    #ejes .ejes-main-title {
        font-size: clamp(2.45rem, 12vw, 4.2rem);
    }

    #ejes .ejes-metrics {
        grid-template-columns: 1fr;
    }

    #ejes .ejes-metrics div {
        min-height: 72px;
    }

    #ejes .eje-card-unsa {
        display: flex;
    }

    #ejes .card-image-wrapper {
        min-height: 360px;
        border-radius: 8px 8px 0 0;
    }

    #ejes .card-inner-title {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    #ejes .subtopics-grid {
        grid-template-columns: 1fr;
    }

    #ejes .card-body-bottom {
        border-radius: 0 0 8px 8px;
    }

    #ejes .closing-phrase {
        display: grid;
        gap: 8px;
    }

    #ejes .closing-phrase span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    #ejes.ejes-director::before,
    #ejes .eje-card-unsa,
    #ejes .eje-card-unsa::before {
        animation: none !important;
    }
}

/* ============================================================
   LIGHT THEME — Unificación de fondos: Agenda · Precios · Alianzas
   Eliminamos los parches oscuros para coherencia visual total
   ============================================================ */

/* ── Agenda: de azul marino a blanco limpio ── */
#agenda.agenda--engine {
    background: #F8FFFE !important;
    color: var(--summit-ink) !important;
}
#agenda.agenda--engine .section-title,
#agenda.agenda--engine .section-subtitle,
#agenda.agenda--engine .agenda__title {
    color: var(--summit-ink) !important;
    text-shadow: none !important;
}
#agenda.agenda--engine .section-tag {
    color: var(--summit-blue) !important;
}
#agenda .agenda__kicker {
    color: rgba(7,20,33,0.54) !important;
}
#agenda .agenda__download {
    color: var(--summit-ink) !important;
    border-color: rgba(7,20,33,0.18) !important;
    background: rgba(7,20,33,0.05) !important;
}
#agenda .agenda__download:disabled {
    opacity: 0.42 !important;
    cursor: default !important;
}

/* ── Precios: de negro profundo a azul hielo suave ── */
#precios.passes-section {
    background: #F5FDFF !important;
    color: var(--summit-ink) !important;
}
#precios.passes-section .passes__label {
    color: var(--summit-blue) !important;
    background: rgba(30,99,255,0.07) !important;
    border-color: rgba(30,99,255,0.16) !important;
}
#precios.passes-section .passes__title,
#precios.passes-section h2.passes__title {
    color: var(--summit-ink) !important;
    text-shadow: none !important;
}
#precios.passes-section .passes__limited {
    color: rgba(7,20,33,0.62) !important;
}

/* ── Alianzas: de azul marino a blanco puro ── */
#alianzas.strategic-alliances {
    background: #FFFFFF !important;
    color: var(--summit-ink) !important;
}
#alianzas.strategic-alliances::before {
    display: none !important;
}
#alianzas .alliances__heading {
    color: var(--summit-ink) !important;
}
#alianzas .alliances__subtitle {
    color: rgba(7,20,33,0.58) !important;
}
#alianzas .alliance-stat span {
    color: rgba(7,20,33,0.52) !important;
}
#alianzas .alliance-category__label {
    color: rgba(7,20,33,0.48) !important;
}
#alianzas .alliance-category__label::before {
    background: rgba(7,20,33,0.2) !important;
}
#alianzas .alliance-cta__copy h3 {
    color: var(--summit-ink) !important;
}
#alianzas .alliance-cta__copy p {
    color: rgba(7,20,33,0.62) !important;
}

/* ── Bloque "Sponsors próximamente" ── */
.alliance-sponsors-soon {
    padding: 32px 40px;
    background: rgba(7,20,33,0.03);
    border: 1px dashed rgba(7,20,33,0.12);
    border-radius: 10px;
    text-align: center;
}
.alliance-sponsors-soon p {
    margin: 0 0 18px;
    color: rgba(7,20,33,0.56) !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}
.alliance-sponsors-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 26px;
    background: linear-gradient(135deg, #1E63FF, #21CFA6);
    color: #fff !important;
    font-weight: 900;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    box-shadow: 0 10px 28px rgba(30,99,255,0.22);
}
.alliance-sponsors-link:hover {
    opacity: 0.88;
    transform: translateY(-2px);
}

/* ── Divisores de sección: onda cian/verde ── */
.section-divider {
    display: block !important;
    height: 52px !important;
    overflow: hidden !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
}
.section-divider::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,229,255,0.28) 20%,
        rgba(0,255,136,0.32) 50%,
        rgba(0,229,255,0.28) 80%,
        transparent 100%
    );
}
.section-divider::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,229,255,0.04) 0%, transparent 100%);
    pointer-events: none;
}