/* ═══════════════════════════════════════════
   ADECCO INNOVATION AWARDS 2026
   style.css — single file, production ready
   ═══════════════════════════════════════════ */

/* ── FONTS ────────────────────────────────── */
@font-face{font-family:'ZZBlack';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/ZTTalk-Black.woff2') format('woff2'),url('../assets/fonts/ZTTalk-Black.woff') format('woff')}
@font-face{font-family:'NeueHaas';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/NeueHaasGroteskText.woff2') format('woff2'),url('../assets/fonts/NeueHaasGroteskText.woff') format('woff')}
@font-face{font-family:'NeueHaas';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/NeueHaasGroteskText-Medium.woff2') format('woff2'),url('../assets/fonts/NeueHaasGroteskText-Medium.woff') format('woff')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Nunito-Regular.woff2') format('woff2'),url('../assets/fonts/Nunito-Regular.woff') format('woff')}

/* ── VARIABLES ────────────────────────────── */
:root{
  --red:#EB003F;
  --black:#000;
  --white:#fff;
  --light-bg:#E8E7E5;
  --max-w:1300px;
  --nav-h:80px;
  --f-hero:'ZZBlack',sans-serif;
  --f-head:'Nunito',sans-serif;
  --f-body:'NeueHaas','Nunito',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --t:.4s;
}

/* ── RESET ────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);font-weight:400;background:#fff;color:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ── UTILITIES ────────────────────────────── */
.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}

/* ── SECTION BASE ─────────────────────────── */
section{position:relative;padding:100px 0;overflow:hidden}
.section-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0}
.section-overlay{position:absolute;inset:0;background-color:var(--ov-color,rgba(0,0,0,0));z-index:1}
section>.container{position:relative;z-index:2}
.section-title{font-family:var(--f-head);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;margin-bottom:1rem}
.section-title.white{color:var(--white)}
.section-title.dark{color:var(--black)}
.section-lead{font-family:var(--f-head);font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.7;max-width:100%;margin-bottom:2rem}
.section-lead.white{color:var(--white)}
.section-lead.dark{color:var(--black)}

/* ── BUTTONS ──────────────────────────────── */
.btn-cta{display:inline-block;font-family:var(--f-head);font-size:1.2rem;font-weight:700;padding:18px 50px;border-radius:20px;cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease);border:2px solid transparent;margin-top:1.5rem}
.btn-cta.black{background:var(--black);color:var(--white);border-color:var(--black)}
.btn-cta.black:hover{background:var(--white);color:var(--black)}
.btn-cta.red{background:var(--red);color:var(--white);border-color:var(--red); border: none; transition: all .2s ease;}
.btn-cta.red:hover{background:var(--black);color:var(--white); transform: scale(1.2);}

