/* Dealumen · estilos compartidos (index.html y privacidad.html) */
:root{--navy:#071824;--navy-2:#0b2230;--green:#062c27;--green-2:#073c35;--gold:#d2a85c;--gold-bright:#e3bd73;--cream:#f3eee4;--khaki:#a8b1a7;--muted:#78918f;--line:rgba(210,168,92,.3);--line-cool:rgba(153,190,183,.2);--r:5px;--serif:"Newsreader",Georgia,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px;color-scheme:dark}
body{min-height:100svh;display:flex;flex-direction:column;background:var(--navy);color:var(--cream);font:400 15px/1.65 var(--sans);overflow-x:clip;background-image:radial-gradient(ellipse at 80% -20%,rgba(37,92,91,.2),transparent 42%),radial-gradient(circle at 18% 70%,rgba(10,55,52,.14),transparent 28%)}
main{flex:1}
a{color:var(--gold-bright)}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.w{width:94%;margin:0 auto}
section{padding:86px 0;position:relative}
.alt{background:linear-gradient(135deg,var(--green) 0%,#06251f 100%);border-block:1px solid rgba(101,165,146,.1)}
.m{color:var(--khaki)}.sm{font-size:.82rem}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.1}
h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.035em}
h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:28px;letter-spacing:-.02em}
h3{font-size:1.32rem;font-weight:400}
h1::before,h2.t::before{content:"";display:block;width:42px;height:2px;background:var(--gold);margin-bottom:25px}
svg.i{width:28px;height:28px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
svg.i.f{fill:var(--gold);stroke:none}
header{position:sticky;top:0;z-index:10;background:rgba(7,24,36,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-cool)}
header .w{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.logo{font:400 1.55rem var(--serif);color:var(--cream);text-decoration:none;letter-spacing:-.02em}
nav{display:flex;align-items:center;gap:22px}
nav a:not(.ib){color:var(--cream);font-size:.76rem;text-decoration:none;display:inline-flex;min-height:44px;align-items:center;letter-spacing:.04em}
nav a:not(.ib):hover{color:var(--gold-bright)}
.nav-cta{border:1px solid var(--gold);padding:0 16px;border-radius:var(--r);background:var(--gold);color:var(--navy)!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.nav-cta:hover,.nav-cta:focus-visible{background:var(--gold-bright);color:var(--navy)!important;transform:translateY(-2px);box-shadow:0 12px 30px rgba(210,168,92,.18)}
.ib{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}
.ib svg{width:20px;height:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 25px;border:1px solid var(--gold);border-radius:var(--r);background:rgba(210,168,92,.04);color:var(--cream);font:500 .82rem var(--sans);text-decoration:none;cursor:pointer;flex:1 1 150px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn.g{background:var(--gold);color:var(--navy);box-shadow:0 10px 24px rgba(210,168,92,.12)}
.btn:hover{background:var(--gold-bright);color:var(--navy);transform:translateY(-2px);box-shadow:0 12px 30px rgba(210,168,92,.18)}
.btn:disabled{opacity:.55;cursor:wait}.btn svg{width:18px;height:18px}
.hero{min-height:calc(100svh - 72px - 110px);display:grid;align-items:center;padding:clamp(40px,6vh,76px) 0 clamp(48px,7vh,90px);background:radial-gradient(circle at 82% 48%,rgba(25,83,80,.3),transparent 32%),linear-gradient(110deg,rgba(7,24,36,.96),rgba(7,24,36,.72))}
.hero .w{display:grid;gap:48px;align-items:center}
.hero h1{max-width:880px}.hero h1 span{display:inline}.hero p.lead{font-size:1.02rem;margin:28px 0 34px;max-width:52ch;color:#b7c2b8}
.btns{display:flex;flex-wrap:wrap;gap:12px;max-width:480px}
.art{width:min(100%,500px);justify-self:center;opacity:.8;filter:drop-shadow(0 18px 35px rgba(0,0,0,.22))}
.tl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);margin:8px auto 46px}
.tl li{position:relative;text-align:center;font-size:.85rem;color:rgba(241,234,219,.6);padding:0 4px;white-space:nowrap}
.tl li::after{content:"";position:absolute;top:22px;left:50%;width:100%;height:1px;background:rgba(241,234,219,.2)}
.tl li:first-child::after{background:var(--gold)}.tl li:last-child::after{display:none}
.tl b{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border:1px solid rgba(241,234,219,.35);border-radius:50%;background:var(--green);font:400 1.1rem var(--serif);color:rgba(241,234,219,.7)}
.tl .on{color:var(--gold);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:7px}.tl .on b{background:var(--gold);border-color:var(--gold);color:var(--navy);box-shadow:0 0 0 7px rgba(210,168,92,.1),0 8px 20px rgba(210,168,92,.2);animation:pulse-phase 2s ease-in-out infinite}
.tl em{font-style:normal;display:block}.tl i{display:none;font-style:normal}
.fase-txt{max-width:68ch;margin:0 auto 34px;text-align:center;color:#b9c6ba}.fase-txt span{display:block}
.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.error-page .eyebrow{margin-bottom:22px}.error-page h1{max-width:680px}.error-page .btn{flex:none;margin-top:6px}
.privacy-content h2{color:var(--cream);font-family:var(--sans);font-weight:500}.back-home{flex:none}
.cards{display:grid;gap:18px}
.card{border:1px solid var(--line-cool);border-radius:8px;background:linear-gradient(145deg,rgba(8,35,45,.82),rgba(4,20,28,.62));padding:30px;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.card.it{display:flex;flex-direction:column;gap:16px}.card.it h3{font-size:clamp(.92rem,1.25vw,1.32rem);line-height:1.2}.card.it p{font-size:.95rem}
.card.it h2{font-size:clamp(1rem,1.4vw,1.3rem);margin:0;letter-spacing:0}
.card.it:hover{border-color:var(--gold);transform:translateY(-4px);transition:transform .2s ease,border-color .2s ease}
.who{display:grid;grid-template-columns:96px 1fr;grid-template-areas:"av tx""ac ac";gap:24px}
.av{grid-area:av;width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);outline:1px solid var(--line);outline-offset:5px;display:grid;place-items:center;font:300 2.6rem var(--serif);color:var(--gold);background:linear-gradient(145deg,var(--green-2),var(--navy-2));overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.who .tx{grid-area:tx}.who .tx p{max-width:none}.who .ac{grid-area:ac;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.who .ac .btn{flex:none}
.sign{font:italic 400 1.2rem var(--serif);color:var(--gold);margin-top:12px}
.ext{display:inline-flex;align-items:center;gap:8px;min-height:44px;word-break:break-all}.ext svg{width:16px;height:16px}
.steps{display:grid;gap:20px;list-style:none;padding:0}.steps li{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;padding:22px 24px;border:1px solid var(--line-cool);border-radius:var(--r);background:rgba(4,24,31,.45)}.steps li:hover{border-color:var(--gold);transform:translateY(-3px);transition:transform .2s ease,border-color .2s ease}
.n{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;font:400 1.2rem var(--serif);color:var(--gold)}
.case{display:grid;width:100%;gap:0;padding:clamp(28px,4vw,52px);border-color:var(--gold);background:linear-gradient(145deg,rgba(9,35,46,.95),rgba(4,22,31,.82));box-shadow:0 20px 55px rgba(0,0,0,.16)}
.case-head{padding-bottom:28px;border-bottom:1px solid var(--line-cool)}.case-head .eyebrow,.case-block .eyebrow{margin-bottom:12px}.case-head h2{margin-bottom:12px;white-space:nowrap}.case-head>p{max-width:78ch;color:var(--cream)}.case-head>p:last-child{margin-top:8px}
.case-block{padding:28px 0;border-bottom:1px solid var(--line-cool)}.case-block:last-of-type{border-bottom:0}.case-block .field+.field{margin-top:16px}.other-profile{display:none}.other-profile.open{display:block}
label.l,legend{display:block;font-size:.9rem;margin-bottom:6px}fieldset{border:0;padding:0;min-width:0}
input[type=text],input[type=email],select,textarea{width:100%;min-height:48px;padding:12px 14px;background:rgba(3,16,24,.52);border:1px solid var(--line-cool);border-radius:var(--r);color:var(--cream);font:400 16px/1.5 var(--sans);transition:border-color .2s ease,box-shadow .2s ease}
input[type=text]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(210,168,92,.1);outline:0}
select option{background:var(--navy-2);color:var(--cream)}
textarea{min-height:210px;resize:vertical}::placeholder{color:rgba(169,159,124,.8)}
[aria-invalid=true]{border-color:#D99A7C}.err{display:block;min-height:0;color:#E5AE92;font-size:.85rem;margin-top:6px}.err:empty{display:none}
.field+.field{margin-top:18px}.chk{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.95rem;cursor:pointer}.chk input{width:20px;height:20px;flex:none;accent-color:var(--gold)}
.c4>.chk{font-size:.9rem}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;position:relative}.checks .chk{min-width:0;white-space:normal;align-items:center}.checks .chk input{margin-top:0}.checks>label:nth-of-type(1){grid-column:1;grid-row:1}.checks>label:nth-of-type(2){grid-column:2;grid-row:1}.checks>label:nth-of-type(3){grid-column:1;grid-row:2}.checks>label:nth-of-type(4){grid-column:2;grid-row:2}.checks .other-impact-option{grid-column:2;grid-row:3;min-width:0}.checks .other-impact-option .chk{display:flex}.checks>label:nth-of-type(5){grid-column:1;grid-row:3}.checks.other-open{padding-bottom:50px}.other-impact-field{display:none;max-width:100%;margin-top:10px}.other-impact-field.open{display:block;position:absolute;top:calc(2 * 48px + 48px);right:0;width:calc(50% - 12px);margin-top:0;z-index:1}.reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .4s ease}
.reveal.open{grid-template-rows:1fr;opacity:1}.reveal>div{overflow:hidden}.reveal .field{padding:4px 0 8px}
.case-collab>.chk{font-size:.9rem}.case-collab .m{margin:2px 0 12px}.case-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:24px}.case-actions .formerr{grid-column:1/-1;grid-row:1}.case-actions .btn:first-of-type{grid-column:1;justify-self:start}.case-actions .btn:last-of-type{grid-column:2;justify-self:end}
.impact{margin-top:18px}.case-actions .btn{flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.msg{display:none;padding:16px 0}.done>*{display:none!important}.done>.msg{display:block!important}
.msg{grid-column:1/-1;width:100%;text-align:center;padding:34px 0}.msg-text{font-size:1.05rem;color:var(--cream);margin:0 auto 22px}.msg .btn{flex:none}.done{display:block!important}.done>.msg{display:block!important}.done>.msg .reset-after{display:inline-flex}
.section-next{display:flex;justify-content:flex-end;margin-top:28px}.section-next.centered{justify-content:center}.section-next.back{justify-content:flex-start}.section-next .btn{flex:none}
.compact-page section{padding-block:40px}.compact-page .section-next{margin-block:18px}.compact-page footer{padding-block:18px}
.page-green main{display:flex;flex-direction:column}.page-green main>.alt{flex:1}.page-green main>.alt>.w{min-height:100%;display:flex;flex-direction:column}.page-green main>.alt .section-next{margin-top:48px}
.sub{display:grid;width:100%;grid-template-columns:auto 1fr;grid-template-areas:"ic st""sf sf""ck ck""sm sm""er er";gap:16px;margin-top:40px;border-color:var(--gold);background:linear-gradient(145deg,rgba(8,44,42,.9),rgba(4,27,32,.82))}
.sub .ic{grid-area:ic}.sub .st{grid-area:st}.sub .sf{grid-area:sf;display:flex;gap:10px;align-items:stretch}.sub .sf input{flex:1;min-width:0}.sub .sf .btn{flex:none;padding:0 18px}
.sub .smt{grid-area:sm;max-width:none}.sub .ck{grid-area:ck}.sub .er{grid-area:er}.sub h2{font-size:1.6rem;margin:0 0 4px}.sub h2::before{display:none}.sub .eyebrow{margin-bottom:8px}.sub .sf{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.sub .sf .l{grid-column:1/-1}.sub .sf .btn{align-self:stretch}
footer{border-top:1px solid var(--line);padding:32px 0;font-size:.82rem;background:#06141e}footer .w{display:grid;gap:8px;justify-items:start}footer a{display:inline-flex;align-items:center;min-height:44px}
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.js .rv.in{opacity:1;transform:none}
@keyframes pulse-phase{0%,100%{box-shadow:0 0 0 5px rgba(210,168,92,.08),0 8px 20px rgba(210,168,92,.14)}50%{box-shadow:0 0 0 12px rgba(210,168,92,0),0 8px 26px rgba(210,168,92,.3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}.reveal{transition:none}}
@media(max-width:899px){header .w{min-width:0;gap:clamp(6px,2vw,18px)}.logo{flex:0 1 auto;font-size:clamp(1rem,4vw,1.55rem);white-space:nowrap}nav{display:flex;flex:1 1 auto;min-width:0;justify-content:flex-end;gap:clamp(4px,1.5vw,16px)}nav a:not(.ib){flex:0 1 auto;min-width:0;padding-inline:clamp(4px,1.2vw,12px);font-size:clamp(.48rem,1.7vw,.76rem);letter-spacing:0;white-space:nowrap}}
@media(max-width:759px){.w{width:92%}.hero{min-height:auto;padding:64px 0 72px}.hero h1{max-width:100%}.tl li{font-size:.75rem}.tl i{display:none}.tl li{white-space:normal}.card.it{flex-direction:row;align-items:flex-start}.fase-txt span{display:inline}.fase-txt span+span::before{content:" "}.checks{grid-template-columns:1fr;gap:0;padding-bottom:0!important}.checks>label:nth-of-type(n),.checks .other-impact-option{grid-column:1;grid-row:auto}.other-impact-field.open{position:static;width:100%;margin-top:10px}.case-head h2{white-space:normal}.case-actions{align-items:stretch;flex-direction:column}.case-actions .btn{width:100%}.sub .sf{grid-template-columns:1fr}.sub .sf .btn{width:100%;min-height:50px}.section-next,.section-next.back{justify-content:center}section{padding:64px 0}}
@media(min-width:760px){section{padding:76px 0}.hero .w{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.hero h1{font-size:clamp(3rem,4vw,5rem)}.hero h1 span{display:block}.tl{max-width:none;margin-inline:auto}.tl li{font-size:clamp(.78rem,1vw,.95rem)}.tl em,.tl i{display:inline}.cards,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps h3{font-size:clamp(.92rem,1.25vw,1.32rem);line-height:1.2;white-space:normal}.steps p{font-size:.95rem}.steps li{padding-inline:20px}.who{grid-template-columns:200px 1fr;grid-template-areas:"av tx""av ac";gap:24px 56px;align-items:start}.av{width:200px;height:200px;font-size:5rem}.case{grid-template-columns:1fr;padding:48px;gap:0}.case .c4{grid-column:1/-1}.sub{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ic st""ic sf""ic ck""ic sm""ic er";align-items:start;padding:28px 48px}.sub .ic{margin-top:12px}.sub .sf{align-self:center}footer .w{grid-template-columns:1fr auto}}
@media(min-width:760px) and (max-width:1099px){.hero .w{grid-template-columns:1fr}.art{max-width:420px}.cards,.steps{grid-template-columns:1fr}.case{grid-template-columns:1fr;padding:36px 32px}.case .c4{grid-column:auto}}
@media(min-width:1100px){.hero h1 span{white-space:nowrap}}
@media(min-width:760px){
  .case{grid-template-columns:1fr}
  .case>*{grid-column:1/-1}
  .sub{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ic st""ic sf""ic ck""ic sm""ic er";align-items:start}
  .sub .sf{align-self:start}
}
