/* RETRYVA: contraste de marca, papel y recorrido. */
.notice{background:#34383C;color:#fff}.site-header{background:#0D3B3A;border-color:#ffffff26}.site-header .brand,.nav-link{color:#fff}.header-bar{min-height:86px}.site-header .brand img{width:48px}.header-brand-name{font-size:23px!important;letter-spacing:.02em}.header-brand-name small{display:block;color:#CFE6E4;font-size:11px;letter-spacing:0}.header-cta,.hero-cta{background:#52D6A3;color:#0D3B3A}.header-cta:hover,.hero-cta:hover{background:#fff;color:#0D3B3A}.nav-toggle{background:transparent;color:#fff;border-color:#ffffff70}.mobile-menu{background:#0D3B3A}.mobile-menu a{color:#fff}.site-header :focus-visible,.brand-hero :focus-visible,.journey :focus-visible,.control-section :focus-visible{outline-color:#52D6A3}
.brand-hero{background:#0D3B3A;color:#fff;overflow:hidden;position:relative}.brand-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;min-height:650px;padding-block:65px 45px}.brand-intro{font-size:14px;color:#CFE6E4;margin-bottom:28px}.brand-message h1{color:#fff;font-size:clamp(52px,6.3vw,88px);line-height:1.02;letter-spacing:-.055em}.brand-description{font-size:18px;line-height:1.65;color:#CFE6E4;margin-block:28px;max-width:40ch}.hero-cta{min-height:55px;padding-inline:28px}.hero-disclaimer{color:#CFE6E4;font-size:11px;margin-top:18px}.hero-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-block:24px;font-size:12px;color:#CFE6E4}.hero-bottom a{color:#fff;text-decoration:none}.hero-bottom a span{display:inline-block;margin-left:24px;color:#52D6A3}.brand-theatre{position:relative;height:535px;perspective:1100px;--tx:0px;--ty:0px}.monument-logo{position:absolute;top:0;right:7%;width:360px;height:auto;transform:translate(var(--tx),var(--ty));transition:transform 180ms ease-out;filter:drop-shadow(0 18px 0 #00000012)}.theatre-paper{position:absolute;bottom:75px;left:0;width:286px;padding:22px 25px 24px;background:#fff;color:#0D3B3A;border-radius:3px;box-shadow:12px 12px 0 #ffffff16;transform:translate(calc(var(--tx) * -.5),calc(var(--ty) * -.5)) rotate(-9deg);transition:transform 280ms ease,box-shadow 280ms ease}.theatre-paper-top{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #DCE1E1;padding-bottom:14px}.theatre-paper-top code{font-family:'IBM Plex Mono',monospace}.theatre-state{display:inline-block;margin:16px 0;font-size:10px;padding:4px 8px;background:#FCF4E3;color:#8A5F12}.theatre-paper p{font-size:24px;line-height:1.13;letter-spacing:-.03em;font-weight:500}.paper-lines{margin:21px 0;display:grid;gap:7px}.paper-lines i{height:3px;background:#DCE1E1;width:100%}.paper-lines i:nth-child(2){width:80%}.paper-lines i:nth-child(3){width:55%}.theatre-result{font-size:11px;border-top:1px dashed #C3CACA;padding-top:12px}.theatre-toggle{position:absolute;bottom:10px;left:30px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff66;border-radius:40px;background:#0D3B3A;color:#fff;font-size:12px;padding:12px 20px;min-height:48px}.theatre-toggle:hover{background:#fff;color:#0D3B3A}.theatre-caption{position:absolute;right:0;bottom:90px;font-size:10px;writing-mode:vertical-rl;color:#CFE6E4}.brand-theatre.is-proposed .theatre-paper{transform:translate(55px,-10px) rotate(4deg);box-shadow:-12px 12px 0 #52D6A340}.brand-theatre.is-proposed .theatre-state{background:#EAFBF4;color:#0E7A54}.brand-theatre.is-proposed .paper-lines i{background:#52D6A3}.brand-theatre.is-proposed .monument-logo{transform:translate(-12px,-12px)}
.journey{background:#0D3B3A;border-color:#ffffff30;color:#fff}.journey-chapter h2{color:#fff}.journey-chapter p,.chapter-number,.scroll-cue{color:#CFE6E4}.journey-chapter{position:relative}.journey-chapter:before{content:'0' attr(data-chapter);position:absolute;top:10%;left:-15px;font-size:clamp(120px,18vw,250px);line-height:1;font-weight:600;color:#ffffff08;pointer-events:none}.journey-chapter>div{position:relative}.journey.is-enhanced .journey-chapter.is-current .chapter-number{color:#52D6A3}.decision-chapter>div{background:#ffffff0a;border-left:3px solid #52D6A3;border-radius:0}.journey-chapter .journey-skip{color:#fff}.journey-progress{background:#ffffff25}.journey-progress span{background:#52D6A3}.journey .document{color:#34383C;box-shadow:0 24px 65px #00000025;border-color:transparent}.journey .document-stack{background:#ffffff1a;border-color:#ffffff30;transform:rotate(-5deg);transition:transform 280ms ease,background 280ms ease}.journey[data-scene="1"] .document-stack{transform:rotate(6deg);background:#52D6A330}.journey[data-scene="2"] .document-stack{transform:rotate(-3deg);background:#52D6A350}.journey[data-scene="3"] .document-stack{transform:rotate(3deg);background:#52D6A3}.journey .demo-track button{color:#CFE6E4;border-color:#ffffff30}.journey .demo-track button[aria-pressed=true]{color:#52D6A3;border-color:#52D6A3}.journey .demo-track button:hover{border-color:#52D6A3}.promise{background:#34383C;border-top:1px solid #ffffff20}.control-section{background:#0D3B3A;color:#fff}.control-section h2,.control-section h3{color:#fff}.control-layout>div>p,#mode-description,.control-section .quiet{color:#CFE6E4}.mode-options{border-color:#ffffff40}.mode-options button{color:#CFE6E4}.mode-options button[aria-pressed=true],.mode-options button:hover{color:#52D6A3;border-color:#52D6A3}#mode-preview>.icon{color:#52D6A3}.about-layout>div>img{width:110px;height:auto}.report{border:0;box-shadow:12px 12px 0 #0D3B3A;outline:1px solid #DCE1E1}.contact-section{background:#34383C;color:#fff}.contact-section h2,.contact-section .field label{color:#fff}.contact-layout>div>p,.contact-section .hint{color:#DCE1E1}.contact-section .btn{background:#52D6A3;color:#0D3B3A}.footer .brand img{width:55px}
@media(max-width:1100px){.brand-hero-grid{gap:15px;min-height:590px}.brand-theatre{height:480px}.monument-logo{width:300px;right:0}.theatre-paper{width:250px;bottom:75px}.brand-message h1{font-size:64px}.brand-description{font-size:16px}.theatre-caption{right:-8px}}
@media(max-width:750px){.brand-hero-grid{grid-template-columns:1fr;padding-block:40px 20px;gap:15px}.brand-message h1{font-size:clamp(48px,11vw,74px)}.brand-description{max-width:44ch;margin-block:22px}.brand-intro{margin-bottom:20px}.brand-theatre{width:min(100%,420px);height:430px;margin:auto}.monument-logo{width:285px;right:0}.theatre-paper{left:10px;width:230px;bottom:70px;padding:18px 22px}.theatre-paper p{font-size:22px}.theatre-toggle{left:15px;bottom:4px}.theatre-caption{right:0;bottom:60px}.brand-theatre.is-proposed .theatre-paper{transform:translate(25px,-5px) rotate(4deg)}.hero-bottom{gap:20px;align-items:center;font-size:10px}.hero-bottom>span{max-width:21ch}.hero-bottom a span{margin-left:8px}.journey-chapter:before{font-size:130px;top:0}.header-brand-name{font-size:20px!important}.site-header .brand img{width:42px}.report{box-shadow:7px 7px 0 #0D3B3A}.about-layout>div>img{width:95px}}
@media(prefers-reduced-motion:no-preference){.monument-logo{animation:brand-enter 320ms ease-out both}@keyframes brand-enter{from{opacity:0;transform:translate(15px,15px)}to{opacity:1;transform:translate(0,0)}}}
@media(prefers-reduced-motion:reduce){.brand-theatre .monument-logo,.brand-theatre .theatre-paper{transform:none!important}}
.journey-chapter:before{content:none}
@media(max-width:750px){.journey .document-stack{inset:0 15px 75px 20px;transform:rotate(-2deg)}.journey[data-scene="1"] .document-stack,.journey[data-scene="3"] .document-stack{transform:rotate(2deg)}.journey[data-scene="2"] .document-stack{transform:rotate(-2deg)}}