.hero-art{isolation:isolate}.card-trigger{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:205px;height:320px;border:0;border-radius:28px;background:transparent;color:var(--text)}.card-trigger>span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%) rotate(7deg);white-space:nowrap;background:#ffeb00;color:#17200f;border-radius:40px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 8px 35px #0005}.card-trigger:hover>span{box-shadow:0 0 35px #ffeb0040}.card-trigger:focus-visible{outline:3px solid #ffeb00;outline-offset:10px}.portal-open .floating-card,.portal-open .floating-label{opacity:.08;transition:opacity .5s}.hero-portal{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);width:min(350px,95%);padding:32px;border-radius:35px;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 80px #0005;animation:portal-enter .6s var(--ease) both}.hero-portal h3{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:18px 0 25px}.hero-portal .eyebrow{font-size:10px;color:var(--secondary)}.hero-portal>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:17px 0;font-size:14px}.hero-portal>a span{color:var(--yellow)}.hero-portal small{font-size:11px;color:var(--secondary)}.portal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:var(--text);padding:10px}.paths{grid-template-columns:1fr 1fr;gap:25px 40px}.path-list{grid-column:1;grid-row:3}.path-playground{grid-column:2;grid-row:3/5;align-self:start;min-width:0;padding:23px;border:1px solid var(--border);border-radius:35px;background:var(--surface)}.path-detail{grid-column:1;grid-row:4;padding:25px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.path-detail h3{font-size:24px}.path-detail .eyebrow{display:none}.demo-label{font-size:9px;letter-spacing:.08em;line-height:1.7;color:var(--secondary);margin:0 0 18px}.path-scene{animation:demo-enter .55s var(--ease) both}.brand-demo{position:relative;overflow:hidden;padding:30px;border-radius:22px;background:#e9eddf;color:#1a2312;min-height:300px;transition:background .65s,color .65s}.demo-overline{font-size:9px;letter-spacing:.15em}.brand-demo strong{display:block;font-size:57px;line-height:.95;letter-spacing:-.065em;margin:35px 0 20px;font-weight:500;position:relative;z-index:1;transition:transform .65s}.brand-demo strong span{display:block}.brand-demo p{font-size:12px;max-width:190px;line-height:1.7;margin:15px 0 0;position:relative;z-index:1}.brand-demo-line{display:block;width:45px;height:3px;background:#1a2312;transition:width .65s}.brand-demo-star{position:absolute;right:12px;top:70px;font-size:130px;color:#9ca78044;transition:transform .9s,color .9s}.brand-demo.expressive{background:#ffeb00;color:#17200f}.brand-demo.expressive strong{transform:translateX(15px) rotate(-7deg);font-weight:800}.brand-demo.expressive .brand-demo-star{transform:rotate(110deg) scale(1.3);color:#1a23121c}.brand-demo.expressive .brand-demo-line{width:100%}.scene-action{display:block;margin:20px 0 0;width:100%;border:1px solid var(--border);border-radius:30px;background:transparent;color:var(--text);padding:13px;font-size:12px}.audience-demo{min-height:380px}.audience-orbit{position:relative;width:170px;height:170px;margin:15px auto 28px;border:1px dashed var(--border);border-radius:50%;display:grid;place-items:center;transition:transform .6s}.audience-orbit>span{display:grid;place-items:center;width:75px;height:75px;background:#ffeb00;color:#18200d;font-weight:800;border-radius:50%;box-shadow:0 0 45px #ffeb0019}.audience-orbit i{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--text);border:5px solid var(--surface);left:-12px;top:70px}.audience-orbit i:nth-of-type(2){left:auto;right:10px;top:0}.audience-orbit i:nth-of-type(3){left:auto;right:10px;top:auto;bottom:0}.audience-demo[data-step="1"] .audience-orbit{transform:rotate(45deg)}.audience-demo[data-step="2"] .audience-orbit{transform:rotate(100deg)}.audience-demo[data-step="3"] .audience-orbit{transform:rotate(180deg)}.flow-buttons,.device-controls,.about-tabs{display:flex;flex-wrap:wrap;gap:8px}.flow-buttons button,.device-controls button,.about-tabs button{border:1px solid var(--border);border-radius:35px;padding:11px 14px;background:none;color:var(--text);font-size:12px}.flow-buttons .selected,.device-controls .selected,.about-tabs .selected{background:#ffeb00;color:#17200f;border-color:#ffeb00}#flow-description{font-size:14px;line-height:1.8;color:var(--secondary);margin:20px 0 0;min-height:95px}.device-preview{width:100%;margin:auto;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--black);transition:width .65s var(--ease),border-radius .65s}.mini-browser{padding:12px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);font-size:8px;color:var(--secondary)}.mini-page{padding:25px 20px}.mini-page>.eyebrow{font-size:8px;color:var(--secondary)}.mini-page>strong{display:block;font-size:29px;line-height:1.15;letter-spacing:-.05em;margin:15px 0}.mini-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0}.mini-layout>span{height:50px;background:#ffeb0029;border:1px solid var(--border);border-radius:8px}.mini-layout>span:first-child{background:#ffeb00}.mini-cta{display:inline-block;padding:10px 14px;border-radius:30px;background:#ffeb00;color:#17200f;font-size:10px;font-weight:700}.device-preview.mobile-preview{width:215px;border-radius:30px}.mobile-preview .mini-layout{grid-template-columns:1fr}.mobile-preview .mini-layout>span{height:20px}.mobile-preview .mini-page>strong{font-size:24px}.mobile-preview .mini-browser>span:last-child{display:none}.device-controls{justify-content:center;margin-top:20px}.demo-footnote{font-size:12px;text-align:center;color:var(--secondary);line-height:1.7;margin:15px 0 0}.about{align-items:start}.about-explorer{margin:30px 0 12px}.about-explorer>.eyebrow{font-size:10px;color:var(--secondary)}.about-story{margin-top:22px;padding:25px;border-radius:25px;background:var(--surface);border:1px solid var(--border);min-height:330px}.story-year{font-size:11px;color:var(--secondary);letter-spacing:.1em}.about-story h3{font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:18px 0}.about-story>p{font-size:14px;line-height:1.85;color:var(--secondary)}.story-skills{display:flex;flex-wrap:wrap;gap:8px}.story-skills span{font-size:11px;padding:7px 10px;border:1px solid var(--border);border-radius:30px}.portrait{position:sticky;top:40px;transition:filter .7s}.portrait[data-story="arte"] img{filter:grayscale(.8)}.portrait[data-story="estrategia"] img{filter:grayscale(.3)}.portrait[data-story="tecnologia"] img{filter:grayscale(0)}.portrait[data-story="talentos"] img{filter:grayscale(.1) contrast(1.08)}[data-theme="light"] .hero-portal>a span{color:#445028}
@keyframes portal-enter{from{opacity:0;scale:.9;filter:blur(8px)}to{opacity:1;scale:1;filter:blur(0)}}@keyframes demo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.card-trigger{width:190px;height:310px}.paths{gap:20px}.path-playground{padding:20px}.brand-demo{padding:25px}.brand-demo strong{font-size:50px}}
@media(max-width:760px){.paths{display:block}.path-playground{margin-top:25px;scroll-margin:25px}.path-detail{margin-top:0;padding:25px 8px 0}.card-trigger{width:180px;height:300px}.hero-portal{width:min(340px,95%);padding:25px}.hero-portal h3{font-size:24px}.hero-portal>a{padding:14px 0}.brand-demo{min-height:290px}.audience-demo{min-height:340px}.portrait{position:relative;top:auto}.about-story{min-height:0}.about-tabs{gap:7px}.about-tabs button{padding:11px 13px}.about-story h3{font-size:23px}.about-copy .about-explorer .about-story p{font-size:15px}.card-trigger>span{font-size:11px;bottom:4px}.mini-page>strong{font-size:32px}}
.hero-portal>[data-route]{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--border);padding:18px 0;font-size:14px;text-align:left;background:none;color:var(--text)}.hero-portal>[data-route] span{color:var(--yellow);font-size:19px}.hero-portal>[data-route]:hover{color:var(--yellow)}[data-theme="light"] .hero-portal>[data-route]:hover,[data-theme="light"] .hero-portal>[data-route] span{color:#46521b}.hero-portal>small{display:block;line-height:1.7;margin-top:15px}.hero-copy .intro{margin-bottom:5px}.route-open{overflow:hidden}.route-dialog{width:min(670px,94vw);max-width:94vw;max-height:92svh;overflow:auto;margin:auto;padding:32px;border:1px solid var(--border);border-radius:35px;background:var(--surface);color:var(--text);box-shadow:0 30px 140px #0008}.route-dialog::backdrop{background:#050805d9;backdrop-filter:blur(15px)}.route-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px}.route-top button{border:0;background:none;color:var(--text);font-size:13px;padding:8px 0}.route-top>span{font-size:10px;letter-spacing:.08em;color:var(--secondary)}.route-kicker{font-size:11px;letter-spacing:.07em;line-height:1.8;color:var(--secondary);text-transform:uppercase;margin-bottom:17px}.route-dialog h2{font-size:clamp(30px,4vw,43px);line-height:1.14;letter-spacing:-.045em;margin:0 0 20px}.route-dialog h2:focus{outline:none}.route-intro{font-size:15px;line-height:1.85;color:var(--secondary);margin:0 0 25px}.route-options{display:grid;gap:12px}.route-options button{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--border);border-radius:22px;padding:20px;text-align:left;background:var(--black);color:var(--text);transition:border-color .25s,transform .25s}.route-options strong{font-size:16px;font-weight:600;display:block;line-height:1.5}.route-options small{display:block;color:var(--secondary);font-size:13px;line-height:1.7;margin-top:5px}.route-options b{color:var(--yellow);font-size:23px;font-weight:400}.route-options button:hover{border-color:var(--yellow);transform:translateX(3px)}.route-note{font-size:12px;line-height:1.8;color:var(--secondary);margin:20px 0 0}.route-services{margin:25px 0 30px}.route-services>p{font-size:12px;color:var(--secondary);margin-bottom:12px}.route-services>div{display:flex;align-items:center;gap:17px;padding:15px 0;border-top:1px solid var(--border)}.route-services>div span{color:var(--secondary);font-size:11px}.route-services strong{font-size:15px;font-weight:500}.route-contact{display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:40px;padding:18px 22px;background:#ffeb00;color:#17200f;font-size:14px;font-weight:700}.route-contact span{font-size:22px}.route-evidence{display:block;border:0;background:none;color:var(--text);text-decoration:underline;text-underline-offset:5px;font-size:13px;margin:25px 0 0;padding:5px 0}#route-content{animation:demo-enter .35s var(--ease) both}[data-theme="light"] .route-options b{color:#46521b}
@media(max-width:600px){.route-dialog{padding:23px;border-radius:28px;max-height:94svh}.route-top{margin-bottom:25px}.route-top>span{font-size:8px}.route-dialog h2{font-size:31px}.route-options button{padding:17px}.route-options strong{font-size:15px}.route-options small{font-size:12px}.route-kicker{font-size:10px}.route-contact{font-size:13px;padding:16px 18px}.hero-art{margin-top:20px}}
.directions-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.directions-list article{border-top:1px solid var(--border);padding-top:25px;display:flex;flex-direction:column;min-width:0}.direction-number{color:var(--secondary);font-size:10px;line-height:1.8;letter-spacing:.07em}.directions-list h3{font-size:26px;line-height:1.25;letter-spacing:-.04em;font-weight:500;margin:22px 0 18px}.directions-list p{font-size:15px;line-height:1.85;color:var(--secondary);margin-bottom:25px}.directions-list button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:auto;border:1px solid var(--border);border-radius:40px;background:var(--surface);color:var(--text);font-size:13px;text-align:left;padding:15px 20px}.directions-list button span{color:var(--yellow);font-size:20px}.directions-list button:hover{border-color:var(--yellow)}[data-theme="light"] .directions-list button span{color:#46521b}@media(max-width:760px){.directions-list{grid-template-columns:1fr;gap:35px}.directions-list h3{font-size:27px;margin-top:15px}.directions-list p{font-size:16px}.directions-list button{font-size:14px}.direction-number{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-portal,.path-scene,#route-content{animation:none!important}.device-preview,.brand-demo,.brand-demo *,.audience-orbit,.route-options button{transition:none!important}}