
body{margin:0;background:#09090A}
a{color:#F4F2EE}a:hover{color:#FFFFFF}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box}
@keyframes chIn{from{opacity:0;transform:translateY(.6em) rotate(8deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes orbitA{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-16px)}}
@keyframes orbitB{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,12px)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes shake{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg) translateX(-18px)}40%{transform:rotate(5deg) translateX(14px)}60%{transform:rotate(-3deg) translateX(-8px)}80%{transform:rotate(2deg) translateX(4px)}}
@keyframes pop{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
.ch{display:inline-block;animation:chIn .9s cubic-bezier(.2,.8,.2,1) both}
.tl{display:block}
.it{font-family:'Playfair Display',serif;font-style:italic;text-transform:none;font-weight:400}
.fade{animation:fadeUp 1s 1.1s cubic-bezier(.2,.8,.2,1) both}
.hero{--mx:50%;--my:40%;--rx:0deg;--ry:0deg}
.spot{background:radial-gradient(700px circle at var(--mx) var(--my),rgba(244,242,238,.11),transparent 60%)}
.tilt{transform:perspective(1200px) rotateY(var(--rx)) rotateX(var(--ry));transition:transform .2s ease-out;transform-style:preserve-3d}
.oA{animation:orbitA 6s ease-in-out infinite}.oB{animation:orbitB 7s ease-in-out infinite}
.track{display:flex;width:max-content;animation:marquee 30s linear infinite}
.outline{color:transparent;-webkit-text-stroke:1.5px rgba(244,242,238,.55)}
.cta{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 10px 0 28px;border-radius:999px;background:#F4F2EE;color:#09090A;font-family:Jost,sans-serif;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:gap .3s,transform .3s}
.cta:hover{gap:22px;color:#09090A;transform:translateY(-2px)}
.cta .ar{width:40px;height:40px;border-radius:999px;background:#09090A;color:#F4F2EE;display:inline-flex;align-items:center;justify-content:center}
.ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 26px;border-radius:999px;border:1px solid rgba(244,242,238,.35);color:#F4F2EE;font-family:Jost,sans-serif;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .3s}
.ghost:hover{background:rgba(244,242,238,.08);color:#FFFFFF}
.nav-l{font-family:Jost,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#C9C6C0;text-decoration:none}
.nav-l:hover{color:#FFFFFF}
.round{width:72px;height:72px;border-radius:999px;border:1px solid rgba(244,242,238,.25);background:rgba(244,242,238,.04);color:#F4F2EE;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s}
.round:hover{transform:scale(1.08);background:rgba(244,242,238,.12)}
.nope{animation:shake .7s cubic-bezier(.3,.7,.3,1)}
.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
.panel{box-sizing:border-box;flex:none;width:min(520px,80vw);height:min(620px,72vh);border-radius:30px;overflow:hidden;position:relative;background:#141416;border:1px solid rgba(244,242,238,.08)}
.panel img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.panel:hover img{transform:scale(1.06)}
.hs{height:340vh;position:relative}
.hs-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.hs-track{display:flex;gap:28px;padding:0 40px;width:max-content}
.faq-b{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border:0;background:transparent;color:#F4F2EE;font-family:Jost,sans-serif;font-size:22px;font-weight:300;letter-spacing:.02em;text-transform:uppercase;text-align:left;cursor:pointer}
.faq-b:hover{color:#FFFFFF}
.foot-l{font-family:Jost,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#9C9993;text-decoration:none}
.foot-l:hover{color:#FFFFFF}
.qbtn{position:fixed;right:20px;bottom:20px;z-index:30;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:rgba(244,242,238,.92);color:#09090A;font-family:Jost,sans-serif;font-size:14px;letter-spacing:.06em;text-decoration:none;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.qbtn:hover{background:#FFFFFF;color:#09090A}
.chip{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:24px;border:1px solid rgba(244,242,238,.12);background:rgba(244,242,238,.03)}
.more{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#F4F2EE;text-decoration:none;border-bottom:1px solid rgba(244,242,238,.35)}
.more:hover{color:#FFFFFF;border-color:#FFFFFF}
.badge-spin{animation:spin 18s linear infinite}
@keyframes qInL{from{opacity:0;transform:translate(-60px,50px) rotate(-14deg) scale(.9)}to{opacity:1;transform:rotate(-2deg)}}
@keyframes qInR{from{opacity:0;transform:translate(60px,50px) rotate(14deg) scale(.9)}to{opacity:1;transform:rotate(2deg)}}
@keyframes qFloatL{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}
@keyframes qFloatR{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
@keyframes qChosen{0%{transform:rotate(0) scale(1.04)}35%{transform:rotate(0) scale(1.08) translateY(-14px)}100%{opacity:0;transform:translateY(-160px) rotate(-6deg) scale(.85)}}
@keyframes qOther{to{opacity:0;transform:translateY(40px) scale(.9);filter:grayscale(1) blur(3px)}}
@keyframes qTitle{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes qShine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
.q-title{animation:qTitle .7s cubic-bezier(.2,.8,.2,1) both}
.qwrap{perspective:900px}
.qw0{animation:qInL .8s .08s cubic-bezier(.2,.8,.2,1) both,qFloatL 6s 1s ease-in-out infinite}
.qw1{animation:qInR .8s .2s cubic-bezier(.2,.8,.2,1) both,qFloatR 6.5s 1.1s ease-in-out infinite}
.qwrap.q-chosen{animation:qChosen .52s cubic-bezier(.5,0,.3,1) forwards}
.qwrap.q-other{animation:qOther .45s ease-in forwards}
.qcard{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.qcard::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%) skewX(-20deg);pointer-events:none}
.qcard:hover,.qcard:focus-visible{transform:translateY(-12px) scale(1.035) rotateX(4deg);box-shadow:0 28px 50px rgba(0,0,0,.35) !important}
.qcard:hover::after{animation:qShine .9s ease}
.qcard img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s}
.qcard:hover img{transform:scale(1.07);filter:contrast(1.08)}
.qcard:active{transform:scale(.97)}
@supports (animation-timeline: view()){
@keyframes reveal{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes slideL{from{transform:translateX(10%)}to{transform:translateX(-40%)}}
@keyframes hsx{to{transform:translateX(calc(-100% + 100vw))}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes dotIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes grow{from{transform:scale(.6);opacity:.15;letter-spacing:.2em}to{transform:scale(1);opacity:1;letter-spacing:-.03em}}
.rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.slideL{animation:slideL linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.hs{view-timeline-name:--hs}
.hs-track{animation:hsx linear both;animation-timeline:--hs;animation-range:contain 0% contain 100%}
.bridge{view-timeline-name:--br}
.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw linear both;animation-timeline:--br;animation-range:contain 0% contain 70%}
.dot2{transform-box:fill-box;transform-origin:center;animation:dotIn linear both;animation-timeline:--br;animation-range:contain 60% contain 75%}
.grow{animation:grow linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
}
@supports not (animation-timeline: view()){
.hs{height:auto}
.hs-sticky{position:static;height:auto;overflow-x:auto;padding:40px 0}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.hs{height:auto}.hs-sticky{position:static;height:auto;overflow-x:auto}}
@media (max-width:1000px){
.hero-grid,.swipe-grid{grid-template-columns:minmax(0,1fr) !important}
.navhide{display:none !important}
.h-hero{font-size:76px !important}
.h-big{font-size:56px !important}
.h-out{font-size:84px !important}
.giant{font-size:120px !important}
.tiltwrap{height:520px !important}
.gstack{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width:560px){
.wrap{padding:0 20px}
.h-hero{font-size:54px !important}
.h-big{font-size:42px !important}
.h-out{font-size:56px !important}
.giant{font-size:80px !important}
}

/* Accessibility, small screens and static alternatives retain the approved composition. */
.informativa-home{margin:0;background:#09090a;color:#f4f2ee;font-family:Jost,sans-serif}
.informativa-home *{box-sizing:border-box}
.informativa-home [hidden]{display:none!important}
.informativa-home :focus-visible{outline:2px solid #f4f2ee;outline-offset:6px}
.informativa-home section[id]{scroll-margin-top:110px}
.informativa-home .wrap{width:100%}
.informativa-home .skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:14px 20px;background:#f4f2ee;color:#09090a;transform:translateY(-180%)}
.informativa-home .skip-link:focus{transform:none}
.home-language{display:inline-flex;font-size:12px;letter-spacing:.12em}
.home-language a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:38px;color:#aaa7a2;text-decoration:none}
.home-language a[aria-current]{font-weight:600;color:#fff}
.home-faq{border-bottom:1px solid rgba(244,242,238,.15)}
.home-faq summary{list-style:none}
.home-faq summary::-webkit-details-marker{display:none}
.faq-plus{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(244,242,238,.3);display:inline-flex;align-items:center;justify-content:center;transition:transform .3s;font-weight:300;font-size:28px;line-height:1}
.home-faq[open] .faq-plus{transform:rotate(45deg)}
.hs-sticky{scrollbar-color:#777 #141416;scrollbar-width:thin}
.hs-track{min-width:100%;gap:28px;flex-shrink:0}
.home-static-hint{display:none}
.home-motion-control{min-height:44px;padding:10px 0;border:0;background:transparent;color:#bdbab4;font:inherit;text-decoration:underline;cursor:pointer}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.motion-paused .hs{height:auto}
html.motion-paused .hs-sticky{position:static;height:auto;overflow-x:auto;padding:40px 0}
html.motion-paused .hs-track{transform:none}
html.motion-paused .bridge{height:auto!important;padding:80px 0}
html.motion-paused .bridge>div{position:static!important;height:auto!important}
html.motion-paused .draw{stroke-dashoffset:0}
html.motion-paused .rv,html.motion-paused .grow,html.motion-paused .dot2{opacity:1;transform:none}
html.motion-paused .home-static-hint{display:block}
@supports not (animation-timeline:view()){
 .bridge{height:auto!important;padding:100px 0}
 .bridge>div{position:static!important;height:auto!important}
 .draw{stroke-dashoffset:0}
 .dot2{opacity:1;transform:none}
 .home-static-hint{display:block}
 .hs-track{transform:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .bridge{height:auto!important;padding:100px 0}
 .bridge>div{position:static!important;height:auto!important}
 .draw{stroke-dashoffset:0}
 .dot2,.rv,.grow{opacity:1;transform:none}
 .hs-track{transform:none}
 .home-static-hint{display:block}
}
@media(max-width:1000px){
 .informativa-home .h-hero{font-size:clamp(58px,8vw,92px)!important}
 .hero-grid>div,.swipe-grid>div,.gstack>article{min-width:0}
 .informativa-home .hero{padding-top:160px!important}
 .tiltwrap{max-width:540px;width:100%;margin:0 auto}
 .home-language a{min-width:32px}
 .informativa-home header .wrap>div>div{gap:16px!important}
}
@media(max-width:600px){
 .informativa-home header .wrap>div{padding:8px 12px!important;gap:8px!important;flex-wrap:wrap;border-radius:28px!important}
 .informativa-home header .wrap>div>a img{height:22px!important;max-width:100%;width:auto}
 .informativa-home header .wrap>div>div{width:100%;justify-content:space-between;gap:8px!important}
 .informativa-home header .nav-l{font-size:11px;letter-spacing:.06em}
 .informativa-home header a[href="#aplica"]{min-height:44px!important;padding:0 18px!important;font-size:11px!important}
 .informativa-home .hero{padding-top:190px!important;padding-bottom:70px!important}
 .informativa-home .h-hero{font-size:clamp(44px,11.5vw,68px)!important}
 .informativa-home .h-big{font-size:42px!important}
 .informativa-home main>section:not(.hero):not(.bridge):not(.hs){padding-top:80px!important;padding-bottom:80px!important}
 .informativa-home .swipe-grid{gap:40px!important}
 .informativa-home .tiltwrap{height:470px!important}
 .informativa-home .tilt{inset:0 14px!important}
 .informativa-home .oA,.informativa-home .oB{font-size:11px!important}
 .informativa-home .badge-spin{width:106px!important;height:106px!important;right:0!important}
 .informativa-home .cta{font-size:12px;letter-spacing:.04em;padding-left:18px;gap:8px;min-height:54px}
 .informativa-home .ghost{font-size:12px;min-height:52px;padding:0 20px}
 .panel{width:84vw;height:590px;max-height:80vh;min-height:440px}
 .panel:first-child{width:88vw}
 .hs-track{padding:0 20px;gap:18px}
 .faq-b{font-size:18px}
 .qbtn{right:12px;bottom:12px;min-height:46px;font-size:12px}
 .informativa-home footer{padding-bottom:88px!important}
 .informativa-home body>div>svg{display:none}
}

@media(max-width:600px){.hero p.fade{text-wrap:balance}}

/* One compact header; the mobile navigation opens on its own dark glass panel. */
.home-header{position:sticky;top:0;z-index:25;padding:14px 0}
.home-nav-shell{position:relative;display:flex;align-items:center;gap:22px;min-height:64px;padding:0 10px 0 24px;border-radius:999px;background:rgba(20,20,22,.94);border:1px solid rgba(244,242,238,.1);backdrop-filter:blur(18px) saturate(140%)}
.home-logo{display:inline-flex;flex-shrink:0;margin-right:auto}
.home-logo img{height:26px;width:auto;display:block}
.home-desktop-nav{display:flex;align-items:center;gap:28px}
.home-apply{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:46px;padding:0 22px;border-radius:999px;background:#f4f2ee;color:#09090a;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.home-apply:hover{color:#09090a;background:#fff}
.home-mobile-menu{display:none}
.informativa-home .home-hero-title{margin:0;font-weight:300;font-size:clamp(58px,7.25vw,98px)!important;line-height:1.03;letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:normal;word-break:normal;hyphens:none}
.home-hero-title .tl{white-space:nowrap;animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.home-hero-title .tl:nth-child(2){animation-delay:.2s}.home-hero-title .tl:nth-child(3){animation-delay:.4s}
.home-safe-badge{z-index:2;white-space:nowrap;max-width:calc(100% - 60px)}
@media(max-width:1000px){
 .home-desktop-nav{display:none}.home-mobile-menu{display:block;flex:none}
 .home-mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;border-radius:50%;border:1px solid rgba(244,242,238,.2);cursor:pointer;font-size:23px}
 .home-mobile-menu summary::-webkit-details-marker{display:none}
 .home-mobile-links{position:absolute;right:0;top:calc(100% + 10px);display:flex;flex-direction:column;gap:8px;min-width:240px;padding:16px;border-radius:24px;background:rgba(20,20,22,0.92);border:1px solid rgba(244,242,238,.16);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 20px 60px #0008}
 .home-mobile-links>a{display:flex;align-items:center;min-height:44px;padding:0 12px}
 .home-mobile-links .home-language{padding:0 8px}
 .informativa-home .home-hero-title{font-size:clamp(48px,8.4vw,86px)!important}
}
@supports(backdrop-filter:blur(1px)){.home-mobile-links{background:rgba(20,20,22,0.92)}}
@media(max-width:600px){
 .informativa-home header .wrap>.home-nav-shell{padding:7px 8px 7px 14px!important;gap:10px!important;flex-wrap:nowrap;border-radius:999px!important;min-height:60px}
 .informativa-home header .home-logo img{height:auto!important;width:clamp(105px,30vw,145px)!important}
 .informativa-home header a.home-apply{padding:0 14px!important}
 .informativa-home header .home-mobile-links{width:auto;justify-content:initial;gap:8px!important}
 .informativa-home .hero{padding-top:145px!important}
 .informativa-home .home-hero-title{font-size:clamp(32px,8.5vw,51px)!important}
 .informativa-home .home-safe-badge{right:28px!important;top:22px!important;min-height:40px!important;font-size:11px!important;padding:0 14px!important}
}
