img{height:auto}
.skip{position:absolute;left:12px;top:-60px;z-index:400;background:#3B2F2A;color:#fff;padding:12px 18px;font:500 16px/1 Jost,sans-serif;text-decoration:none;transition:top .2s}.skip:focus{top:12px}

:root{
  --papel:#F6F5F3;--nogal:#3B2F2A;--azul:#97B5C8;--pizarra:#4A6B80;--linea:#E2DED7;--txt2:#4A4541;--cap:#6B625C;--sobre:#DDD6CF;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'Jost','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,6vw,96px);--topH:84px;
  color-scheme:light;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--papel:#F6F5F3;--nogal:#3B2F2A}}
:root[data-theme="dark"]{--papel:#F6F5F3;--nogal:#3B2F2A}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--nogal);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pizarra);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0}
.dot{color:var(--azul)}

/* cabecera */
.top{position:fixed;left:0;right:0;top:0;z-index:50;height:calc(env(safe-area-inset-top,0px) + var(--topH));padding:env(safe-area-inset-top,0px) var(--pad) 0;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--nogal);transition:color .5s}
.top.light{color:var(--papel)}
.top .logo{width:clamp(150px,14vw,200px);height:auto;display:block}
.top nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px)}
.top nav a{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;position:relative;padding:12px 0}
.top nav a:not(.wa)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.top nav a:not(.wa):hover::after,.top nav a.cur::after{transform:scaleX(1)}
.top .wa{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px !important;border:1.5px solid currentColor}
.top .wa svg{width:16px;height:16px}
.top .right{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px)}
.burger{display:flex;align-items:center;gap:12px;min-height:48px;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.burger .bl{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.burger .bars{display:flex;flex-direction:column;gap:5px;width:24px}
.burger .bars i{display:block;height:2px;background:currentColor;width:24px}
.burger .bars i:last-child{width:16px}
.menu{position:fixed;inset:0;z-index:100;background:var(--nogal);color:var(--papel);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s}
.menu.open{opacity:1;visibility:visible}
.menu .x{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);right:16px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(246,245,243,.35);background:none;color:var(--papel);display:grid;place-items:center;cursor:pointer}
.menu{overflow-y:auto}
.mgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,120px);margin:auto 0;padding:calc(env(safe-area-inset-top,0px) + 110px) var(--pad) 40px;max-width:1440px;width:100%}
.mcol{display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.menu.open .mcol{opacity:1;transform:none}.menu.open .mcol+.mcol{transition-delay:.1s}
.mh{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--azul);margin:0 0 10px}
.mcol ul+.mh{margin-top:32px}
.menu ul{list-style:none;margin:0;padding:0}
.menu ul a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font-size:19px;text-decoration:none;color:var(--papel)}
.menu ul a:hover{color:var(--azul)}
.menu .mbig a{font-family:var(--serif);font-size:clamp(2rem,4.4vw,4rem);line-height:1.08;padding:6px 0}
.menu .mf{padding:0 var(--pad) calc(env(safe-area-inset-bottom,0px) + 36px);font-size:14px;letter-spacing:.1em;color:var(--sobre);display:flex;flex-wrap:wrap;gap:4px 28px}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);transform:translate(-50%,20px);z-index:200;background:var(--nogal);color:var(--papel);padding:14px 20px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:calc(100% - 40px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.menu .mf a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}