/* ── NAVBAR ───────────────────────────────── */
#navbar{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--nav-h);background:#fff;box-shadow:0 0 44px 5px rgba(0,0,0,.5);transition:box-shadow .3s}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(16px,3vw,40px)}
.nav-logos{display:flex;align-items:center;gap:10px}
/*.nav-logos img:first-child{width:clamp(110px,13vw,160px);height:auto}
.nav-logos img:last-childwidth:clamp(40px,6vw,160px);height:auto}*/
.nav-logos .logo{width:clamp(40px,35vw,190px);height:auto;padding: 10px;}
.nav-logos .logoAdecco{width:clamp(100px,20vw,180px);height:auto;}
.nav-logos .partner{width:clamp(100px,10.2vw,160px);height:auto; }
.nav-links{display:flex;align-items:center;gap:clamp(8px,1.5vw,22px)}
.nav-link{border-radius: 10px; padding: 15px;font-family:var(--f-head);font-size:clamp(.7rem,.9vw,.95rem);font-weight:700;color:var(--black);transition:all .2s ease;position:relative}
/*.nav-link::after{content:'';position:absolute;bottom:-2px;left:11px;right:11px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}*/
.nav-link:hover{color:white; background-color:#000; border-radius: 10px; padding: 15px;}
/*.nav-link:hover::after{transform:scaleX(1)}*/

/* Burger */
.burger{display:none;flex-direction:column;gap:5px;padding:6px}
.burger span{display:block;width:24px;height:2px;background:var(--black);transition:transform .3s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile nav */
.mobile-nav{position:fixed;top:var(--nav-h);left:0;right:0;background:#fff;padding:20px clamp(16px,4vw,40px) 30px;border-bottom:1px solid #eee;transform:translateY(-110%);opacity:0;transition:transform .35s var(--ease),opacity .3s;pointer-events:none;z-index:9998}
.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:all}
.mobile-nav ul{display:flex;flex-direction:column;gap:16px}
.mobile-nav .nav-link{font-size:1.1rem;padding:4px 0;display:block}

/* ── HERO ─────────────────────────────────── */
#hero-section{height:100vh;min-height:600px;display:flex;align-items:center;padding:0;margin-top:0}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:bottom center;opacity:0;transition:opacity 1.2s ease}
.hero-slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;z-index:1;transition:background 1.2s ease}

/* ── Slide states ─────────────────────────── */
/* slide-0 = dark bg → white prefix, red suffix, white pill+text */
body.slide-0 .hero-overlay{background:rgba(0,0,0,0)}
body.slide-0 #heroPrefix{color:var(--white)}
body.slide-0 #heroSuffix{color:var(--red)}
body.slide-0 #heroPill{background:var(--white);color:var(--black)}
body.slide-0 #pillText{color:var(--black)}

/* slide-1 = light bg → black prefix, red suffix, black pill+text */
body.slide-1 .hero-overlay{background:rgba(255,255,255,0)}
body.slide-1 #heroPrefix{color:var(--black)}
body.slide-1 #heroSuffix{color:var(--red)}
body.slide-1 #heroPill{background:var(--black);color:var(--white)}
body.slide-1 #pillText{color:var(--white)}

.hero-content{position:relative;z-index:2;width:100%;max-width:var(--max-w);margin-inline:auto;padding:var(--nav-h) clamp(10px,2vw,40px) 40px;display:flex;flex-direction:column;justify-content:center;height:100%}
.hero-heading{display:flex;flex-direction:column;margin-bottom:clamp(24px,4vh,48px)}
#heroPrefix,#heroSuffix{font-family:var(--f-hero);font-weight:400;text-transform:uppercase;line-height:1em;display:block;transition:color 1.2s ease}
#heroPrefix{font-size:clamp(3rem,9vw,120px)}
#heroSuffix{font-size:clamp(3rem,9vw,120px)}

.hero-heading{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.hero-prefix{
    font-size:clamp(28px,3vw,60px);
    font-weight:600;
    line-height:1;
}

.typewriter{
    position:relative;

    font-size:clamp(42px,7vw,120px);
    font-weight:700;
    line-height:.9;
    letter-spacing:-0.04em;

    color:#fff;
}

.hidden{ opacity:0; }
.cursor{
    display:inline-block;

    width:2px;
    height:.9em;

    background:#fff;

    margin-left:8px;

    animation:blink .8s infinite;

    vertical-align:middle;
}

@keyframes blink{

    0%,50%{
        opacity:1;
    }

    51%,100%{
        opacity:0;
    }

}


.iso-hero{
    position: absolute;
    right: -800px;
    top: -700px;
    perspective: 1400px;
    pointer-events: none;
}

.hero-object{
    transform-style: preserve-3d;
    will-change: transform;
}

.hero-object img{
    display:block;
    width:100%;
    backface-visibility:hidden;
    transform: translateZ(80px);
}

/* Pill */
.hero-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:50px;font-family:var(--f-hero);font-size:clamp(.7rem,1.1vw,1.9rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background 1.2s ease,color 1.2s ease;width:fit-content;margin-bottom:60px}
#heroPrefix,#heroSuffix{font-size:clamp(2.5rem,8vw,120px)}

/* ── ACERCA DE ────────────────────────────── */
#acerca{padding:100px 0}
#acerca .section-bg{background-position:center;background-attachment:fixed}
.acerca-body{max-width:100%}
.acerca-body p{font-family:var(--f-head);font-size:clamp(.85rem,1.1vw,1rem);color:var(--white);line-height:1.75;margin-bottom:1.1rem}
.acerca-body p strong{color:var(--white)}
.free-text{font-weight:700 !important;font-size:1.05rem !important}
.acerca-body .btn-cta.black{background:var(--black);color:var(--white); border:none;}
.acerca-body .btn-cta.black:hover{background:var(--white);color:var(--black); transform: scale(1.2);}

/* ── CATEGORÍAS ───────────────────────────── */
#categorias{background:var(--light-bg)}
#categorias .section-bg{background-attachment:fixed}
#categorias .section-title.dark{color:var(--black)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:1.5rem}
.cat-card{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);cursor:default}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.12)}
.cat-card img{width:clamp(48px,5vw,80px);height:auto}
.cat-card h3{font-family:var(--f-head);font-size:clamp(.95rem,1.3vw,1.35rem);font-weight:700;color:var(--black);line-height:1.25}
.cat-card h3 span{color:var(--red);display:block}
.cat-card p{font-family:var(--f-head);font-size:.82rem;color:#444;line-height:1.6}

/* ── JURADO ───────────────────────────────── */
#jurado{padding:100px 0}
#jurado .section-bg{background-attachment:fixed}

/* Carousel */
.jury-wrap{display:flex;align-items:center;gap:16px;position:relative;margin-top:2rem}
.jury-viewport{overflow:hidden;width:100%}
.jury-track{display:flex;gap:30px;transition:transform .5s var(--ease);will-change:transform}
.jury-card{flex:0 0 calc((100% - 60px) / 3);min-width:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:transform .3s var(--ease); position: relative;padding-bottom: 25px;}
.jury-card:hover{/*transform:translateY(-4px)*/}
.jury-photo-wrap{position:relative;overflow:hidden;aspect-ratio:4/3.5}
.jury-photo-wrap img:first-child{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--ease)}
.jury-card:hover .jury-photo-wrap img:first-child{transform:scale(1.04)}
.jury-li{position:absolute;bottom:10px;right:10px;width:46px;height:46px;padding: 10px; background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s; z-index: 9;}
.jury-li:hover{background:var(--black)}
.jury-li img{width:18px;height:18px;filter:brightness(0) invert(1)}
.jury-info{padding:16px 10px 10px; position: relative;z-index: 2;margin-top: -60px;}
.jury-label{font-family:var(--f-head);font-size: 1rem;font-weight: 500;letter-spacing: .12em;color: #fff;margin-bottom: 4px;background-color: #000;display: inline-block;padding: 10px;}}
.jury-info h3{font-family:var(--f-head);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:700;color:var(--black);line-height:1.2;margin-bottom:6px}
.jury-role{font-family:var(--f-head);font-size:.8rem;color:#666;line-height:1.4;margin-bottom:12px; margin-top: 20px;}
.jury-bio{ font-family:var(--f-head);font-size:.8rem;color: #fff;line-height: 1.6;margin-bottom: 10px;background-color: var(--red);position: absolute;top: 0;z-index: 1000;left: 0;height: 100%; padding: 40px 10px 10px 10px; visibility: hidden; transition: all .3s ease; opacity: 0; top:100px;}
.jury-bio p{max-height: 100%;noverflow-y: auto; overflow-x: hidden;}
.jury-bio p+p{margin-top:.5rem}
.bio-visible{visibility: visible!important; opacity: 1; top: 0;}
.bio-toggle{font-family:var(--f-head);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:1px;transition:color .2s;z-index: 9999;position: relative;top:390px;left: 10px;}
.bio-toggle:hover{color:var(--black);border-color:var(--black)}
.bio-toggle[aria-expanded="true"] {top: 10px;left: 270px; color: white; font-weight: bold;font-size: 1.2rem;}
.bio-toggle:hover[aria-expanded="true"]{ text-decoration:none!important;border:none!important; }
.jury-name{background-color:#000 ;display: table; padding: 10px; color: var(--red);margin-top: -5px;font-size:clamp(1rem,1.6vw,1.55rem);}

/* Arrow buttons */
.jury-arrow{width:46px;height:46px;flex-shrink:0;border-radius:50%;border:0px solid rgba(255,255,255,.5);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s}
.jury-arrow:hover{background:var(--red);border-color:var(--red);transform:scale(1.08)}
.jury-arrow svg{pointer-events:none}

/* Dots */
.jury-dots{display:flex;justify-content:center;gap:10px;margin-top:24px}
.jury-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:background .25s,transform .25s}
.jury-dot.active{background:#fff;transform:scale(1.35)}

/* ── REQUISITOS ───────────────────────────── */
#requisitos{padding:100px 0}
#requisitos .section-bg{background-attachment:fixed}
.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:2rem}
.req-grid2{display:grid;grid-template-columns:2fr 1fr!important;gap:40px;margin-top:2rem; align-items: self-end;}
.req-col h3{font-family:var(--f-head);font-size:clamp(1.1rem,1.5vw,1.7rem);font-weight:700;color:#fff;margin-bottom:.75rem}
.req-col p{font-family:var(--f-head);font-size:.92rem;color:rgba(255,255,255,.9);line-height:1.7}
.req-badge{display:inline-block;margin-top:.75rem;font-family:var(--f-head);font-size:.75rem;font-weight:700;color:var(--white);border:1px solid rgba(255,255,255,.6);padding:6px 14px;border-radius:100px;letter-spacing:.08em}
.req-col ul{list-style:none;display:flex;flex-direction:column;gap:0}
.req-col ul li{font-family:var(--f-head);font-size:.9rem;color:rgba(255,255,255,.9);padding-left:1.25rem;position:relative;line-height:1.6}
.req-col ul li::before{content:'•';position:absolute;left:0;color:#fff;}
.req-col--full{display:flex;flex-direction:column}
.req-col--full .btn-cta{align-self:flex-start;margin-top:1.5rem}
.req-col-btn{justify-self: right;}

/* ── CALENDARIO ───────────────────────────── */
#proceso{padding:150px 0}
#proceso .section-bg{background-attachment:fixed}
#proceso .section-title.dark,#proceso .section-lead.dark{color:var(--black)}

.timeline{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:3rem;position:relative;max-width:900px;margin-inline:auto; z-index: 2;}
.tl-item{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;flex:0 0 auto;position:relative;z-index:2;margin-top: 20px;}
.tl-dot{width:40px;height:40px;border-radius:50%;background:var(--red);border:4px solid #000; padding: 4px;/*box-shadow:0 0 0 2px var(--red);*/flex-shrink:0;transition:transform .3s,box-shadow .3s}
.tl-item:hover .tl-dot{transform:scale(1.15);box-shadow:0 0 0 2px var(--red),0 0 20px rgba(235,0,63,.5);}
.tl-line{flex:1;height:3px;background:#000;min-width:40px;z-index:1; position: absolute; width: 100%; top: 135px;z-index: 1;}
.tl-date{font-family:var(--f-head);font-size:clamp(.9rem,1.4vw,2.6rem);font-weight:700;color:var(--black)}
.tl-event{font-family:var(--f-head);font-size: 1.05rem;color: #fff;max-width: 100%;background-color: black;line-height: 1.35;padding: 12px 30px 12px 30px;border-radius: 10px;margin-top: -20px;}
.twae-arrow{background: black;width: 15px;height: 15px; transform: rotate(45deg);}

/* ── EDICIÓN 2025 ─────────────────────────── */
#edicion{background:var(--black);padding:150px 0}
#edicion .section-title.white,#edicion .section-lead.white{color:var(--white)}
.video-wrap{margin-top:2.5rem;max-width:640px}
.video-thumb{position:relative;aspect-ratio:16/9;background:#1a1a1a;border-radius:20px;overflow:hidden;cursor:pointer}
.video-play-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}
.play-icon{position:absolute;z-index:2;transition:transform .25s}
.video-play-btn:hover .play-icon{transform:scale(1.12)}
.video-logo-overlay{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);opacity:.18}
.video-logo-overlay img{width:clamp(120px,15vw,200px)}
.video-caption{margin-top:1rem;font-family:var(--f-head);font-size:.95rem;color:rgba(255,255,255,.7);text-align:center}

/* ── CONTACTO ─────────────────────────────── */
#contacto{background:#fff;padding:50px 0;text-align:left}
#contacto .section-title.dark{color:var(--black)}
#contacto .section-lead.dark{color:#333; margin-bottom: 1rem;}
.contact-email{display:inline-block;margin-top:0;font-family:var(--f-head);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:500;color:var(--red);border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
/*.contact-email:hover{color:var(--black);border-color:var(--black)}*/
#contacto .contact-email:hover{text-decoration: none!important;}
#contacto .req-col--full{display:flex;flex-direction:column}
#contacto .req-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:2rem}
.footer-iso{width:clamp(50px,8vw,180px);height:auto;opacity:1;align-self: end;}

/* ── FOOTER ───────────────────────────────── */
footer{background:#fff}
.footer-top{border-top:1px solid #eee;padding:30px 0}
/*.footer-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}*/
/*.footer-copy{display:flex;flex-direction:row;gap:6px}*/
.footer-copy p{font-family:var(--f-head);font-size:.8rem;color:#999}
.footer-legal{font-family:var(--f-head);font-size:.8rem;font-weight:500;color:#999;text-decoration:underline;transition:color .2s; text-align: right;}
.footer-legal:hover{color:var(--red)}
.footer-bottom{background:var(--black);padding:50px 0 120px}
.footer-bottom-inner{display:flex;flex-direction:row;gap:20px;align-items: center; justify-content: left!important;}
.footer-acompania{font-family:var(--f-head);font-size:clamp(1rem,3vw,2.2rem);font-weight:700;color:#fff}
.footer-sponsors{display:flex;align-items:center;gap:40px}
.footer-sponsors img{height:clamp(32px,4vw,150px);width:auto;}
.footer-copy .req-col--full{display:flex;flex-direction:column}
footer .req-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:3rem}

/* ── COOKIE BANNER ────────────────────────── */
.cookie-banner{position:fixed;bottom:0px;left:0px;right:0px;max-width:100%;background:#202020;border-top:1px solid #ddd;border-radius:0px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:99999;box-shadow:0 8px 32px rgba(0,0,0,.15);transition:opacity .3s,transform .3s}
.cookie-banner.hidden{opacity:0;transform:translateY(16px);pointer-events:none}
.cookie-banner p{font-family:var(--f-head);font-size:.83rem;color:#fff;line-height:1.5}
.cookie-btn{flex-shrink:0;background:var(--red);color:#fff;font-family:var(--f-head);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:8px 20px;border-radius:18px;transition:background .2s}
.cookie-btn:hover{background:var(--white); color: var(--red);}

/* ── ACCESSIBILITY ────────────────────────── */
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition-duration:.01ms !important}
  .section-bg{background-attachment:scroll !important}
  .hero-slide{transition:none}
}

/* ══════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════ */

/* ── 1366px ───────────────────────────────── */
@media(max-width:1366px){
  #heroPrefix,#heroSuffix{font-size:clamp(2.5rem,7vw,90px)}
  .section-bg{background-attachment:scroll}
}

/* ── 1024px ───────────────────────────────── */
@media(max-width:1024px){
  .nav-links{display:none}
  .burger{display:flex}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .jury-card{flex:0 0 calc((100% - 30px) / 2)}
  .req-grid{grid-template-columns:1fr 1fr;gap:24px}
  .req-col--full{grid-column:1/-1}
  #heroPrefix,#heroSuffix{font-size:clamp(2.5rem,9vw,120px)}
}

/* ── 767px ────────────────────────────────── */
@media(max-width:767px){
  :root{--nav-h:60px}
  section{padding:60px 0}
  #proceso{padding:80px 0}
  #edicion{padding:80px 0}
  #heroPrefix,#heroSuffix{font-size:clamp(2rem,12vw,60px)}
  .hero-pill{font-size:.65rem}
  .hero-content{padding-bottom:20px}

  .cards-grid{grid-template-columns:1fr;max-width:400px}
  .jury-card{flex:0 0 100%; padding-bottom: 80px;}
  .jury-wrap{gap:8px}
  .jury-arrow{width:36px;height:36px}
  .bio-toggle[aria-expanded="true"]{
    left: 210px;
  }

  .req-grid{grid-template-columns:1fr;gap:20px}


  .iso-hero{
    right: -250px;
    top: -200px;
    width: 150%;
  }

#heroPrefix,#heroSuffix{font-size:clamp(1.8rem,25vw,50px)}
  .btn-cta{font-size:1rem;padding:14px 36px}
  .video-wrap{max-width:100%}

  

  .hero-heading{
    margin-bottom: 60px;
    padding-bottom: 0px;

  }
  .hero-content{
    justify-content: flex-end;
  }
  /* Timeline vertical */
 /* .timeline{flex-direction:column;align-items:center;gap:0;max-width:320px}*/

.req-col-btn{
    justify-self: left;
}

 .timeline-carousel{
        position:relative;
        overflow:hidden;
    }

    .timeline-viewport{
        overflow:hidden;
        width:100%;
    }

    .timeline{

        display:flex !important;
        flex-direction:row !important;

        align-items:stretch;

        justify-content:flex-start;

        flex-wrap:nowrap;

        gap:0;

        width:100%;

        max-width:none;

        margin-top:2rem;

    }

    .tl-item{

        flex:0 0 100%;

        min-width:100%;

        width:100%;

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        text-align:center;

        padding-inline:30px;

        box-sizing:border-box;
    }

    .tl-line{
        /*display:none;*/
       
        top: 105px;
        width: 80%;
        justify-self: center;
    }

    .tl-arrow{
        display:flex;
    }


  /*.tl-line{width:2px;height:100%;min-width:unset;align-self:center;margin-left:0px; opacity: 0;}
  .tl-item{flex-direction:column;text-align:left;gap:16px}
  .tl-item .tl-date,.tl-item .tl-event{text-align:left}*/
  .tl-event{max-width:none}
  .twae-arrow{ margin-bottom:-5px; }

  /*.iso-hero{right: -250px; top: -350px; height: 600px;}*/

  .footer-acompania{ font-size:clamp(1.5rem, 3vw, 2.2rem); }
  /*.footer-sponsors img{ height:clamp(120px, 5vw, 150px); }*/
  .footer-bottom-inner{ justify-content:center; }
  .footer-top-inner{flex-direction:column;text-align:center;}
  .footer-copy{align-items:center}
  .footer-sponsors{flex-wrap:wrap;justify-content:center}
  .footer-bottom{padding: 50px 0 50px;}
  .cookie-banner{flex-direction:column;text-align:center;left:12px;right:12px;bottom:12px}

}



  .nav-logos .logo{
    width: clamp(40px,35vw,190px);
  }

  .cat-card img{
    width: clamp(148px,5vw,80px);
  }

  .cat-card h3{
    font-size: clamp(1.45rem,1.3vw,1.35rem);
  }

}

/* ── 480px ────────────────────────────────── */
@media(max-width:480px){
  

}


.hero-heading,
.hero-pill{

    will-change:
        transform,
        opacity,
        filter;

    transition:
        transform .08s linear,
        opacity .08s linear,
        filter .08s linear;

}


/* ─────────────────────────────
   TIMELINE CAROUSEL
───────────────────────────── */

.timeline-carousel{
    position:relative;
    width:100%;
}

.timeline-viewport{
    overflow:hidden;
    width:100%;
}

.timeline{
    transition:transform .5s cubic-bezier(.22,1,.36,1);
}

/* Flechas */

.tl-arrow{

    display:none;

    position:absolute;
    top:57%;

    transform:translateY(-50%);

    width:44px;
    height:44px;

    border-radius:50%;

    background:transparent;
    color:#000;

    z-index:20;

    font-size:20px;

    align-items:center;
    justify-content:center;

}

.tl-prev{
    left:-10px;
}

.tl-next{
    right:-10px;
}