/* ---------- portada de la página ---------- */
.htrack{position:relative;height:175vh}
.hstage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--papel)}
#hilo{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--topH) var(--pad) 48px;max-width:min(58rem,56vw)}
.crumb{display:flex;gap:10px;font-size:14px;color:var(--cap);margin-bottom:20px}
.crumb a{color:var(--pizarra);text-underline-offset:4px}
.hero h1{font-size:clamp(2.6rem,min(6vw,9vh),6rem);line-height:.98;letter-spacing:-.03em}
.hero .lead{margin:22px 0 28px;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.5;max-width:36rem}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.facts{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 40px}
.facts li{display:flex;flex-direction:column}
.facts b{font-family:var(--serif);font-weight:500;font-size:1.35rem;line-height:1.2}
.facts span{font-size:14px;color:var(--txt2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;border:0;cursor:pointer;font-family:var(--sans)}
.btn svg{width:20px;height:20px}
.btn.blue{background:var(--azul);color:var(--nogal)}
.btn.line{border:1.5px solid currentColor;background:none}
.btn.dark{background:var(--nogal);color:#fff}
.prog{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + var(--topH));height:2px;z-index:49;background:transparent;pointer-events:none}
.prog i{position:absolute;inset:0;background:var(--azul);transform-origin:left;transform:scaleX(0)}
.top{background:transparent;transition:background .3s,color .5s}
.top.solid{background:var(--papel)}

/* ---------- cuerpo ---------- */
.page{display:grid;grid-template-columns:240px minmax(0,780px);justify-content:center;gap:clamp(40px,6vw,110px);padding:0 var(--pad)}
.rail{position:relative}
.rail ol{position:sticky;top:calc(var(--topH) + 40px);list-style:none;margin:72px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.rail a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:15px;color:var(--txt2);text-decoration:none}
.rail a:hover,.rail .cur a{color:var(--nogal)}
.rail .cur a{font-weight:500}
.rail svg{width:34px;height:12px;flex-shrink:0;overflow:visible}
.rail path,.yes li::before,.no li::before{fill:none}
.rail path{stroke:var(--linea);stroke-width:3;transition:d .5s var(--ease),stroke .3s}
.rail .done path,.rail .cur path{d:path("M2 7 Q7 7 12 7 T22 7 T32 7 T42 7");stroke:var(--azul)}
.rail .cur path{stroke:var(--nogal)}
.content{min-width:0}
.blk{padding:72px 0 8px;scroll-margin-top:calc(var(--topH) + 16px)}
.blk h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.02em}
.blk h3{font-size:1.35rem;line-height:1.2;margin-bottom:12px}
.intro{margin:14px 0 28px;font-size:1.15rem;max-width:40rem}
.note{margin:18px 0 0;color:var(--txt2);font-size:15px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.two .col{background:#fff;padding:28px}
.two ul,.docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.two li,.docs li{position:relative;padding-left:34px}
.yes li::before,.docs li::before{content:"";position:absolute;left:0;top:.62em;width:22px;height:5px;background:var(--azul);clip-path:polygon(0 100%,calc(100% - 2.9px) 100%,100% 0,2.9px 0)}
.no li::before{content:"";position:absolute;left:0;top:.35em;width:22px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M2 7 Q7 1 12 7 T22 7 T32 7 T42 7' fill='none' stroke='%236B625C' stroke-width='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.two.small{margin-top:20px}.two.small>div{background:none;padding:0}.two.small p{margin:0;color:var(--txt2)}
.paths .path{background:#fff;padding:28px}.paths p{margin:0;color:var(--txt2)}

.pline{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative;counter-reset:st}
.pline::before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:var(--nogal)}
.pline li{position:relative;padding-top:38px;display:flex;flex-direction:column;gap:4px;counter-increment:st}
.pline li::before{content:"";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--papel);border:3px solid var(--nogal);box-sizing:border-box}
.pline li:first-child::before{background:var(--nogal)}
.pline b{font-family:var(--serif);font-weight:500;font-size:1.15rem;line-height:1.2}
.pline b::before{content:counter(st) ". "}
.pline span{font-size:14px;color:var(--txt2);line-height:1.45}

.ptable{background:#fff;display:flex;flex-direction:column}
.pr{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;padding:18px 24px;border-top:1px solid var(--linea);align-items:start}
.pr.ph{border-top:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pizarra);padding-bottom:10px}
.pr span{display:flex;flex-direction:column}
.pr .pc{font-family:var(--serif);font-size:1.15rem;line-height:1.25}
.pr b{font-weight:600;font-size:16px}
.pr small{font-size:13px;color:var(--cap)}

.faq{display:flex;flex-direction:column;border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 0;font-family:var(--serif);font-size:1.25rem;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex-shrink:0;width:30px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M2 7 Q7 1 12 7 T22 7 T32 7 T42 7' fill='none' stroke='%2397B5C8' stroke-width='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M2 7 L42 7' fill='none' stroke='%233B2F2A' stroke-width='3.5'/%3E%3C/svg%3E")}
.faq p{margin:0 0 20px;max-width:40rem;color:var(--txt2)}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.card{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 24px 56px;background:#fff;text-decoration:none;color:var(--nogal);transition:transform .3s var(--ease)}
.card:hover{transform:translateY(-4px)}
.card b{font-family:var(--serif);font-weight:500;font-size:1.25rem;line-height:1.2}
.card span{font-size:15px;color:var(--txt2)}
.card svg{position:absolute;left:24px;bottom:22px;width:20px;height:20px}

/* orientador */
.orient{margin-top:72px;padding:clamp(28px,4vw,48px);background:var(--nogal);color:var(--papel)}
.ohead p{margin:10px 0 0;color:var(--sobre)}
.steps{display:flex;gap:8px;margin:26px 0 30px}
.steps i{display:block;flex:1;max-width:64px;height:6px;background:rgba(246,245,243,.18);clip-path:polygon(0 100%,calc(100% - 3.5px) 100%,100% 0,3.5px 0);transition:background .4s}
.steps i.on{background:var(--azul)}
.qbox{min-height:320px}
.qbox h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15;margin-bottom:22px;max-width:30ch}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.opt{min-height:60px;padding:14px 18px;text-align:left;background:transparent;color:var(--papel);border:1.5px solid rgba(246,245,243,.35);font-size:16px;cursor:pointer;transition:border-color .2s,background .2s}
.opt:hover{border-color:var(--papel);background:rgba(246,245,243,.06)}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;color:var(--sobre)}
.back{background:none;border:0;color:var(--sobre);cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0}
.qin{animation:qin .45s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.res .tier{font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05;padding-bottom:10px;background:linear-gradient(var(--azul),var(--azul)) left bottom/140px 5px no-repeat;display:inline-block}
.res .tiers{color:var(--sobre);font-size:15px;margin:10px 0 18px}
.res ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.res li{position:relative;padding-left:34px;color:var(--papel)}
.res li::before{content:"";position:absolute;left:0;top:.62em;width:22px;height:5px;background:var(--azul);clip-path:polygon(0 100%,calc(100% - 2.9px) 100%,100% 0,2.9px 0)}
.res .ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* cierre */
.close{margin-top:96px;background:var(--nogal);color:var(--papel);padding:clamp(72px,10vw,128px) var(--pad) 28px}
.close .wrap{max-width:1280px;margin:0 auto}
.close h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.02em}
.close .big{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);margin:16px 0 6px}
.close .sm{color:var(--sobre);margin:0 0 26px;max-width:36rem}
.close .ctas{display:flex;flex-wrap:wrap;gap:12px}
.close .legal{margin-top:72px;padding-top:16px;border-top:1px solid rgba(246,245,243,.16);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:#CFC7C0}
.close .legal nav{display:flex;gap:20px}
.bar-m{display:none}

@media (max-width: 1100px){
  .page{grid-template-columns:minmax(0,780px)}
  .rail{display:none}
}
@media (max-width: 860px){
  :root{--topH:72px}
  .top nav{display:none}
  .burger .bl{display:none}
  .burger{width:48px;justify-content:center;margin-right:-12px}
  .mgrid{grid-template-columns:1fr;padding-top:calc(env(safe-area-inset-top,0px) + 88px)}
  .htrack{height:150vh}
  .hero{max-width:none;justify-content:flex-end;padding-top:calc(var(--topH) + 14vh);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 84px)}
  .facts{display:none}
  .hero .btn{width:100%}
  .facts{gap:10px 24px;margin-top:22px}
  .facts b{font-size:1.1rem}
  .two,.cards,.opts{grid-template-columns:1fr}
  .two .col,.paths .path{padding:22px}
  .pline{grid-template-columns:1fr;gap:22px;padding-left:40px}
  .pline::before{left:9px;right:auto;top:0;bottom:0;width:3px;height:auto}
  .pline li{padding-top:0}
  .pline li::before{left:-40px}
  .ptable{background:none;gap:12px}
  .pr.ph{display:none}
  .pr{grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:0;padding:18px;gap:12px 10px}
  .pr .pc{grid-column:1/-1}
  .pr span[role=cell]:not(.pc)::before{font-size:12px;color:var(--pizarra);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .pr span:nth-child(2)::before{content:"Total"}.pr span:nth-child(3)::before{content:"24 cuotas"}.pr span:nth-child(4)::before{content:"16 cuotas"}
  .pr b{font-size:14px}.pr small{font-size:12px}
  .close{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}
  .bar-m{display:grid;grid-template-columns:1fr 1fr;gap:1px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--linea);padding-bottom:env(safe-area-inset-bottom,0px)}
  .bar-m a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;text-decoration:none;font-weight:500}
  .bar-m a svg{width:20px;height:20px}
  .bar-m a:first-child{background:var(--nogal);color:#fff}
  .bar-m a:last-child{background:#fff;color:var(--nogal)}
}
@media (prefers-reduced-motion: reduce){ .qin{animation:none} .rail path{transition:none} }

/* ---------- bloques cortos e interactivos ---------- */
.kick{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pizarra)}
.huge{font-size:clamp(3rem,7vw,6.2rem)!important;line-height:.95!important;letter-spacing:-.035em!important;display:inline-block;position:relative;padding-bottom:18px}
.big2{font-size:clamp(2.1rem,4.4vw,3.8rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;position:relative;padding-bottom:18px;display:inline-block;max-width:18ch}
.u{position:absolute;left:0;bottom:0;width:min(220px,60%);height:6px;background:var(--azul);clip-path:polygon(0 100%,calc(100% - 3.5px) 100%,100% 0,3.5px 0);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) .2s}
.rv.in .u{transform:none}
.rv .sub,.rv .path-t,.rv .chips,.rv .switch,.rv .verdict,.rv .calc,.honest p{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}
.rv.in .sub,.rv.in .path-t,.rv.in .chips,.rv.in .switch,.rv.in .verdict,.rv.in .calc,.honest.in p{opacity:1;transform:none}
.sub{margin:18px 0 22px;font-size:1.15rem;color:var(--txt2)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{min-height:48px;padding:0 18px;border:1.5px solid var(--linea);background:#fff;color:var(--nogal);font-size:16px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.chip:hover{border-color:var(--nogal)}
.chip.on{background:var(--nogal);border-color:var(--nogal);color:#fff}
.verdict{display:flex;align-items:center;gap:22px;margin-top:26px;min-height:92px;padding:22px 26px;background:#fff}
.verdict svg{width:120px;height:20px;flex-shrink:0;overflow:visible}
.verdict path{fill:none;stroke:var(--linea);stroke-width:5;transition:d .55s var(--ease),stroke .3s}
.verdict.yes path{stroke:var(--nogal)}.verdict.part path{stroke:var(--azul)}.verdict.no path{stroke:var(--cap)}
.verdict div{display:flex;flex-direction:column}
.verdict b{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}
.verdict span{font-size:15px;color:var(--txt2)}
.switch{display:inline-flex;flex-wrap:wrap;gap:6px;margin:26px 0 0;padding:6px;background:#fff}
.switch button{min-height:48px;padding:0 18px;border:0;background:none;color:var(--txt2);font-size:16px;cursor:pointer;transition:background .3s,color .3s}
.switch button[aria-selected="true"]{background:var(--nogal);color:#fff}
.path-t{margin:22px 0 0;font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;max-width:30ch}
.path-t.flip{animation:qin .45s var(--ease)}
.steps5{--d:22px;list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.steps5::before{content:"";position:absolute;left:10%;right:10%;top:calc(var(--d) / 2 - 1.5px);height:3px;background:var(--nogal);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .3s}
.rv.in .steps5::before{transform:none}
.steps5 li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;padding:0 6px}
.steps5 i{width:var(--d);height:var(--d);border-radius:50%;border:3px solid var(--nogal);background:var(--papel);box-sizing:border-box;position:relative;z-index:1;transition:background .3s}
.rv.in .steps5 i{background:var(--nogal)}
.steps5 li:nth-child(1) i{transition-delay:.3s}.steps5 li:nth-child(2) i{transition-delay:.6s}.steps5 li:nth-child(3) i{transition-delay:.9s}.steps5 li:nth-child(4) i{transition-delay:1.2s}.steps5 li:nth-child(5) i{transition-delay:1.5s}
.steps5 b{font-family:var(--serif);font-weight:500;font-size:1.2rem;line-height:1.2}
.small-n{margin:36px 0 0;color:var(--txt2);max-width:40rem}
.calc{background:#fff;padding:clamp(24px,3.4vw,44px);margin-top:14px}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick button{min-height:48px;padding:0 18px;border:1.5px solid var(--linea);background:none;color:var(--nogal);font-size:16px;cursor:pointer;transition:all .25s}
.pick button[aria-checked="true"]{background:var(--nogal);border-color:var(--nogal);color:#fff}
.pick.small{margin-top:10px}.pick.small button{min-height:44px;font-size:15px}
.bign{margin:30px 0 4px;font-family:var(--serif);font-weight:500;font-size:clamp(3.4rem,9vw,7.5rem);line-height:.95;letter-spacing:-.04em}
.bign small{font-size:.32em;letter-spacing:0;color:var(--txt2)}
.pdet{margin:10px 0 0;font-size:15px;color:var(--cap)}
.pnote{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--linea);font-size:16px}
.honest{padding-top:88px}
.honest p{margin:20px 0 0;font-size:1.2rem;line-height:1.55;max-width:38rem}
@media (max-width: 860px){
  .steps5{grid-template-columns:1fr;gap:26px;margin-top:36px}
  .steps5::before{left:calc(var(--d) / 2 - 1.5px);right:auto;top:calc(var(--d) / 2);bottom:calc(var(--d) / 2 + 4px);width:3px;height:auto;transform:scaleY(0);transform-origin:top}
  .rv.in .steps5::before{transform:none}
  .steps5 li{flex-direction:row;text-align:left;padding:0}
  .verdict{flex-direction:column;align-items:flex-start;gap:12px}
  .switch{display:flex;flex-direction:column}
  .switch button{text-align:left}
}
@media (prefers-reduced-motion: reduce){ .u,.steps5::before,.steps5 i,.verdict path{transition:none!important} }

/* ¿es tu caso? */
.ifs{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column}
.ifs li{position:relative;display:flex;align-items:baseline;gap:22px;padding:22px 0 26px;opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.ifs .n{font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.4rem);color:var(--pizarra);width:24px;flex-shrink:0}
.ifs .t{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.1;letter-spacing:-.015em}
.ifs i{position:absolute;left:46px;right:0;bottom:0;height:3px;background:var(--nogal);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.rv.in .ifs li{opacity:1;transform:none}
.rv.in .ifs i{transform:none}
.ifs li:nth-child(1){transition-delay:.2s}.ifs li:nth-child(1) i{transition-delay:.5s}
.ifs li:nth-child(2){transition-delay:.45s}.ifs li:nth-child(2) i{transition-delay:.75s}
.ifs li:nth-child(3){transition-delay:.7s}.ifs li:nth-child(3) i{transition-delay:1s}
.ifs-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:26px}
.more-btn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 18px;border:1.5px solid var(--linea);background:#fff;color:var(--nogal);font-size:16px;cursor:pointer;transition:border-color .2s}
.more-btn:hover{border-color:var(--nogal)}
.more-btn svg{width:32px;height:12px;overflow:visible}
.more-btn path{fill:none;stroke:var(--cap);stroke-width:3.5;transition:d .5s var(--ease)}
.more-btn[aria-expanded="true"] path{d:path("M2 7 Q7 7 12 7 T22 7 T32 7 T42 7");stroke:var(--nogal)}
.go{font-weight:500;color:var(--pizarra);text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.complp{margin-top:14px;background:#fff;padding:24px 26px;animation:qin .45s var(--ease)}
.complp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.complp li{position:relative;padding-left:36px}
.complp li::before{content:"";position:absolute;left:0;top:.4em;width:22px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M2 7 Q7 1 12 7 T22 7 T32 7 T42 7' fill='none' stroke='%236B625C' stroke-width='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.complp p{margin:16px 0 0;font-weight:500}
@media (max-width: 860px){ .ifs li{gap:14px;padding:18px 0 20px} .ifs i{left:38px} }
@media (prefers-reduced-motion: reduce){ .ifs li,.ifs i{transition:none!important;opacity:1;transform:none} }

/* casi todas: dos listas */
.lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.lists>div{background:#fff;padding:26px 26px 30px}
.lists h3{display:flex;align-items:center;gap:14px;font-size:1.4rem;margin:0 0 18px}
.lists h3 svg{width:36px;height:14px;overflow:visible}
.lists path{fill:none;stroke-width:3.5}
.lst-yes path{stroke:var(--nogal)}.lst-no path{stroke:var(--cap)}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:9px 14px;font-size:15px;line-height:1.3;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(.35s + var(--i) * .06s)}
.lst-yes .tags li{background:var(--nogal);color:#fff}
.lst-no .tags li{background:transparent;color:var(--nogal);border:1.5px solid var(--linea)}
.rv.in .tags li{opacity:1;transform:none}
@media (max-width: 860px){ .lists{grid-template-columns:1fr} .lists>div{padding:22px} }
@media (prefers-reduced-motion: reduce){ .tags li{transition:none;opacity:1;transform:none} }

/* extranjería: selector de trámite y cifras */
.sits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}
.opt.sel{background:var(--papel);color:var(--nogal);border-color:var(--papel)}
.tres{margin-top:26px;padding-top:26px;border-top:1px solid rgba(246,245,243,.16)}
.tres h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.1;margin:0 0 10px}
.tdesc{margin:0 0 22px;color:var(--sobre);max-width:36rem}
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.num{background:#fff;padding:26px 26px 28px;display:flex;flex-direction:column;gap:8px}
.num b{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1;letter-spacing:-.03em}
.num>span{color:var(--txt2);font-size:16px}
.rv .nums{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}
.rv.in .nums{opacity:1;transform:none}
@media (max-width: 860px){ .sits,.nums{grid-template-columns:1fr} }

/* trabajo: calculadora, plazo y pasos */
.cform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:26px;align-items:end}
.cform label,.dl label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--sobre)}
.cform input[type=date],.cform input[type=number]{min-height:52px;padding:0 14px;border:1.5px solid rgba(246,245,243,.35);background:transparent;color:var(--papel);font:inherit;font-size:16px;color-scheme:dark}
.cform input:focus{border-color:var(--papel);outline:none}
.cform fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cform legend{font-size:14px;color:var(--sobre);padding:0;margin-bottom:6px}
.seg{display:flex;gap:6px}
.seg label{flex:1;flex-direction:row}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;border:1.5px solid rgba(246,245,243,.35);color:var(--papel);font-size:16px;cursor:pointer;transition:all .2s}
.seg input:checked+span{background:var(--papel);color:var(--nogal);border-color:var(--papel)}
.seg input:focus-visible+span{outline:2px solid var(--azul);outline-offset:2px}
.cform .btn{min-height:52px}
.cerr{margin:10px 0 0;color:#F2C9B8;min-height:1em;font-size:15px}
.dl{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin-top:6px}
.dl label{color:var(--txt2)}
.dl input{min-height:56px;padding:0 14px;border:1.5px solid var(--linea);background:#fff;color:var(--nogal);font:inherit;font-size:17px}
.dlout{flex:1;min-width:260px;display:flex;flex-direction:column;justify-content:center;background:#fff;padding:18px 24px}
.dlout b{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}
.dlout span{font-size:15px;color:var(--txt2);margin-top:4px}
.dlout.flip{animation:qin .45s var(--ease)}
.rv .dl,.rv .stepsel,.rv .stepcard{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}
.rv.in .dl,.rv.in .stepsel,.rv.in .stepcard{opacity:1;transform:none}
.stepsel{--d:22px;--k:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;margin-top:30px}
.stepsel::before{content:"";position:absolute;left:10%;right:10%;top:calc(var(--d) / 2 - 1.5px);height:3px;background:var(--linea)}
.stepsel::after{content:"";position:absolute;left:10%;top:calc(var(--d) / 2 - 1.5px);height:3px;width:calc(80% * var(--k) / 4);background:var(--nogal);transition:width .6s var(--ease)}
.stepsel button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 6px 8px;border:0;background:none;cursor:pointer;color:var(--txt2);text-align:center;min-height:44px}
.stepsel i{width:var(--d);height:var(--d);border-radius:50%;border:3px solid var(--linea);background:var(--papel);box-sizing:border-box;position:relative;z-index:1;transition:all .3s}
.stepsel button.past i{border-color:var(--nogal);background:var(--nogal)}
.stepsel button[aria-selected="true"] i{border-color:var(--nogal);background:var(--azul);transform:scale(1.25)}
.stepsel button[aria-selected="true"]{color:var(--nogal)}
.stepsel b{font-family:var(--serif);font-weight:500;font-size:1.1rem;line-height:1.2}
.stepcard{margin-top:26px;background:#fff;padding:26px 28px}
.stepcard h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 8px}
.stepcard p{margin:0 0 18px;color:var(--txt2);max-width:38rem}
.sp{display:flex;flex-direction:column}
.sp b{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;padding-bottom:8px;background:linear-gradient(var(--azul),var(--azul)) left bottom/120px 5px no-repeat;align-self:flex-start}
.sp span{font-size:14px;color:var(--cap);margin-top:8px}
@media (max-width: 860px){
  .cform{grid-template-columns:1fr}
  .stepsel{grid-template-columns:1fr;gap:4px}
  .stepsel::before{left:calc(var(--d) / 2 - 1.5px);right:auto;top:calc(var(--d) / 2 + 11px);bottom:calc(var(--d) / 2 + 11px);width:3px;height:auto}
  .stepsel::after{left:calc(var(--d) / 2 - 1.5px);top:calc(var(--d) / 2 + 11px);width:3px;height:calc((100% - var(--d) - 22px) * var(--k) / 4);transition:height .6s var(--ease)}
  .stepsel button{flex-direction:row;text-align:left;padding:11px 0;gap:16px}
}

/* vivienda */
.seg.role{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}
.seg.role button{flex:1;min-height:52px;padding:0 16px;border:1.5px solid rgba(246,245,243,.35);background:none;color:var(--papel);font-size:16px;cursor:pointer;transition:all .2s}
.seg.role button[aria-selected="true"]{background:var(--papel);color:var(--nogal);border-color:var(--papel)}
.svcs{margin-top:22px}
.svcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.svc{display:flex;flex-direction:column;gap:6px;padding:20px 20px 22px;background:rgba(246,245,243,.06);border:1.5px solid rgba(246,245,243,.16);text-decoration:none;color:var(--papel);transition:border-color .2s,background .2s}
.svc:hover{border-color:var(--azul);background:rgba(246,245,243,.1)}
.svc b{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.15}
.svc span{font-size:15px;color:var(--sobre);flex:1}
.svc em{font-style:normal;font-family:var(--serif);font-size:1.35rem;white-space:nowrap;line-height:1.1;margin-top:8px;padding-bottom:8px;background:linear-gradient(var(--azul),var(--azul)) left bottom/90px 4px no-repeat;align-self:flex-start}
.svc small{font-size:13px;color:var(--sobre)}
.lists.one{grid-template-columns:1fr}
@media (max-width: 860px){ .seg.role{flex-direction:column} }

/* me deben dinero */
#dform{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.vs{height:8px;background:rgba(246,245,243,.16);margin:16px 0 6px;max-width:420px}
.vs i{display:block;height:100%;width:0;background:var(--azul);animation:vsw 1s var(--ease) .2s forwards}
@keyframes vsw{to{width:var(--w)}}
.ladder{list-style:none;margin:22px 0 24px;padding:0;display:flex;flex-direction:column}
.ladder>li:not(.if){display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:16px 18px;background:rgba(246,245,243,.06);border:1.5px solid rgba(246,245,243,.16);opacity:0;transform:translateY(10px);animation:qin .5s var(--ease) forwards;animation-delay:calc(.15s + var(--i) * .15s)}
.ladder .sn{font-family:var(--serif);color:var(--azul);font-size:1.2rem}
.ladder .st{display:flex;flex-direction:column;gap:2px}
.ladder .st b{font-family:var(--serif);font-weight:500;font-size:1.25rem;line-height:1.2}
.ladder .st span{font-size:14px;color:var(--sobre)}
.ladder .sp2{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.ladder .sp2 b{font-weight:600;white-space:nowrap}
.ladder .sp2 small{font-size:12px;color:var(--sobre)}
.ladder .if{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);padding:8px 0 8px 46px;position:relative}
.ladder .if::before{content:"";position:absolute;left:31px;top:4px;bottom:4px;width:2px;background:rgba(151,181,200,.5)}
@media (max-width: 860px){
  #dform{grid-template-columns:1fr}
  .ladder>li:not(.if){grid-template-columns:24px minmax(0,1fr)}
  .ladder .sp2{grid-column:2;align-items:flex-start;text-align:left;margin-top:6px}
}
@media (prefers-reduced-motion: reduce){ .vs i{animation:none;width:var(--w)} .ladder>li:not(.if){animation:none;opacity:1;transform:none} }
.ladder>li:not(.if)::before{content:none}
.ladder .if::before{clip-path:none;height:auto}
.gn{color:var(--pizarra)!important}

@media (min-width:861px) and (max-width:1150px){.top nav a:not(.wa){display:none}}
@media (min-width:600px) and (max-width:860px){.team3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.team{gap:16px}.mem{flex-basis:min(40vw,320px)!important}}