/* Autopilot Care: sitio de Opera.
   Una sola familia (Geist), blanco y tinta, el violeta del logo solo para señalar trabajo de los puestos y decisiones. */
@font-face{font-family:'Geist';src:url(fonts/geist-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --paper:#FFFFFF; --mist:#F7F6F9; --ink:#17151B; --muted:#6B6772; --hair:#E6E4E9; --line:#CFCBD5;
  --violet:#8F35C6; --violet-deep:#6E2399; --night:#0E0C12; --ok:#2E7A55;
  --gut:max(56px, env(safe-area-inset-left, 0px));
  --gut-r:max(56px, env(safe-area-inset-right, 0px));
  --sans:'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}
.wrap{padding-left:var(--gut);padding-right:var(--gut-r)}

/* tipografía */
.display{font-weight:300;font-size:clamp(52px,7.4vw,118px);line-height:.93;letter-spacing:-.045em}
.h1{font-weight:400;font-size:clamp(44px,5.6vw,84px);line-height:.98;letter-spacing:-.04em;text-wrap:balance}
.h2{font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.h3{font-weight:500;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:52ch}
.body{font-size:16px;line-height:1.6;color:var(--muted)}
.body b,.lead b{color:var(--ink);font-weight:500}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 15px/1 var(--sans);padding:16px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .2s}
.btn--ink{background:var(--ink);color:#fff}.btn--ink:hover{background:#000}
.btn--white{background:#fff;color:var(--ink)}.btn--white:hover{background:#EFECF2}
.btn--line{border-color:var(--line);color:var(--ink);background:transparent}.btn--line:hover{border-color:var(--ink)}
.link{font-size:15px;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:3px}.link:hover{border-color:var(--ink)}

/* encabezado */
.nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gut-r) 22px var(--gut);padding-top:calc(22px + env(safe-area-inset-top, 0px));transition:background .25s,border-color .25s,padding .25s;border-bottom:1px solid transparent}
.brand{display:block;line-height:0}.brand img{height:26px;width:auto}
.brand .on-dark{display:none}
.nav .links{display:flex;gap:30px;font-size:15px}
.nav .links a{opacity:.78}.nav .links a:hover,.nav .links a[aria-current]{opacity:1}
.nav .cta{font:500 14px/1 var(--sans);padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff}
.nav--over{color:#fff}
.nav--over .brand .on-dark{display:block}.nav--over .brand .on-light{display:none}
.nav--over .cta{background:#fff;color:var(--ink)}
.nav.is-solid{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);border-bottom-color:var(--hair);padding-top:calc(14px + env(safe-area-inset-top, 0px));padding-bottom:14px}
.nav.is-solid .brand .on-dark{display:none}.nav.is-solid .brand .on-light{display:block}
.nav.is-solid .cta{background:var(--ink);color:#fff}
.menu-btn{display:none;width:42px;height:42px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-btn span{display:block;width:16px;height:1.5px;background:currentColor}
.sheet{position:fixed;inset:0;z-index:30;background:#fff;color:var(--ink);padding:calc(24px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 32px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:28px}
.sheet[hidden]{display:none!important}
.sheet-top{display:flex;justify-content:space-between;align-items:center}
.sheet nav{display:grid;gap:4px}
.sheet nav a{font-size:30px;letter-spacing:-.02em;padding:8px 0;border-bottom:1px solid var(--hair)}
.sheet .btn{align-self:flex-start}

/* portada */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;color:#fff;background:var(--night)}
.hero svg.scene{position:absolute;inset:0;width:100%;height:100%}
.hero-copy{position:absolute;z-index:3;left:var(--gut);right:var(--gut-r);bottom:clamp(28px,5vh,56px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:end}
.hero .display{font-size:clamp(52px,min(7.4vw,11vh),118px)}
.hero-copy .side p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.8);max-width:42ch}
.hero-copy .side p b{color:#fff;font-weight:500}
.hero-copy .btn{margin-top:22px}
.lit{animation:lit .8s ease-out both;--o:1}.lit.bloom{--o:.5}.lit.glow{--o:.16}
.lit.bloom,.lit.glow{opacity:var(--o)}
@keyframes lit{from{opacity:0}to{opacity:var(--o)}}
.chip{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.approve{animation:press 2.4s ease-in-out infinite}
@keyframes press{0%,70%,100%{opacity:1}80%{opacity:.72}}
.mchip{display:none}

/* hechos */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hair)}
.facts div{padding:30px 24px 30px 0}
.facts div+div{padding-left:24px;border-left:1px solid var(--hair)}
.facts b{display:block;font-weight:400;font-size:34px;letter-spacing:-.025em;line-height:1.1}
.facts span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}

/* secciones */
.sec{padding-top:120px}
.sec-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:44px}
.sec-head .h2{max-width:16ch}
.sec-head .more{margin-top:20px}
.rule{border-top:1px solid var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}

/* imagen con pantallas */
.fig svg,.fig img{display:block;width:100%;height:auto;border-radius:6px}
.fig-tall img{aspect-ratio:4/5;object-fit:cover}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.ticks{list-style:none;display:grid;gap:0;margin-top:28px;max-width:52ch}
.ticks li{font-size:16px;line-height:1.55;color:var(--muted);padding:16px 0;border-top:1px solid var(--hair)}
.ticks li b{color:var(--ink);font-weight:500}

/* panel del gerente */
.panel{border:1px solid var(--hair);border-radius:16px;padding:22px 24px 10px;background:var(--mist)}
.panel-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:baseline;padding-bottom:16px;border-bottom:1px solid var(--hair)}
.panel-top .t{font-weight:600}.panel-top .t span{font-weight:400;font-size:13px;color:var(--muted);margin-left:10px}
.kpis{display:flex;gap:28px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.kpis b{color:var(--ink);font-weight:500;font-size:15px}
.row{display:grid;grid-template-columns:220px 200px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hair);font-size:14.5px}
.row:last-child{border-bottom:0}
.row .nm{font-weight:500}.row .tk{color:var(--muted);min-width:0}
.st{display:inline-flex;align-items:center;gap:8px;font-size:13.5px}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st.ok{color:var(--ok)}.st.done{color:var(--muted)}.st.wait{color:var(--violet);font-weight:500}
.row.ask{background:linear-gradient(90deg,rgba(143,53,198,.07),rgba(143,53,198,0));margin:0 -24px;padding:13px 24px;border-radius:0 0 12px 12px}
.mini{font-size:13px;font-weight:500;color:#fff;background:var(--violet);padding:8px 14px;border-radius:999px}

/* pasos */
.steps{list-style:none;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:32px;border-top:1px solid var(--ink);padding-top:28px}
.steps .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--ink);font-size:13.5px}
.steps h3{font-size:19px;font-weight:500;margin:18px 0 8px;letter-spacing:-.01em}
.steps p{font-size:15px;line-height:1.6;color:var(--muted)}

/* puestos */
.legend{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:18px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--violet);display:inline-block}
.fams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.fam{padding:24px 28px 28px 0;border-bottom:1px solid var(--hair)}
.fam h3{font-size:15px;font-weight:600;margin-bottom:12px}
.fam ul{list-style:none;display:grid;gap:9px}
.fam li{font-size:14.5px;color:var(--muted);display:flex;align-items:baseline;gap:10px;line-height:1.4}
.fam li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1px solid #C9C4D0;transform:translateY(-1px)}
.fam li.on{color:var(--ink)}.fam li.on::before{border:0;background:var(--violet)}
.fam li small{display:block;color:var(--muted);font-size:13.5px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.card{padding:28px 32px 32px 0;border-bottom:1px solid var(--hair);display:grid;gap:10px;align-content:start}
.cards .card:nth-child(even){padding-left:32px;border-left:1px solid var(--hair)}
.card h3{font-size:22px;font-weight:500;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}
.card p{font-size:15.5px;line-height:1.6;color:var(--muted)}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-top:6px;font-size:14.5px;line-height:1.5}
.card dt{color:var(--ink);font-weight:500}.card dd{color:var(--muted)}

/* preguntas */
.qs{border-top:1px solid var(--ink)}
.qs details{border-bottom:1px solid var(--hair);padding:20px 0}
.qs summary{cursor:pointer;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:20px;letter-spacing:-.01em}
.qs summary::-webkit-details-marker{display:none}
.qs summary::after{content:"+";color:var(--muted);font-size:24px;line-height:1}
.qs details[open] summary::after{content:"–"}
.qs details p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--muted);max-width:70ch}

/* páginas interiores */
.page-hero{padding-top:200px;padding-bottom:64px}
.page-hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:end}
.crumb{font-size:14px;color:var(--muted);margin-bottom:22px}
.band img,.band svg{width:100%;height:auto;display:block;border-radius:6px}

/* artículos */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--ink);padding-top:28px}
.post{display:grid;gap:12px;align-content:start}
.post .meta{font-size:13px;color:var(--muted)}
.post h3{font-size:22px;font-weight:500;letter-spacing:-.015em;line-height:1.25}
.post:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.post p{font-size:15px;line-height:1.6;color:var(--muted)}
.article{max-width:720px}
.article .meta{font-size:14px;color:var(--muted);margin:20px 0 40px}
.article h2{font-size:26px;font-weight:500;letter-spacing:-.02em;margin:44px 0 14px}
.article p,.article li{font-size:18px;line-height:1.7;color:#35323B}
.article p+p{margin-top:18px}
.article ul{margin:18px 0 0 22px;display:grid;gap:10px}

/* contacto */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.form label{display:grid;gap:8px;font-size:14px;font-weight:500}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{font:400 16px var(--sans);color:var(--ink);padding:14px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
.form textarea{min-height:120px;resize:vertical}
.form .btn{justify-self:start}
.ok-msg{grid-column:1/-1;font-size:16px;color:var(--ok)}

/* cierre */
.close{position:relative;overflow:hidden;margin-top:140px;background:var(--night);color:#fff;padding-top:120px;padding-bottom:120px}
.close .h2{max-width:13ch}
.close p{margin-top:20px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.72);max-width:44ch}
.close .btn{margin-top:30px}
.close svg.arc{position:absolute;right:0;top:0;height:100%;width:min(50vw,720px);pointer-events:none}
.close.pre .w{opacity:0}.close.in .w{animation:wl 1.1s ease var(--d) both}
@keyframes wl{from{opacity:0}to{opacity:1}}
.close .h2,.close p,.close .btn{position:relative}

/* pie */
.foot{padding-top:56px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.5fr));gap:40px;font-size:14.5px}
.foot .brand img{height:24px}
.foot p{margin-top:16px;color:var(--muted);line-height:1.6;max-width:44ch}
.foot .f-h{font-size:13px;font-weight:500;color:var(--muted);margin-bottom:12px}
.foot ul{list-style:none;display:grid;gap:9px}
.foot ul a:hover{text-decoration:underline;text-underline-offset:3px}
.foot .legal{grid-column:1/-1;max-width:none;border-top:1px solid var(--hair);padding-top:20px;font-size:13px;color:var(--muted)}

@media (max-width:1100px){.nav .links{gap:22px;font-size:14.5px}}
@media (max-width:980px){
  :root{--gut:max(20px, env(safe-area-inset-left, 0px));--gut-r:max(20px, env(safe-area-inset-right, 0px))}
  .nav .links,.nav .cta{display:none}.menu-btn{display:inline-flex}
  .hero{height:auto;min-height:0;max-height:none;padding-bottom:40px}
  .hero svg.scene{position:relative;display:block;height:64vh;min-height:440px}
  #chips{display:none}
  .hero-copy{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:18px;margin-top:-140px;padding-left:var(--gut);padding-right:var(--gut-r)}
  .hero-copy .btn{width:100%}
  .mchip{display:block;position:absolute;z-index:3;left:var(--gut);top:118px;width:240px;background:#fff;color:var(--ink);border:1.5px solid var(--violet);border-radius:12px;padding:12px 14px}
  .mchip b{display:block;color:var(--violet);font-size:13px;font-weight:600}.mchip span{display:block;font-size:13px;color:#4A4652;margin-top:3px}
  .mchip div{display:flex;gap:6px;margin-top:10px}.mchip i{font-style:normal;font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--hair)}
  .mchip i.ok{background:var(--violet);color:#fff;border-color:var(--violet)}
  .facts{grid-template-columns:1fr 1fr}.facts div{padding:22px 12px 22px 0}.facts div+div{padding-left:0;border-left:0}.facts div:nth-child(even){padding-left:16px;border-left:1px solid var(--hair)}.facts div:nth-child(n+3){border-top:1px solid var(--hair)}
  .facts b{font-size:28px}
  .sec{padding-top:80px}
  .sec-head,.split,.two,.page-hero .grid{grid-template-columns:1fr;gap:20px}
  .two{gap:32px}
  .row{grid-template-columns:1fr auto;gap:4px 12px}.row .tk{grid-column:1/-1}.row .mini{grid-row:1;grid-column:2}
  .row.ask{margin:0 -16px;padding:13px 16px}.panel{padding:18px 16px 8px}
  .fams,.cards,.posts{grid-template-columns:1fr}.cards .card:nth-child(even){padding-left:0;border-left:0}.card{padding-right:0}
  .steps{grid-template-columns:1fr;gap:28px}
  .page-hero{padding-top:130px;padding-bottom:40px}
  .form{grid-template-columns:1fr}
  .close{margin-top:96px;padding-top:80px;padding-bottom:300px}
  .close svg.arc{top:auto;bottom:0;height:300px;width:100%}
  .foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Detalle de monitores (Opera) */
.fig.crop svg{aspect-ratio:1560/640;height:auto}
/* Empresa: origen */
.origin{background:var(--night);color:#fff;border-radius:6px;padding:56px 48px 44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.o-num b{display:block;font-size:clamp(40px,4.6vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1}
.o-num span{display:block;margin-top:14px;color:rgba(255,255,255,.66);font-size:15.5px;line-height:1.5;max-width:28ch}
.o-list{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:15px;color:rgba(255,255,255,.8);display:flex;flex-wrap:wrap;align-items:center;gap:10px 0}
.o-list i{width:4px;height:4px;border-radius:50%;background:var(--violet);margin:0 14px}
/* Seguridad: registro */
.log .lrow{display:grid;grid-template-columns:70px 200px minmax(0,1fr) 230px;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hair);font-size:14.5px}
.log .lrow:last-child{border-bottom:0}
.log .lrow.head{font-size:12.5px;color:var(--muted);padding:12px 0 8px}
.log .h{font-variant-numeric:tabular-nums;color:var(--muted)}.log .nm{font-weight:500}.log .tk{color:var(--muted)}.log .who{font-size:13.5px;color:var(--ink)}
/* Cómo empezar: informe */
.report{margin-top:36px;border:1px solid var(--hair);border-radius:14px;background:var(--mist);padding:22px 24px;max-width:480px}
.r-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--hair);margin-bottom:8px}
.r-top span{font-size:13px;color:var(--muted)}
.bar{display:grid;grid-template-columns:118px minmax(0,1fr) 46px;gap:12px;align-items:center;padding:8px 0;font-size:14px}
.bar i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#BDB8C4 var(--v),transparent var(--v))}
.bar.on i{background:linear-gradient(90deg,var(--violet) var(--v),transparent var(--v))}
.bar em{font-style:normal;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.r-leg{margin-top:10px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
/* Recursos */
.cover{border-radius:6px;overflow:hidden;line-height:0}.cover svg{width:100%;height:auto;display:block}
.post .cover{margin-bottom:8px;transition:transform .3s ease}.post:hover .cover{transform:translateY(-3px)}
.article{max-width:760px;margin:0 auto}
.cover.big{margin:44px 0 8px}
.a-body{margin-top:36px}
.a-cta{margin-top:56px;border-top:1px solid var(--ink);padding-top:24px;display:grid;gap:8px}
.a-cta b{font-size:19px;font-weight:500}.a-cta p{color:var(--muted);font-size:16px}.a-cta .link{justify-self:start;margin-top:6px}
@media (max-width:980px){
  .origin{grid-template-columns:1fr;padding:36px 24px;gap:28px}
  .log .lrow{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}.log .lrow .tk,.log .lrow .who,.log .lrow .st{grid-column:2}.log .lrow.head{display:none}
  .bar{grid-template-columns:96px minmax(0,1fr) 40px}
}

/* ===== v9: menú desplegable ===== */
.nav .links{gap:4px;align-items:center}
.nav .links a,.nav .links .dd-btn{opacity:1}
.dd-btn,.nav .links .nl{font:inherit;font-size:15px;color:inherit;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;opacity:.86;transition:background .2s,opacity .2s}
.dd-btn svg{width:9px;height:6px;transition:transform .2s}
.dd-btn:hover,.nav .links .nl:hover,.dd-btn[aria-expanded="true"]{opacity:1;background:rgba(127,120,140,.12)}
.dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd-btn.is-cur,.nav .links .nl.is-cur{opacity:1;font-weight:500}
.dd-panel{position:fixed;left:0;right:0;top:var(--nav-h,76px);padding:0 var(--gut-r) 0 var(--gut);color:var(--ink);z-index:19}
.dd-panel[hidden]{display:none}
.dd-inner{background:#fff;border:1px solid var(--hair);border-radius:18px;box-shadow:0 24px 60px -24px rgba(23,21,27,.28);padding:14px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;max-width:980px;margin:6px auto 0;animation:ddin .18s ease both}
@keyframes ddin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dd-main{display:grid;gap:2px;align-content:start}
.dd-item{display:grid;gap:3px;padding:14px 16px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:var(--mist)}
.dd-item b{font-weight:500;font-size:15.5px}.dd-item span{font-size:13.5px;color:var(--muted);line-height:1.45}
.dd-col{padding:6px}
.dd-h{display:block;font-size:12.5px;color:var(--muted);margin:8px 10px 10px}
.dd-mini{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dd-mini a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;font-size:14px}
.dd-mini a:hover{background:var(--mist)}
.dd-mini i{width:6px;height:6px;border-radius:50%;background:var(--violet);flex:none}
.dd-card{display:flex;flex-direction:column;gap:10px;background:var(--night);color:#fff;border-radius:14px;padding:22px;justify-content:flex-end;min-height:220px;background-image:radial-gradient(120% 90% at 100% 0%,rgba(143,53,198,.45),transparent 60%)}
.dd-card .dd-h{color:rgba(255,255,255,.6);margin:0}
.dd-card b{font-weight:400;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.dd-card span{font-size:14px;color:rgba(255,255,255,.7);line-height:1.5}
.dd-card .dd-go{color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,.4);align-self:flex-start;padding-bottom:2px}
.dd-card--light{background:var(--mist);color:var(--ink);background-image:none}
.dd-card--light .dd-h,.dd-card--light span{color:var(--muted)}
.nav.dd-open{background:rgba(255,255,255,.97);color:var(--ink);border-bottom-color:var(--hair)}
.nav.dd-open .brand .on-dark{display:none}.nav.dd-open .brand .on-light{display:block}
.nav.dd-open .cta{background:var(--ink);color:#fff}
.sheet{overflow-y:auto}
.sheet nav{gap:22px}
.sh-g{display:grid}
.sh-g p{font-size:13px;color:var(--muted);margin-bottom:4px}
.sheet nav .sh-g a{font-size:22px;padding:9px 0}

/* pie */
.foot{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,.6fr));padding-top:72px;border-top:1px solid var(--hair)}
.f-brand .btn{padding:13px 20px;font-size:14px}
.foot .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}
.foot .legal nav{display:flex;gap:22px;flex-wrap:wrap}
.foot .legal a:hover{color:var(--ink)}
.close + .foot{border-top:0}

/* encabezado de páginas internas */
.page-hero{padding-top:184px;padding-bottom:72px}
.page-hero .grid{display:block}
.page-hero .grid .h1{max-width:19ch;font-size:clamp(42px,5vw,76px)}
.page-hero .grid .lead{margin-top:28px;font-size:19px;max-width:60ch}
.crumb a{border-bottom:1px solid var(--line)}.crumb a:hover{border-color:var(--ink)}
.sec-head{align-items:start}
.sec-head .lead{padding-top:.5em}
.a-h1{font-size:clamp(36px,4.2vw,58px)}

/* pantallas de producto */
.mock{background:#fff;border:1px solid var(--hair);border-radius:16px;box-shadow:0 30px 60px -36px rgba(23,21,27,.35);overflow:hidden;font-size:14px}
.m-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--hair);background:var(--mist)}
.m-bar i{width:9px;height:9px;border-radius:50%;background:#DCD8E0}
.m-bar span{margin-left:10px;font-size:12.5px;color:var(--muted)}
.m-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 20px 12px}
.m-head b{font-weight:600;font-size:16px}.m-head span{font-size:13px;color:var(--muted)}
.m-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:12px;align-items:center;padding:12px 20px;border-top:1px solid var(--hair)}
.m-row span{min-width:0;overflow-wrap:anywhere}
.m-row>span:not(.st){color:var(--muted)}.m-row>span:nth-child(2){color:var(--ink)}
.m-cols{font-size:12px;color:var(--muted);padding-top:8px;padding-bottom:8px;background:#FCFBFD}
.m-cols span{color:var(--muted)!important}
.st.ask{color:var(--violet);font-weight:500}
.m-row:has(.st.ask){background:linear-gradient(90deg,rgba(143,53,198,.07),rgba(143,53,198,0))}
.mock--big{font-size:15px}.mock--big .m-row{padding:15px 28px}.mock--big .m-head{padding:24px 28px 14px}.mock--big .m-head b{font-size:19px}

/* explorador de puestos */
.explorer{border:1px solid var(--hair);border-radius:22px;background:var(--mist);padding:10px}
.ex-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none}
.ex-tabs::-webkit-scrollbar{display:none}
.ex-tab{flex:none;font:500 14px/1 var(--sans);color:var(--muted);background:transparent;border:0;border-radius:999px;padding:11px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.ex-tab::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--line)}
.ex-tab:hover{color:var(--ink)}
.ex-tab.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(23,21,27,.08)}
.ex-tab.is-on::before{background:var(--violet)}
.ex-pane{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:36px 32px 32px}
.ex-pane[hidden]{display:none}
.ex-pane:not([hidden]){animation:ddin .3s ease both}
.ex-copy h3{font-weight:400;font-size:34px;letter-spacing:-.03em}
.ex-copy p{margin-top:16px;color:var(--muted);line-height:1.6;font-size:16.5px}
.ex-copy dl{margin:22px 0 26px;border-left:2px solid var(--violet);padding-left:14px}
.ex-copy dt{font-size:12.5px;color:var(--violet);font-weight:500}.ex-copy dd{margin-top:3px;font-size:15px}

/* tarjetas */
.pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcard{display:flex;flex-direction:column;gap:8px;border:1px solid var(--hair);border-radius:16px;padding:22px;min-height:200px;transition:border-color .2s,transform .2s}
.pcard:hover{border-color:var(--ink);transform:translateY(-2px)}
.pcard .dot{width:8px;height:8px;border-radius:50%;background:var(--violet)}
.pcard b{font-weight:500;font-size:18px;margin-top:10px}.pcard span:not(.dot){color:var(--muted);font-size:14.5px;line-height:1.55}
.pcard em{margin-top:auto;font-style:normal;font-size:14px;font-weight:500;padding-top:14px}
.sols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sol{display:flex;flex-direction:column;gap:10px;background:var(--night);color:#fff;border-radius:18px;padding:28px;min-height:280px;position:relative;overflow:hidden;transition:transform .25s}
.sol::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(143,53,198,.55),transparent 70%);transition:transform .4s}
.sol:hover{transform:translateY(-3px)}.sol:hover::after{transform:scale(1.25)}
.sol .meta{font-size:13px;color:rgba(255,255,255,.55)}
.sol b{font-weight:400;font-size:28px;letter-spacing:-.025em;margin-top:auto}
.sol span:not(.meta){color:rgba(255,255,255,.7);line-height:1.5}
.sol em{font-style:normal;font-weight:500;font-size:14px;margin-top:8px;border-bottom:1px solid rgba(255,255,255,.35);align-self:flex-start;padding-bottom:2px}
.posts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cards--3 .card:nth-child(even){padding-left:0;border-left:0}
.cards--3 .card+.card{padding-left:28px;border-left:1px solid var(--hair)}
.card h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.card .link{display:inline-block;margin-top:18px}

/* recorrido por escenas */
.story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.story-steps{list-style:none;display:grid}
.story-steps li{padding:30px 0 30px 24px;border-left:2px solid var(--hair);min-height:46vh;display:flex;flex-direction:column;justify-content:center;opacity:.4;transition:opacity .3s,border-color .3s}
.story-steps li.is-on{opacity:1;border-color:var(--violet)}
.story-steps .t{font-size:14px;color:var(--violet);font-weight:500;font-variant-numeric:tabular-nums}
.story-steps h3{font-weight:400;font-size:30px;letter-spacing:-.025em;line-height:1.15;margin-top:8px}
.story-steps p{margin-top:12px;color:var(--muted);line-height:1.6;max-width:44ch}
.story-stage{position:sticky;top:calc(50vh - 190px);display:grid}
.story-stage .scene{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.story-stage .scene.is-on{opacity:1;transform:none}

/* páginas de puesto y soluciones */
.asks{list-style:none;display:grid;gap:10px}
.asks li{border:1px solid rgba(143,53,198,.28);background:rgba(143,53,198,.05);border-radius:12px;padding:16px 18px 16px 44px;position:relative;font-size:16px}
.asks li::before{content:"";position:absolute;left:18px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--violet)}
.io{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin-top:28px;font-size:15px}
.io dt{color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.metric{padding:26px 28px 0 0}.metric+.metric{padding-left:28px;border-left:1px solid var(--hair)}
.metric b{font-weight:400;font-size:24px;letter-spacing:-.02em;line-height:1.2}
.metric p{margin-top:10px;color:var(--muted);line-height:1.6}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:100px}
.pn a{border:1px solid var(--hair);border-radius:16px;padding:22px 24px;display:grid;gap:4px;transition:border-color .2s}
.pn a:hover{border-color:var(--ink)}
.pn span{font-size:13px;color:var(--muted)}.pn b{font-weight:500;font-size:19px}
.pn .r{text-align:right}
.timeline{list-style:none;display:grid}
.timeline li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair);font-size:16.5px}
.timeline .t{color:var(--violet);font-weight:500;font-variant-numeric:tabular-nums}
.plist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plist li{border:1px dashed var(--line);border-radius:12px;padding:16px 18px;font-size:15.5px;color:var(--muted)}

/* manifiesto, prensa, preguntas */
.theses{list-style:none;border-top:1px solid var(--ink)}
.theses li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:44px 0;border-bottom:1px solid var(--hair)}
.theses .n{font-size:15px;color:var(--violet);font-weight:500;padding-top:12px}
.theses h2{font-weight:400;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.03em;line-height:1.1;max-width:22ch}
.theses p{margin-top:16px;font-size:18px;line-height:1.65;color:var(--muted);max-width:60ch}
.prose{display:grid;gap:18px;font-size:17px;max-width:60ch}
.facts--plain{border-top:1px solid var(--ink)}
.brandkit{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bk{border-radius:16px;padding:56px 32px 24px;display:flex;flex-direction:column;gap:40px;align-items:flex-start;border:1px solid var(--hair)}
.bk img{height:34px;width:auto}
.bk.dark{background:var(--night);border-color:var(--night)}.bk.dark .link{color:#fff;border-color:rgba(255,255,255,.35)}
.faqs{display:grid;gap:64px}
.faqg .h3{margin-bottom:18px;font-size:24px;font-weight:400;letter-spacing:-.02em}
.nf{min-height:70vh}

@media (max-width:980px){
  .dd-panel{display:none!important}
  .foot{grid-template-columns:1fr 1fr}.foot .f-brand{grid-column:1/-1}
  .foot .legal{flex-direction:column}
  .page-hero{padding-top:124px;padding-bottom:44px}
  .page-hero .grid .lead{font-size:17px;margin-top:20px}
  .sec-head .lead{padding-top:0}
  .m-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px}
  .m-row>span:nth-child(1),.m-row>span:nth-child(3){display:none}
  .m-row>span:nth-child(2){grid-column:1}
  .m-cols{display:none}
  .mock--big .m-row{padding:13px 16px}.mock--big .m-head{padding:18px 16px 10px}
  .explorer{border-radius:16px;padding:6px}
  .ex-pane{grid-template-columns:1fr;gap:24px;padding:22px 10px 10px}
  .ex-copy h3{font-size:28px}
  .pcards,.sols,.posts--2,.cards--3,.metrics,.brandkit,.plist{grid-template-columns:1fr!important}
  .cards--3 .card+.card{padding-left:0;border-left:0}
  .metric,.metric+.metric{padding:22px 0;border-left:0;border-bottom:1px solid var(--hair)}
  .sol{min-height:210px}
  .story{grid-template-columns:1fr;gap:0}
  .story-stage{display:none}
  .story-steps li{min-height:0;opacity:1;padding:22px 0 22px 18px}
  .story-steps li .scene-m{margin-top:18px}
  .pn{grid-template-columns:1fr;margin-top:64px}
  .theses li{grid-template-columns:1fr;gap:6px;padding:32px 0}
  .theses .n{padding-top:0}
}

@media (min-width:981px){
.story-steps li:first-child{justify-content:flex-start;padding-top:8px;min-height:40vh}
.story-steps li:last-child{min-height:52vh}
.story-stage{top:calc(var(--nav-h,70px) + 40px)}
}
.m-sub{display:none}
@media (max-width:980px){
  .hero-cta .btn{flex:1 1 100%}
  .m-row>span:nth-child(1){display:block!important;color:var(--ink)!important;font-weight:500}
  .m-row>span:nth-child(2),.m-row>span:nth-child(3){display:none!important}
  .m-row .st{grid-column:2;grid-row:1/3;justify-self:end;text-align:right}
  .m-row .m-sub{display:block;grid-column:1;font-size:13px;color:var(--muted)}
  .m-cols{display:none!important}
}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}

/* violeta solo para trabajo de puestos: tarjetas oscuras con fachada mínima */
.sol::after{display:none}
.mini-f{position:absolute;right:24px;top:24px;width:134px;height:auto;opacity:.95}
.sol .mini-f{width:120px}
.dd-card{background-image:none}
.card .link{width:fit-content;justify-self:start}

/* ===== v10: sistema gráfico ===== */
/* escala tipográfica: el título de página manda */
.h2{font-size:clamp(30px,3.3vw,48px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--muted);letter-spacing:.01em;margin-bottom:22px}
.eyebrow::before{content:"";width:18px;height:1.5px;background:var(--violet)}
.eyebrow a{border-bottom:1px solid var(--line)}
.eyebrow--dark{color:rgba(255,255,255,.62)}
.ic{width:20px;height:20px;flex:none}

/* encabezado con gráfico */
.ph{position:relative;overflow:hidden;padding-top:150px;padding-bottom:88px}
.ph--mist{background:var(--mist);border-bottom:1px solid var(--hair)}
.ph--mist::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(23,21,27,.035) 13px 14px);mask-image:linear-gradient(90deg,transparent 35%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 75%);pointer-events:none}
.ph--dark{background:var(--night);color:#fff;padding-bottom:120px}
.ph--dark .eyebrow{color:rgba(255,255,255,.6)}
.ph--dark .lead{color:rgba(255,255,255,.72)}
.ph--dark .lead b{color:#fff}
.ph--dark .night-art{position:absolute;right:0;top:0;height:100%;width:min(46vw,680px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.ph-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ph--dark .ph-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:360px}
.ph-copy .h1{font-size:clamp(40px,4.3vw,66px);max-width:15ch}
.ph-copy .lead{margin-top:24px;font-size:18.5px;max-width:52ch}
.ph-vis{min-width:0}
.ph--dark .ph-vis:empty{display:block}

/* tarjeta base de los gráficos */
.org,.pc,.stepper,.iso,.dayc,.nextc,.presskit,.fcard{background:#fff;border:1px solid var(--hair);border-radius:20px;box-shadow:0 40px 80px -48px rgba(23,21,27,.4)}

/* organigrama */
.org{padding:22px}
.org-top{display:flex;align-items:center;gap:14px;background:var(--night);color:#fff;border-radius:14px;padding:16px 18px;width:fit-content;margin:0 auto}
.org-top .ic{width:26px;height:26px;color:#C9A2EE}
.org-top b{display:block;font-weight:500}.org-top span{font-size:13px;color:rgba(255,255,255,.65)}
.org-rail{height:26px;margin:0 12.5%;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);border-top:1.5px solid var(--line);margin-top:18px;position:relative}
.org-rail::before{content:"";position:absolute;left:50%;top:-19px;height:18px;border-left:1.5px solid var(--line)}
.org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.org-n{display:flex;flex-direction:column;gap:6px;border:1px solid var(--hair);border-radius:12px;padding:12px;min-height:104px;transition:border-color .2s,transform .2s}
.org-n:hover{border-color:var(--ink);transform:translateY(-2px)}
.org-n .ic{color:var(--ink)}
.org-n b{font-weight:500;font-size:13px;line-height:1.25}
.org-n i{font-style:normal;font-size:11.5px;color:var(--ok);margin-top:auto;display:flex;align-items:center;gap:5px}
.org-n i::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.org-n.ask{border-color:rgba(143,53,198,.5);background:rgba(143,53,198,.05)}
.org-n.ask .ic,.org-n.ask i{color:var(--violet)}

/* tarjeta de puesto */
.pc{padding:22px;display:grid;gap:16px}
.pc-top{display:flex;align-items:center;gap:12px}
.pc-ic{width:44px;height:44px;border-radius:12px;background:var(--night);color:#D2AEF2;display:grid;place-items:center}
.pc-ic .ic{width:22px;height:22px}
.pc-top b{display:block;font-weight:500;font-size:17px}.pc-top div span{font-size:13px;color:var(--muted)}
.pc-live{margin-left:auto;font-size:12.5px;color:var(--ok);display:flex;align-items:center;gap:6px;background:rgba(46,122,85,.08);padding:6px 10px;border-radius:999px}
.pc-live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.pc-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-kpi div{background:var(--mist);border-radius:12px;padding:12px 14px}
.pc-kpi span{font-size:12px;color:var(--muted)}.pc-kpi b{display:block;font-weight:500;font-size:14px;margin-top:4px;line-height:1.35}
.pc-h{font-size:12.5px;color:var(--muted);margin-bottom:-6px}
.pc-feed{list-style:none;display:grid}
.pc-feed li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--hair);font-size:13.5px}
.pc-feed .t{color:var(--muted);font-variant-numeric:tabular-nums}
.pc-ask{border-left:2px solid var(--violet);padding:4px 0 4px 12px}
.pc-ask span{font-size:12px;color:var(--violet);font-weight:500}.pc-ask b{display:block;font-weight:400;font-size:14px;margin-top:2px}

/* recorrido de tres etapas */
.stepper{padding:26px}
.stepper-h{font-size:13px;color:var(--muted);margin-bottom:18px}
.stepper ol{list-style:none;display:grid;gap:4px}
.stepper li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:14px;border-radius:14px}
.stepper li.now{background:rgba(143,53,198,.06);outline:1px solid rgba(143,53,198,.3)}
.dotn{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:13.5px;font-weight:500}
.dotn .ic{width:16px;height:16px}
.stepper li.done .dotn{background:var(--ink);color:#fff;border-color:var(--ink)}
.stepper li.now .dotn{border-color:var(--violet);color:var(--violet)}
.stepper b{font-weight:500;font-size:16px}.stepper em{font-style:normal;font-size:13px;color:var(--muted);margin-left:8px}
.stepper p{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.5}
.stepper-bar{height:4px;background:var(--hair);border-radius:4px;margin-top:18px;overflow:hidden}.stepper-bar i{display:block;height:100%;background:var(--violet)}

/* seguridad */
.iso{padding:28px;display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.seal svg{width:150px;height:150px;display:block}
.iso-list{list-style:none;display:grid;gap:16px}
.iso-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:14px;color:var(--muted);line-height:1.5}
.iso-list b{display:block;color:var(--ink);font-weight:500;font-size:15px}

/* un día (soluciones) */
.dayc{padding:22px}
.dayc-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:8px}
.dayc-top b{font-weight:500}.dayc-top span{font-size:13px;color:var(--muted)}
.dayc ol{list-style:none}
.dayc li{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--hair);font-size:14px;line-height:1.45}
.dayc .t{color:var(--violet);font-weight:500;font-variant-numeric:tabular-nums}
.dayc-p{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.dayc-p span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--mist);border-radius:999px;padding:7px 11px}
.dayc-p .ic{width:15px;height:15px}

/* contacto */
.nextc{padding:24px;margin-top:36px;max-width:460px}
.nextc-h{font-size:13px;color:var(--muted);margin-bottom:10px}
.nextc ol{list-style:none}
.nextc li{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--hair);font-size:15px;line-height:1.45}
.nextc .t{color:var(--violet);font-weight:500}

/* recursos, prensa, preguntas */
.feat{display:grid;gap:10px;background:#fff;border:1px solid var(--hair);border-radius:20px;padding:14px 14px 22px;box-shadow:0 40px 80px -48px rgba(23,21,27,.4);transition:transform .25s}
.feat:hover{transform:translateY(-3px)}
.feat .meta{font-size:13px;color:var(--muted);padding:0 8px}.feat b{font-weight:500;font-size:20px;letter-spacing:-.01em;padding:0 8px;line-height:1.3}
.presskit{background:var(--night);border-color:var(--night);padding:64px 40px;display:grid;gap:22px;justify-items:start}
.presskit img{height:40px;width:auto}.presskit span{color:rgba(255,255,255,.6);font-size:14px}
.qcloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.qcloud span{background:#fff;border:1px solid var(--hair);border-radius:999px;padding:13px 18px;font-size:15px;box-shadow:0 10px 30px -20px rgba(23,21,27,.35)}
.qcloud span:nth-child(3n+2){transform:translateX(-24px)}.qcloud span:nth-child(3){border-color:rgba(143,53,198,.45);color:var(--violet)}

/* fachada de 45 puestos */
.fcard{background:var(--night);border-color:#1E1B24;padding:22px 22px 18px}
.f45{display:block;width:100%;height:auto}
.f45 .fw.on rect{transition:opacity .2s}.f45 a.fw:hover rect:last-child{filter:brightness(1.2)}
.fcard-leg{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:rgba(255,255,255,.65)}
.fcard-leg span{display:flex;align-items:center;gap:8px}
.fcard-leg i{width:14px;height:10px;border-radius:2px;background:#2A2630}.fcard-leg i.lit{background:linear-gradient(#C27AF2,#7A2BB5)}

/* bandas de fondo */
.band-mist{background:var(--mist);padding-bottom:110px;margin-top:120px;padding-top:100px}
.band-mist + .sec{padding-top:110px}
.band-night{background:var(--night);color:#fff;padding-top:110px;padding-bottom:110px;margin-top:120px}
.band-night .lead{color:rgba(255,255,255,.72)}
.band-night .steps{border-top-color:rgba(255,255,255,.4)}
.band-night .steps .n{border-color:rgba(255,255,255,.5)}
.band-night .steps p{color:rgba(255,255,255,.65)}
.band-night + .sec,.band-night + .close{margin-top:0}
.bn-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
.bn-grid .fcard{box-shadow:none;border-color:#25212B}
.close{margin-top:0}
main > section:last-of-type.close{margin-top:140px}
.sec + .close,.band-mist + .close,.wrap + .close{margin-top:140px}

/* plantilla en 8 áreas */
.fams--8{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.fam h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fam h3 span{font-size:12.5px;color:var(--muted);font-weight:400}
.fam li.on a{border-bottom:1px solid var(--line)}.fam li.on a:hover{border-color:var(--ink)}

/* íconos en tarjetas, menú y pestañas */
.pcard-ic,.card-ic{width:42px;height:42px;border-radius:12px;background:var(--mist);display:grid;place-items:center;color:var(--ink)}
.pcard:hover .pcard-ic{background:var(--night);color:#D2AEF2}
.card-ic{margin-bottom:16px}
.dd-mini a .ic{width:16px;height:16px;color:var(--violet);flex:none;box-sizing:content-box;padding:7px;border-radius:9px;background:rgba(143,53,198,.08);transition:background .15s,color .15s}
.dd-mini a:hover .ic{background:var(--violet);color:#fff}
.dd-mini a{font-weight:450;line-height:1.3;padding:7px 10px}
.dd-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.32fr);max-width:1040px}
.ex-tab::before{display:none}
.ex-tab .ic{width:17px;height:17px;color:var(--line)}
.ex-tab.is-on .ic{color:var(--violet)}

@media (max-width:980px){
  .ph{padding-top:112px;padding-bottom:52px}
  .ph-in,.ph--dark .ph-in{grid-template-columns:1fr;gap:36px;min-height:0}
  .ph--dark{padding-bottom:300px}
  .ph--dark .night-art{top:auto;bottom:0;height:260px;width:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}
  .ph--mist::before{display:none}
  .org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .org-rail{margin:14px 25% 0}
  .iso{grid-template-columns:1fr;justify-items:start}
  .qcloud{justify-content:flex-start}.qcloud span:nth-child(3n+2){transform:none}
  .bn-grid{grid-template-columns:1fr;gap:40px}
  .band-mist,.band-night{margin-top:80px;padding-top:72px;padding-bottom:72px}
  .fams--8{grid-template-columns:1fr 1fr!important}
  .presskit{padding:40px 24px}
}
@media (max-width:560px){ .fams--8{grid-template-columns:1fr!important} .pc-kpi{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){.pc-live i{animation:none}}

.ph + .wrap,.ph + section:not(.sec):not(.band-mist):not(.band-night){padding-top:96px}
.ph + .sec{padding-top:110px}
.ph + .band-mist{margin-top:0}
.page-hero .grid[style]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.origin{background:var(--mist);color:var(--ink)}
.origin .o-num span{color:var(--muted)}
.origin .o-list{color:var(--ink);border-top-color:var(--hair)}
.pc-feed li{grid-template-columns:minmax(48px,auto) minmax(0,1fr) auto}
@media (max-width:980px){.page-hero .grid[style]{grid-template-columns:1fr;gap:32px}.ph + .wrap,.ph + section:not(.sec):not(.band-mist):not(.band-night){padding-top:64px}.ph + .sec{padding-top:72px}}
.form{background:var(--mist);border:1px solid var(--hair);border-radius:20px;padding:30px}
.form input,.form select,.form textarea{background:#fff}
@media (max-width:980px){
  .form{padding:20px}
  .mchip{top:auto!important;bottom:auto;left:auto!important;right:var(--gut-r);top:calc(max(64vh,440px) - 150px)!important;width:228px!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
}
@media (max-width:980px){ .mchip{top:96px!important;width:206px!important;padding:10px 12px!important} .mchip span{font-size:12px!important} }
.band-mist + .band-night,.band-night + .band-mist{margin-top:0}

/* ===== v11: caber en pantalla y no repetir ===== */
.fig > svg{height:min(56.25vw, calc(100svh - 330px));min-height:380px;width:100%}
.fig-tall img{max-height:calc(100svh - 160px);width:100%;object-fit:cover}
.two{align-items:center}
@media (max-height:820px) and (min-width:981px){
  .row{padding:9px 0}.panel-top{padding-bottom:10px}
  .ex-pane{padding:24px 28px 22px}.m-row{padding:10px 20px}
  .sec-head{margin-bottom:28px}
}
.ph--ink{background:var(--ink);color:#fff}
.ph--ink .eyebrow{color:rgba(255,255,255,.6)}.ph--ink .lead{color:rgba(255,255,255,.72)}
.bignum{display:grid;gap:10px;justify-items:end;text-align:right}
.bignum b{font-weight:300;font-size:clamp(120px,14vw,220px);line-height:.85;letter-spacing:-.06em;background:linear-gradient(180deg,#C27AF2,#7A2BB5);-webkit-background-clip:text;background-clip:text;color:transparent}
.bignum span{color:rgba(255,255,255,.6);max-width:22ch}
.paths{list-style:none;display:grid;gap:10px}
.paths li{display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px 24px;font-size:20px;letter-spacing:-.01em}
.paths i{font-style:normal;font-size:13px;color:#C9A2EE}
/* áreas de la plantilla (portada) */
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.at{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:132px}
.at b{font-weight:500;font-size:15px;line-height:1.25}.at span{font-size:12.5px;color:rgba(255,255,255,.55)}
.at-d{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}
.at-d i{width:12px;height:8px;border-radius:2px;background:#2A2630}.at-d i.on{background:linear-gradient(#C27AF2,#7A2BB5);box-shadow:0 0 8px rgba(162,77,219,.6)}
/* íconos en tarjetas de soluciones */
.sol-ics{position:absolute;right:24px;top:24px;display:flex;gap:6px}
.sol-ics .ic{width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(255,255,255,.07);color:#D2AEF2}
/* cierres sin fachada */
.close--plain{background:var(--ink)}
.close--ui .close-ui{position:absolute;right:var(--gut-r);top:50%;transform:translateY(-50%);width:min(40vw,500px);display:grid;gap:10px}
.cu{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px;color:#fff;backdrop-filter:blur(6px)}
.cu-1{margin-right:56px;opacity:.55}.cu-2{margin-right:28px;opacity:.78}
.cu-3{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 30px 60px -20px rgba(143,53,198,.55)}
.cu-ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#D2AEF2;flex:none}
.cu-3 .cu-ic{background:var(--night)}
.cu b{display:block;font-weight:500;font-size:15px}.cu span{font-size:13px;opacity:.7}
.cu > i{margin-left:auto;font-style:normal;font-size:12.5px;color:#7FD3A6}
.cu em{display:flex;gap:6px;margin-top:10px;font-style:normal}
.cu u,.cu s{text-decoration:none;font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:999px}
.cu u{background:var(--violet);color:#fff}.cu s{border:1px solid var(--hair)}
@media (max-width:980px){
  .fig > svg{height:auto;min-height:0}
  .areas{grid-template-columns:1fr 1fr}
  .close--ui{padding-bottom:80px;display:flex;flex-direction:column;align-items:flex-start}.close--ui .close-ui{order:9;position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:48px}
  .close--plain{padding-bottom:80px}
  .bignum{justify-items:start;text-align:left}
  .cu-1,.cu-2{margin-right:0}
}
.close-list{position:absolute;right:var(--gut-r);top:50%;transform:translateY(-50%);list-style:none;display:grid;gap:10px;width:min(36vw,440px)}
.close-list li{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;font-size:17px}
.close-list .ic{color:#C9A2EE}
@media (max-width:980px){.close-list{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:36px}}

.foot{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.6fr))}
@media (max-width:980px){.foot{grid-template-columns:1fr 1fr}}

/* ===== v13: primera pantalla sin espacio muerto ===== */
.ph{padding-top:128px;padding-bottom:72px}
.ph-in{align-items:start}
.ph-copy{padding-top:8px}
.ph--dark .ph-in,.ph--ink .ph-in{align-items:center}
.page-hero{padding-top:128px;padding-bottom:56px}
/* contacto: todo el formulario en la primera pantalla */
.page-hero .grid[style]{align-items:start;gap:56px}
.page-hero .grid[style] .h1{font-size:clamp(40px,4.2vw,64px)}
.page-hero .grid[style] .lead{font-size:17.5px;margin-top:18px!important}
.nextc{margin-top:28px;padding:18px 20px;box-shadow:none;background:var(--mist)}
.nextc li{padding:0 0 18px;font-size:14.5px;grid-template-columns:26px 1fr;gap:14px;border-top:0;position:relative}
.nextc li:last-child{padding-bottom:0}
.nextc li:not(:last-child)::before{content:"";position:absolute;left:12.5px;top:30px;bottom:4px;width:1px;background:rgba(143,53,198,.25)}
.nextc li i{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid rgba(143,53,198,.35);color:var(--violet);font-style:normal;font-size:12.5px;font-weight:500;display:grid;place-items:center}
.nextc li b{display:block;font-weight:500;color:var(--ink);line-height:26px}
.nextc li p{color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}
.nextc-h{font-weight:500;color:var(--ink);font-size:14px;margin-bottom:16px}
.form{gap:12px 16px;padding:24px 26px}
.form label{gap:6px}
.form input,.form select{height:44px}
.form textarea{min-height:76px;height:76px}
@media (max-width:980px){.ph{padding-top:104px;padding-bottom:48px}.page-hero{padding-top:104px}}
.form input,.form select{padding:10px 12px}.form textarea{padding:10px 12px}

/* ===== v14: video y fotos ===== */
.vbox{position:absolute;inset:0;overflow:hidden;background:var(--night)}
.sync-v{position:absolute;left:0;top:0;width:1920px;height:1080px;max-width:none;transform-origin:0 0;pointer-events:none}
video.sync-v{opacity:0;transition:opacity .8s ease}video.sync-v.on{opacity:1}
.fig-v{position:relative;overflow:hidden;border-radius:6px;background:var(--night)}
.fig-v > svg{position:relative}
.photo{margin:0;border-radius:18px;overflow:hidden;background:var(--mist)}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.ph-vis .photo{aspect-ratio:4/3;max-height:calc(100svh - 220px);box-shadow:0 40px 80px -48px rgba(23,21,27,.45)}
.ph--ink .ph-vis .photo{box-shadow:none}
.photo--tall{aspect-ratio:4/5;max-height:calc(100svh - 180px);margin-top:32px;max-width:440px}
.photo--side{aspect-ratio:16/10;margin-top:32px;max-width:560px}
.band-photo{padding-top:24px}
.band-photo .photo{aspect-ratio:21/8;max-height:calc(100svh - 200px)}
.close--photo{background:#0B0A0F}
.close-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;pointer-events:none}
.close--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,15,.85) 0%,rgba(11,10,15,.35) 45%,rgba(11,10,15,0) 70%);pointer-events:none}
.close--photo > *:not(.close-photo){position:relative;z-index:1}
@media (max-width:980px){
  .vbox{bottom:auto;height:max(64vh,440px)}
  .ph-vis .photo{aspect-ratio:4/3;max-height:none}
  .photo--tall,.photo--side{max-width:none}
  .band-photo .photo{aspect-ratio:16/10;max-height:none}
  .close--photo{padding-bottom:260px}
  .close-photo{object-position:72% center}
  .close--photo::after{background:linear-gradient(180deg,rgba(11,10,15,.9) 0%,rgba(11,10,15,.6) 50%,rgba(11,10,15,.1) 100%)}
}
.ph--ink .ph-in{align-items:start}

/* Puestos: estructura de gobierno */
.gm{background:#fff;border:1px solid var(--hair);border-radius:20px;box-shadow:0 40px 80px -48px rgba(23,21,27,.4);padding:22px}
.gm-row{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}
.gm-k{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.gm-box{display:flex;align-items:center;gap:14px;border-radius:14px;padding:14px 16px}
.gm-box .ic{width:24px;height:24px;flex:none}
.gm-box b{display:block;font-weight:500;font-size:15.5px}.gm-box span{font-size:13px;color:var(--muted)}
.gm-you{border:1px solid rgba(143,53,198,.4);background:rgba(143,53,198,.05)}.gm-you .ic{color:var(--violet)}
.gm-mgr{background:var(--night);color:#fff}.gm-mgr span{color:rgba(255,255,255,.62)}.gm-mgr .ic{color:#C9A2EE}
.gm-link{display:grid;grid-template-columns:76px 1fr;gap:14px;height:18px}
.gm-link i{grid-column:2;width:1.5px;background:var(--line);justify-self:center}
.gm-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gm-a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--hair);border-radius:12px;padding:10px 11px;min-height:78px}
.gm-a .ic{width:18px;height:18px;color:var(--ink)}
.gm-a b{font-weight:500;font-size:12.5px;line-height:1.25}
.gm-foot{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--muted)}
.gm-foot span{display:inline-flex;align-items:center;gap:6px}.gm-foot .ic{width:15px;height:15px;color:var(--violet)}
@media (max-width:980px){.gm-row,.gm-link{grid-template-columns:1fr}.gm-k{margin-bottom:-6px}.gm-link i{grid-column:1}.gm-areas{grid-template-columns:1fr 1fr}}

/* ===== Seguridad: centro de confianza ===== */
.tc{background:#fff;border:1px solid var(--hair);border-radius:20px;box-shadow:0 40px 80px -48px rgba(23,21,27,.4);padding:22px}
.tc-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--hair)}
.tc-top b{display:block;font-weight:500;font-size:16px}.tc-top span{font-size:13px;color:var(--muted)}
.tc-badge{width:58px;height:58px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;text-align:center;font-size:9.5px;line-height:1.1;letter-spacing:.04em;flex:none;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line)}
.tc-badge b{font-size:14px;letter-spacing:0;font-weight:600}
.tc-list{list-style:none;display:grid;gap:2px;margin-top:10px}
.tc-list li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:9px 0;font-size:14px}
.tc-list li span{display:flex;align-items:center;gap:10px}.tc-list .ic{width:17px;height:17px;color:var(--muted)}
.tc-list i{font-style:normal;font-size:12.5px;color:var(--ok);font-variant-numeric:tabular-nums}
.tc-list u{grid-column:1/-1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--ok) var(--v),var(--hair) var(--v));text-decoration:none}
.tc-foot{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;color:var(--muted)}
.tc-foot i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-in-out infinite}
.seal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hair)}
.seal-strip div{padding:28px 24px 28px 0}.seal-strip div+div{padding-left:24px;border-left:1px solid var(--hair)}
.seal-strip b{display:block;font-weight:400;font-size:26px;letter-spacing:-.02em}.seal-strip span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:f}
.flow li{position:relative;border:1px solid var(--hair);border-radius:16px;padding:20px;display:grid;gap:8px;align-content:start;background:#fff}
.flow{position:relative}.flow::before{content:"";position:absolute;left:24px;right:24px;top:40px;height:1.5px;background:var(--line)}
.flow li:nth-child(3){border-color:rgba(143,53,198,.45);background:rgba(143,53,198,.04)}
.fl-ic{width:40px;height:40px;border-radius:12px;background:var(--mist);display:grid;place-items:center}
.flow li:nth-child(3) .fl-ic{background:var(--violet);color:#fff}
.flow b{font-weight:500;font-size:16px;margin-top:6px}.flow p{font-size:14px;color:var(--muted);line-height:1.5}
.ctl-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ctl-nav a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hair);border-radius:999px;padding:9px 14px;font-size:14px;transition:border-color .2s}
.ctl-nav a:hover{border-color:var(--ink)}.ctl-nav .ic{width:16px;height:16px}
.ctls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ctl{border:1px solid var(--hair);border-radius:18px;padding:22px;scroll-margin-top:100px}
.ctl header{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.ctl-ic{width:42px;height:42px;border-radius:12px;background:var(--night);color:#D2AEF2;display:grid;place-items:center;flex:none}
.ctl h3{font-weight:500;font-size:18px}.ctl header p{font-size:14px;color:var(--muted);margin-top:2px}
.ctl em{margin-left:auto;font-style:normal;font-size:12px;color:var(--ok);background:rgba(46,122,85,.08);border-radius:999px;padding:5px 10px;white-space:nowrap}
.ctl ul{list-style:none;display:grid}
.ctl li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--hair)}
.ctl li:last-child{border-bottom:0;padding-bottom:0}
.ok-c{width:20px;height:20px;border-radius:50%;background:rgba(46,122,85,.12);color:var(--ok);display:grid;place-items:center;margin-top:1px}
.ok-c .ic{width:12px;height:12px;stroke-width:2.4}
.ctl li b{font-weight:500;font-size:15px}.ctl li p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:2px}
.laws{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.laws li{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;display:grid;gap:4px}
.laws b{font-weight:500}.laws span{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.4}
.docs{list-style:none;display:grid}
.docs li{display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hair)}
.docs li:first-child{padding-top:0}.docs .ic{color:var(--violet)}
.docs b{display:block;font-weight:500}.docs span{font-size:14px;color:var(--muted)}
@media (max-width:980px){
  .seal-strip{grid-template-columns:1fr 1fr}.seal-strip div:nth-child(3){padding-left:0;border-left:0}.seal-strip div{border-top:1px solid var(--hair)}
  .flow{grid-template-columns:1fr}.flow::before{left:40px;right:auto;top:24px;bottom:24px;width:1.5px;height:auto}
  .ctls,.laws{grid-template-columns:1fr}
  .ctl em{display:none}
}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.fbtn{font:500 14px/1 var(--sans);border:1px solid var(--hair);background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;cursor:pointer}
.fbtn:hover{border-color:var(--ink)}.fbtn.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.post[hidden]{display:none}

/* Portada: problemas y puestos */
.pbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pb{border:1px solid var(--hair);border-radius:18px;padding:22px 24px;display:grid;gap:14px;align-content:start;background:#fff;transition:border-color .2s}
.pb:hover{border-color:var(--line)}
.pb-a{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pb h3{font-weight:400;font-size:21px;line-height:1.3;letter-spacing:-.015em}
.pb-s{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding-top:14px;border-top:1px solid var(--hair)}
.pb-ic{width:36px;height:36px;border-radius:10px;background:var(--night);color:#D2AEF2;display:grid;place-items:center}
.pb-ic .ic{width:18px;height:18px}
.pb-s b{font-weight:500;font-size:15px}.pb-s p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:2px}
@media (max-width:980px){.pbs{grid-template-columns:1fr}.pb h3{font-size:19px}}
.hero-copy .side p.hero-sub{font-size:19px;line-height:1.45;max-width:30ch}
.hero-copy .side p.hero-sub b{display:block;margin-bottom:6px}
@media (max-width:980px){.hero-copy .side p.hero-sub{font-size:17px}}
.hero-copy .side p.hero-sub b{margin-bottom:0}
.kicker{font-size:clamp(22px,2.2vw,30px);font-weight:300;letter-spacing:-.02em;line-height:1.25;color:var(--violet);max-width:30ch;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.ex-copy p.ex-ben{color:var(--ink);font-size:18px;font-weight:500;line-height:1.45}
@media (max-height:760px) and (min-width:981px){.ex-pane{padding:18px 24px 16px;gap:36px}.ex-copy dl{margin:14px 0 16px}.explorer .mock .m-row{padding:8px 20px}}

/* ===== v24: portada, los puestos trabajan ===== */
.act{opacity:0;transition:opacity .5s ease}
.act.on{animation:wk 1.6s ease-in-out infinite}
@keyframes wk{0%,100%{opacity:.35}50%{opacity:.85}}
#chips .chip > *{transition:opacity .45s ease}
#chips .chip.dim > *{opacity:.7}
#chips .chip.off > *{opacity:0}
.hcard{position:absolute;z-index:3;left:0;top:0;width:272px;background:#fff;color:var(--ink);border-radius:12px;padding:12px 14px 13px;
  box-shadow:0 22px 48px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.4);border-left:3px solid var(--violet);
  opacity:0;transform:translateY(6px) scale(.98);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none;font-family:Geist,sans-serif}
.hcard.in{opacity:1;transform:none}
.hc-h{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--violet)}
.hc-h b{font-weight:600}
.hc-h i{width:7px;height:7px;border-radius:50%;background:var(--violet);flex:none}
.hcard[data-st=work] .hc-h i,.hcard[data-st=ask] .hc-h i{animation:pulse 1.1s ease-in-out infinite}
.hcard[data-st=done] .hc-h i{background:var(--ok)}
.hc-t{font-size:14px;line-height:1.4;margin-top:5px;color:var(--ink)}
.hc-s{margin-top:10px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:22px}
.hc-bar{position:relative;flex:none;width:56px;height:3px;border-radius:2px;background:var(--hair);overflow:hidden}
.hc-bar u{position:absolute;inset:0;background:var(--violet);transform-origin:left;animation:fill 1.8s cubic-bezier(.4,0,.2,1) both}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hc-ok{flex:none;width:18px;height:18px;border-radius:50%;background:rgba(46,122,85,.12);color:var(--ok);display:grid;place-items:center}
.hc-ok svg{width:12px;height:12px}
.hcard[data-st=done] .hc-s{color:var(--ink);font-weight:500;animation:rise .35s ease both}
.hc-q{color:var(--violet);font-weight:500;width:100%}
.hc-btns{display:flex;gap:6px}
.hc-btns em{font-style:normal;font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--hair);color:var(--ink);transition:transform .2s ease,background .2s ease}
.hc-btns em.ok{background:var(--violet);border-color:var(--violet);color:#fff}
.hc-btns em.ok.press{transform:scale(.94);background:var(--violet-deep)}
.hc-line{position:absolute;z-index:2;height:1px;background:rgba(255,255,255,.8);transform-origin:0 50%;opacity:0;transition:opacity .4s ease;pointer-events:none}
.hc-line.in{opacity:1}
.hc-line::before{content:"";position:absolute;left:-3px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:#fff}
@media (max-width:980px){
  .hcard{left:auto!important;top:96px!important;right:var(--gut-r);width:236px;padding:10px 12px 11px}
  .hc-t{font-size:13px}
  .hc-line{display:none}
}
@media (prefers-reduced-motion:reduce){.hcard{opacity:1;transform:none}.act.on{opacity:.6}}
.hcard:not([data-st=ask]) .hc-s{flex-wrap:nowrap}
.hc-s>span:last-child:not(.hc-btns){flex:1;min-width:0}
.hc-tag{margin-left:auto;font-style:normal;font-size:11px;font-weight:500;letter-spacing:.01em;padding:2px 8px;border-radius:999px;background:var(--mist);color:var(--muted);border:1px solid var(--hair);opacity:0;transition:opacity .3s ease}
.hc-tag:not(:empty){opacity:1}
.hcard.ask .hc-tag{background:rgba(143,53,198,.08);color:var(--violet);border-color:rgba(143,53,198,.25)}
.hcard{width:292px}.hc-h b{white-space:nowrap}
@media (max-width:980px){.hcard{width:262px}.hc-tag{font-size:10.5px;padding:1px 7px}}
.kicker{display:flex;align-items:center;gap:12px;font-size:clamp(16px,1.25vw,18px);font-weight:500;letter-spacing:0;line-height:1.4;color:var(--violet);max-width:none;margin:0 0 20px;padding:0;border:0}
.kicker::before{content:"";flex:none;width:22px;height:1.5px;background:var(--violet)}
.kicker{align-items:flex-start}.kicker::before{margin-top:.7em}

/* ===== v27: problemas como lista, sin tarjetas ni títulos de más ===== */
.facts b{font-size:clamp(24px,2vw,28px);font-weight:400}
.facts div{padding:24px 24px 24px 0}
.sec--pb{padding-top:88px}
.pbx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.pbx-head{position:sticky;top:calc(var(--nav-h,72px) + 32px)}
.pbx-head .h2{max-width:14ch}
.pbx-head .lead{margin-top:20px;max-width:40ch}
.pbx-head .lead b{color:var(--ink);font-weight:500}
.pbx-head .more{margin-top:20px}
.pbl{list-style:none;border-top:1px solid var(--hair)}
.pbl li{border-bottom:1px solid var(--hair)}
.pbl a{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;padding:18px 12px;margin:0 -12px;border-radius:10px;transition:background .2s}
.pbl a:hover{background:var(--mist)}
.pbl p{font-size:17px;line-height:1.45;color:var(--ink);letter-spacing:-.005em}
.pbl-p{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink)}
.pbl-p i{flex:none;width:30px;height:30px;border-radius:8px;background:var(--night);color:#D2AEF2;display:grid;place-items:center}
.pbl-p i .ic{width:16px;height:16px}
.pbl-p .arr{flex:none;width:15px;height:15px;margin-left:auto;color:var(--violet);transition:transform .2s}
.pbl a:hover .arr{transform:translateX(3px)}
@media (max-width:980px){
  .sec--pb{padding-top:64px}
  .pbx{grid-template-columns:1fr;gap:28px}
  .pbx-head{position:static}
  .pbl a{grid-template-columns:1fr;gap:10px;padding:16px 0;margin:0}
  .pbl p{font-size:16px}
}
/* encabezados de sección compactos: título en 1–2 líneas y texto alineado a su base */
@media (min-width:981px){
  .sec{padding-top:96px}
  .sec-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:36px}
  .sec-head .h2{max-width:24ch}
  .sec-head .lead{padding-top:0;max-width:52ch}
}
.pbl a{margin:0;padding:18px 0}
.pbl a:hover{box-shadow:0 0 0 12px var(--mist)}
.pbx-head .h2{max-width:16ch}
@media (min-width:981px) and (max-width:1200px){.pbl a{grid-template-columns:1fr;gap:10px}.pbl-p .arr{margin-left:12px}}
.cover img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
.cover{border-radius:12px;background:#0E0C12}
@media (min-width:1200px){#posts{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}#posts .post h3{font-size:19px}}
.bk-l{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.02em;margin-top:-28px}
.bk.dark .bk-l{color:rgba(255,255,255,.6)}
.bk--mono{padding-top:44px}.bk--mono img{height:26px}

/* ===== v30: artículos largos ===== */
.a-meta{margin-top:18px;font-size:14px;color:var(--muted)}
.a-sum{margin-top:36px;background:var(--mist);border:1px solid var(--hair);border-left:3px solid var(--violet);border-radius:12px;padding:22px 26px}
.a-sum b{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--violet)}
.a-sum ul{margin:12px 0 0 20px;display:grid;gap:8px}
.a-sum li{font-size:16.5px;line-height:1.55;color:#35323B}
.a-toc{margin-top:22px;border:1px solid var(--hair);border-radius:12px;padding:20px 26px}
.a-toc b{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.a-toc ol{margin:12px 0 0 20px;display:grid;gap:6px;columns:1}
.a-toc li{font-size:15.5px;line-height:1.5}
.a-toc a{color:var(--ink);border-bottom:1px solid transparent}.a-toc a:hover{border-color:var(--ink)}
.article h2{scroll-margin-top:96px}
.article h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin:30px 0 10px}
.article ol{margin:18px 0 0 22px;display:grid;gap:10px}
.article p+ul,.article p+ol{margin-top:14px}
.article ul+p,.article ol+p,.article .a-table+p{margin-top:18px}
.article a:not(.link){color:var(--violet-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article strong{font-weight:600;color:var(--ink)}
.article blockquote{margin:26px 0;padding:6px 0 6px 22px;border-left:3px solid var(--violet);font-size:20px;line-height:1.5;color:var(--ink)}
.a-table{margin:26px 0;overflow-x:auto;border:1px solid var(--hair);border-radius:12px}
.a-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.a-table th{background:var(--mist);text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--hair);white-space:nowrap}
.a-table td{padding:12px 16px;border-top:1px solid var(--hair);vertical-align:top;color:#35323B}
.a-table tr:first-child td{border-top:0}
.a-faq{margin-top:56px}
.a-faq h2{margin-bottom:8px}
.a-faq .qs summary{font-size:18px}
@media (max-width:980px){.a-table table{font-size:14px}.a-table th,.a-table td{padding:10px 12px}}
@media (max-width:640px){
  .a-table{border:0;border-radius:0;overflow:visible}
  .a-table table,.a-table tbody,.a-table tr,.a-table td{display:block;width:100%}
  .a-table thead{display:none}
  .a-table tr{border:1px solid var(--hair);border-radius:12px;padding:6px 16px;margin-bottom:10px}
  .a-table td{border-top:1px solid var(--hair);padding:10px 0}
  .a-table tr td:first-child{border-top:0;font-weight:600;color:var(--ink)}
  .a-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
}
@media (max-width:640px){.a-table tr:first-child td{border-top:1px solid var(--hair)}.a-table tr td:first-child{border-top:0}}

/* Aviso de privacidad */
.ap-privacy{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--night);color:rgba(255,255,255,.92);
  border-top:1px solid rgba(143,53,198,.35);box-shadow:0 -8px 32px rgba(14,12,18,.25);padding:14px 24px;
  transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.8,.3,1);will-change:transform}
.ap-privacy[hidden]{display:none}
.ap-privacy.visible{transform:translateY(0)}
.ap-privacy.dismissing{transform:translateY(100%);pointer-events:none}
.ap-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ap-text{font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);margin:0;flex:1;min-width:0}
.ap-text a{color:#D2AEF2;text-decoration:underline;text-underline-offset:3px}
.ap-btn{flex-shrink:0;white-space:nowrap;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:9px 22px;font:500 14px/1 Geist,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}
.ap-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(143,53,198,.35)}
.ap-btn:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media (max-width:768px){.ap-privacy{padding:14px 16px}.ap-inner{flex-direction:column;align-items:stretch;gap:12px}.ap-text{font-size:13px}.ap-btn{align-self:flex-start;padding:10px 26px}}
@media (prefers-reduced-motion:reduce){.ap-privacy{transform:none;opacity:0;transition:opacity .2s}.ap-privacy.visible{opacity:1}.ap-privacy.dismissing{opacity:0}}

/* Carga: la escena de portada espera a la foto; las imágenes aparecen con un fundido sobre un marcador suave */
.hero.hold .lit,.hero.hold .chip{animation-play-state:paused}
.hero.hold #wins,.hero.hold #chips{opacity:0}
#wins,#chips{transition:opacity .4s ease}
img.ld{opacity:0}
main img{transition:opacity .5s ease}
.photo:has(img.ld),.cover:has(img.ld),.fig-tall:has(img.ld),figure:has(img.ld){background:linear-gradient(100deg,var(--mist) 30%,#EFEDF3 50%,var(--mist) 70%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.photo:has(img.ld),.cover:has(img.ld),.fig-tall:has(img.ld),figure:has(img.ld){animation:none}}

/* Prensa: kit de prensa en el encabezado */
.pkit{background:var(--night);color:#fff;border-radius:20px;padding:22px;box-shadow:0 40px 80px -40px rgba(14,12,18,.6);display:grid;gap:16px}
.pk-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pk-top img{height:22px;width:auto}
.pk-top span{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pk-kv{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}
.pk-facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pk-facts li{border-top:1px solid rgba(255,255,255,.14);padding-top:10px}
.pk-facts b{display:block;font-size:15px;font-weight:500}
.pk-facts span{display:block;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.62);margin-top:3px}
.pk-links{display:flex;gap:18px;font-size:14px}
.pk-links a{color:#D2AEF2;border-bottom:1px solid rgba(210,174,242,.4)}
@media (max-width:640px){.pk-facts{grid-template-columns:1fr}}

/* Aire antes del pie en las páginas que no terminan con la banda de cierre */
main > section:last-child:not(.close):not(.band-night){padding-bottom:clamp(80px,9vw,128px)}

/* v45 formulario: aviso legal y error */
.form .f-legal{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:-4px}.form .f-legal a{text-decoration:underline;text-underline-offset:2px}
.ok-msg.is-err{color:#B42318}

/* v45 tarjeta de puesto: el momento en que te trae algo */
.pc--m{gap:14px}
.pc-tag{margin-left:auto;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;white-space:nowrap}
.pc-tag i{width:7px;height:7px;border-radius:50%;background:currentColor}
.pc-tag.ask{color:var(--violet);background:rgba(143,53,198,.08)}.pc-tag.ask i{animation:pulse 2s ease-in-out infinite}
.pc-tag.warn{color:#9A5B00;background:rgba(201,122,0,.10)}
.pc-msg{border-top:1px solid var(--hair);padding-top:14px}
.pc-msg b{display:block;font-weight:500;font-size:17px;line-height:1.3;letter-spacing:-.005em}
.pc-msg p{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.pc-kv{display:grid;background:var(--mist);border-radius:12px;padding:4px 14px}
.pc-kv div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:13.5px}
.pc-kv div+div{border-top:1px solid var(--hair)}
.pc-kv dt{color:var(--muted)}.pc-kv dd{font-weight:500;text-align:right}
.pc-act{display:flex;gap:8px}
.pc-act u,.pc-act s{text-decoration:none;font-size:13.5px;font-weight:500;padding:9px 18px;border-radius:999px}
.pc-act u{background:var(--violet);color:#fff}.pc-act s{border:1px solid var(--hair);color:var(--ink)}
.pc-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--hair);padding-top:12px}
.pc-foot i{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
@media (max-width:420px){.pc-top{flex-wrap:wrap}.pc-tag{margin-left:56px}}
@media (prefers-reduced-motion:reduce){.pc-tag.ask i{animation:none}}

/* v46 contacto en una pantalla */
@media (min-width:981px){
  .page-hero:has(.form){padding-top:92px;padding-bottom:48px}
  .page-hero:has(.form) .lead{margin-top:16px!important}
  .page-hero:has(.form) .nextc{margin-top:22px;padding:16px 20px}
  .page-hero:has(.form) .nextc li{padding-bottom:10px}
  .page-hero:has(.form) .nextc-h{margin-bottom:10px}
  .page-hero:has(.form) .nextc li p{margin-top:0}
}

/* v48 teléfono con código de país */
.form .f-tel{display:grid;gap:6px;font-size:14px;font-weight:500}
.f-tel-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px}
.form .f-tel-row select{padding:10px 8px 10px 12px;font-variant-numeric:tabular-nums}
@media (max-width:980px){
  .page-hero:has(.form) .grid > div:first-child{display:contents}
  .page-hero:has(.form) .grid{gap:0}
  .page-hero:has(.form) .lead{margin-top:16px!important}
  .page-hero:has(.form) .form{order:2;margin-top:28px}
  .page-hero:has(.form) .nextc{order:3;max-width:none;margin-top:20px}
}

.form .opt{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:4px}

/* v50 teléfonos de la empresa */
.foot .f-con{gap:9px}
.f-con li{display:grid;gap:1px}.f-con span{color:var(--muted);font-size:12.5px}
.f-con a:hover{color:var(--violet)}
.form .f-call{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:-8px}
.form .f-call a{color:var(--ink);white-space:nowrap}.form .f-call a:hover{color:var(--violet)}
@media (min-width:981px){.page-hero:has(.form) .form textarea{height:64px;min-height:64px}}

.foot{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,.62fr))}
@media (max-width:980px){.foot{grid-template-columns:1fr 1fr}}
.form label{align-content:start}
.form .f-tel > label{display:block}

/* v53 Empresa: tarjeta de origen en lugar de foto */
.oc{background:#fff;border:1px solid var(--hair);border-radius:20px;box-shadow:0 40px 80px -48px rgba(23,21,27,.4);padding:24px 26px;display:grid;gap:16px}
.oc-h{font-size:13px;color:var(--muted)}
.oc-steps{list-style:none;display:grid;gap:0}
.oc-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--hair);position:relative}
.oc-steps li:first-child{border-top:0;padding-top:0}
.oc-ic{width:40px;height:40px;border-radius:11px;background:var(--mist);color:var(--ink);display:grid;place-items:center}
.oc-ic .ic{width:20px;height:20px}
.oc-ic--brand{background:rgba(143,53,198,.08)}
.oc-steps b{display:block;font-weight:500;font-size:16px}
.oc-steps p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:2px}
.oc-steps .oc-c{font-size:12.5px;margin-top:8px;color:var(--ink);opacity:.75}
.oc-steps li.now b{color:var(--violet)}
.oc-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--hair);padding-top:14px}
.oc-foot .ic{width:15px;height:15px;color:var(--ok)}

.oc-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oc-kpi div{background:var(--mist);border-radius:12px;padding:12px 14px}
.oc-kpi b{display:block;font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.oc-kpi span{font-size:12.5px;color:var(--muted);line-height:1.35;display:block;margin-top:4px}
.oc-steps li:not(:last-child)::before{content:"";position:absolute;left:19.5px;top:46px;bottom:-6px;width:1px;background:var(--hair);z-index:0}
.oc-steps li:first-child:not(:last-child)::before{top:40px}
.oc-ic{position:relative;z-index:1}
.oc-steps li{border-top:0;padding:10px 0}
.oc-steps li:first-child{padding-top:0}

/* v55 fotos reales de la oficina */
.why-l{display:grid;gap:28px;align-content:start}
.why-ph{aspect-ratio:16/10;position:relative}
.why-ph figcaption{position:absolute;left:12px;bottom:12px;font-size:12.5px;color:#fff;background:rgba(14,12,18,.55);backdrop-filter:blur(6px);padding:6px 10px;border-radius:999px}

/* v58 Empresa: encabezado con foto del equipo desenfocada y la prueba propia */
.eh{position:relative;overflow:hidden;background:var(--night);color:#fff;padding:136px 0 88px}
.eh-bg{position:absolute;inset:0;background:url(media/equipo-fondo.jpg) center/cover no-repeat;opacity:.55;filter:grayscale(1)}
.eh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,12,18,.92) 0%,rgba(14,12,18,.72) 45%,rgba(60,22,90,.55) 100%)}
.eh-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.eh .eyebrow{color:rgba(255,255,255,.7)}
.eh .h1{color:#fff}
.eh .lead{color:rgba(255,255,255,.78);margin-top:22px;max-width:46ch}
.eh-cred{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:13.5px;color:rgba(255,255,255,.7)}
.eh-cred i{width:4px;height:4px;border-radius:50%;background:#B784E0}
.eh-proof{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:30px 32px;backdrop-filter:blur(10px)}
.eh-k{font-size:13.5px;color:rgba(255,255,255,.72)}
.eh-num{font-size:clamp(96px,11vw,148px);font-weight:300;line-height:.95;letter-spacing:-.04em;margin-top:10px}
.eh-num span{color:#B784E0}
.eh-t{font-size:18px;margin-top:6px}
.eh-bars{display:grid;gap:12px;margin-top:26px}
.eh-bars div{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;font-size:12.5px;color:rgba(255,255,255,.7)}
.eh-bars i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.35);width:var(--w);transform-origin:left;animation:ehbar 1.4s cubic-bezier(.2,.7,.2,1) .3s both}
.eh-bars i.v{background:linear-gradient(90deg,#8F35C6,#B784E0)}
@keyframes ehbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.eh-bars i{animation:none}}
@media (max-width:980px){.eh{padding:112px 0 56px}.eh-in{grid-template-columns:1fr;gap:36px}.eh-proof{padding:24px}}
/* v59 encabezado Empresa: más presencia de la foto, luz violeta y grano */
.eh{background:#0B0A0F}
.eh-bg{opacity:.9;background-position:center 40%;transform:scale(1.06);animation:ehdrift 24s ease-in-out infinite alternate}
.eh-bg::after{background:
  radial-gradient(60% 80% at 82% 45%,rgba(143,53,198,.38),transparent 70%),
  linear-gradient(95deg,rgba(11,10,15,.94) 0%,rgba(11,10,15,.78) 38%,rgba(11,10,15,.42) 70%,rgba(11,10,15,.55) 100%),
  linear-gradient(0deg,rgba(11,10,15,.85) 0%,transparent 35%)}
.eh::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.12;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.eh::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 90% at 75% 50%,#000,transparent);mask-image:radial-gradient(70% 90% at 75% 50%,#000,transparent)}
.eh-in{z-index:2}
.eh-proof{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border-color:rgba(255,255,255,.16);box-shadow:0 40px 100px -40px rgba(143,53,198,.55),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(14px) saturate(1.2)}
.eh-num{font-size:clamp(110px,13vw,176px);background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.62));-webkit-background-clip:text;background-clip:text;color:transparent}
.eh-num span{background:linear-gradient(180deg,#D2AEF2,#8F35C6);-webkit-background-clip:text;background-clip:text;color:transparent}
.eh-k{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(183,132,224,.14);color:#E3CCF7;font-size:12.5px}
.eh-k::before{content:"";width:6px;height:6px;border-radius:50%;background:#B784E0;box-shadow:0 0 10px #B784E0}
@keyframes ehdrift{from{transform:scale(1.06) translate(0,0)}to{transform:scale(1.1) translate(-1.5%,-1%)}}
@media (prefers-reduced-motion:reduce){.eh-bg{animation:none}}
.eh-bg{background-position:center 55%;opacity:1}
.eh-bg::after{background:
  radial-gradient(55% 75% at 80% 50%,rgba(143,53,198,.32),transparent 70%),
  linear-gradient(95deg,rgba(11,10,15,.93) 0%,rgba(11,10,15,.74) 40%,rgba(11,10,15,.30) 72%,rgba(11,10,15,.45) 100%),
  linear-gradient(0deg,rgba(11,10,15,.8) 0%,transparent 30%)}

/* v60 Empresa sin tarjeta: la foto del equipo es el visual */
.eh{padding:150px 0 120px}
.eh-in{grid-template-columns:minmax(0,1fr)}
.eh-copy{max-width:640px}
.eh-bg{background-position:68% 55%;background-size:cover;left:22%;opacity:1}
.eh-bg::after{background:
  linear-gradient(90deg,#0B0A0F 0%,rgba(11,10,15,.7) 22%,rgba(11,10,15,.15) 60%,rgba(11,10,15,.25) 100%),
  radial-gradient(50% 70% at 85% 60%,rgba(143,53,198,.30),transparent 70%),
  linear-gradient(0deg,rgba(11,10,15,.7) 0%,transparent 30%)}
.eh::after{-webkit-mask-image:radial-gradient(60% 90% at 25% 50%,#000,transparent);mask-image:radial-gradient(60% 90% at 25% 50%,#000,transparent)}
@media (max-width:980px){.eh{padding:120px 0 64px}.eh-bg{left:0;opacity:.6}.eh-bg::after{background:linear-gradient(0deg,#0B0A0F 10%,rgba(11,10,15,.55) 100%)}}
/* v61 foto legible */
.eh-bg{filter:none;opacity:1;left:30%;animation:none;transform:none;background-position:60% 50%}
.eh-bg::after{background:
  linear-gradient(90deg,#0B0A0F 0%,rgba(11,10,15,.55) 18%,rgba(11,10,15,0) 45%),
  linear-gradient(0deg,rgba(11,10,15,.55) 0%,rgba(11,10,15,0) 28%)}
.eh::before{opacity:.07}
.eh::after{display:none}
.eh-bg{left:18%}
.eh-bg::after{background:
  linear-gradient(90deg,#0B0A0F 0%,rgba(11,10,15,.82) 22%,rgba(11,10,15,.35) 42%,rgba(11,10,15,0) 62%),
  linear-gradient(0deg,rgba(11,10,15,.6) 0%,rgba(11,10,15,0) 26%),
  radial-gradient(40% 60% at 90% 20%,rgba(143,53,198,.25),transparent 70%)}
@media (max-width:980px){.eh-bg{left:0;opacity:.55}.eh-bg::after{background:linear-gradient(0deg,#0B0A0F 15%,rgba(11,10,15,.5) 100%)}}
@media (max-width:980px){
  .eh{padding:112px 0 300px}
  .eh-bg{left:0;top:auto;height:58%;opacity:1;background-position:62% 50%}
  .eh-bg::after{background:linear-gradient(180deg,#0B0A0F 0%,rgba(11,10,15,.35) 40%,rgba(11,10,15,0) 70%,rgba(11,10,15,.35) 100%)}
}

/* v63 Puestos agrupados por resultado */
.pzs{padding-bottom:0}
.pzg{border-top:1px solid var(--hair);padding:40px 0 48px;display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:40px}
.pzg:last-child{padding-bottom:0}
.pzg-h{display:flex;gap:16px;align-items:flex-start;position:sticky;top:96px;align-self:start}
.pzg-n{font-size:13px;color:var(--violet);font-variant-numeric:tabular-nums;padding-top:6px}
.pzg-h h3{font-size:24px;font-weight:400;letter-spacing:-.01em;line-height:1.2}
.pzg-h p{font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.pzg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pzg-grid .pz:last-child:nth-child(odd){grid-column:1/-1}
.pz{border:1px solid var(--hair);border-radius:18px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.pz:hover{border-color:rgba(143,53,198,.35);box-shadow:0 24px 48px -32px rgba(143,53,198,.45)}
.pz-top{display:flex;align-items:center;gap:12px}
.pz-ic{width:40px;height:40px;border-radius:11px;background:rgba(143,53,198,.08);color:var(--violet);display:grid;place-items:center;flex:none}
.pz-ic .ic{width:20px;height:20px}
.pz-top h3{font-size:16.5px;font-weight:500}
.pz-val{font-size:19px;line-height:1.35;letter-spacing:-.005em;color:var(--ink)}
.pz-do{font-size:14px;color:var(--muted);line-height:1.5}
.pz-met{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;margin-top:auto;padding-top:4px}
.pz-met i{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}
.pz-foot{padding-top:12px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12.5px}
.pz-lvl{font-size:12px;font-weight:500;color:var(--violet);background:rgba(143,53,198,.08);padding:4px 9px;border-radius:999px;white-space:nowrap}
.pz-go{color:var(--violet);font-weight:500;white-space:nowrap;margin-left:auto}
.pzs + .close{margin-top:56px}
@media (max-width:980px){.pzg{grid-template-columns:1fr;gap:20px}.pzg-h{position:static}.pzg-grid{grid-template-columns:1fr}}
/* v64: postulación por camino en Carreras */
.card .card-go{margin-top:6px;font-weight:500;color:var(--violet);text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:36px;width:max-content}
.card .card-go:hover{text-decoration:underline;text-underline-offset:4px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ap-btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.ap-btn--line:hover{box-shadow:inset 0 0 0 1px #fff}
@media (max-width:768px){.ap-inner:has(.ap-btn--line){display:grid;grid-template-columns:1fr 1fr}.ap-inner:has(.ap-btn--line) .ap-text{grid-column:1/-1}.ap-inner:has(.ap-btn--line) .ap-btn{align-self:stretch;width:100%}}
/* v64: organigrama compacto, una fila por puesto, en dos columnas */
.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
.org-n{flex-direction:row;align-items:center;gap:10px;min-height:0;padding:9px 12px;border-radius:10px}
.org-n .ic{width:18px;height:18px;flex-shrink:0}
.org-n b{font-size:13.5px;line-height:1.25;flex:1;min-width:0}
.org-n i{margin-top:0;font-size:12px;flex-shrink:0}
.org-n i:has(.sr){gap:0}
.org-n.ask i{background:rgba(143,53,198,.1);padding:3px 8px;border-radius:999px}
.org-n.ask i::before{display:none}
.org-all{border-style:dashed;justify-content:space-between}
.org-all b{color:var(--violet)}.org-all i{color:var(--violet);font-size:15px}.org-all i::before{display:none}

@media (max-width:600px){.org-grid{grid-template-columns:1fr!important}}
.card:has(.card-go){display:flex;flex-direction:column}.card .card-go{margin-top:auto;padding-top:8px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form input[type=file]{padding:9px 12px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}
.form input[type=file]::file-selector-button{font:500 13px/1 Geist,sans-serif;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;margin-right:12px;cursor:pointer}

/* ===== v66: revisión completa en producción (320–2560) ===== */
/* Monitores grandes: el contenido no pasa de ~1600 px; los fondos siguen a todo el ancho */
@media (min-width:1712px){:root{--gut:max(56px, calc((100vw - 1600px) / 2));--gut-r:max(56px, calc((100vw - 1600px) / 2))}}

/* Tablas de artículos: los encabezados pueden partirse; si igual no entran, se ensanchan o avisan */
.a-table th{white-space:normal;min-width:6.5em}
.a-table th:first-child{min-width:7.5em}
@media (min-width:981px){
  .a-table--wide{width:min(var(--tw,1180px), calc(100vw - var(--gut) - var(--gut-r)));margin-left:calc(50% - min(var(--tw,1180px), calc(100vw - var(--gut) - var(--gut-r))) / 2)}
}
.a-scroll-hint{display:none;margin:26px 0 -18px;font-size:13px;font-weight:500;color:var(--muted)}
.a-scroll-hint::after{content:" →";color:var(--violet)}
.a-table--scroll+.a-scroll-hint,.a-scroll-hint.on{display:block}
.a-table--scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.a-table--scroll.at-end{-webkit-mask-image:none;mask-image:none}
/* Datos en 2 columnas a 320–400 px: tipografía que entra */
@media (max-width:400px){.facts b{font-size:22px;overflow-wrap:break-word}.facts div{padding-right:8px}.facts div:nth-child(even){padding-left:12px}}
/* Preguntas: chips sin encimarse */
.qcloud span:nth-child(3n+2){transform:none;margin-right:24px}
@media (max-width:980px){.qcloud span:nth-child(3n+2){margin-right:0}}
/* Carreras: adjuntar CV con estilo propio y en español */
.f-file{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.f-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.f-file:focus-within{outline:2px solid var(--violet);outline-offset:3px}
.f-btn{flex:none;font:500 13px/1 var(--sans);border:1px solid var(--line);background:var(--mist);color:var(--ink);border-radius:999px;padding:9px 14px}
.f-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--muted)}
.f-file.has .f-name{color:var(--ink)}
.f-tel-row select{text-overflow:clip}
@media (max-width:980px){.seal-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:400px){.seal-strip b{font-size:21px;overflow-wrap:break-word}.seal-strip div{padding-right:10px}.seal-strip div:nth-child(even){padding-left:12px}}
.split>*,.form--job,.form--job label{min-width:0}
.form select{max-width:100%;min-width:0}
.f-file{min-width:0;max-width:100%;width:100%}.f-name{flex:1 1 0}.form--job label>span:first-child{min-width:0}
@media (min-width:1712px){.eh-bg{filter:blur(2px);transform:scale(1.02)}}
/* Prensa: los logos no se deforman cuando la tarjeta es angosta */
.bk img{max-width:100%;object-fit:contain;object-position:left center}
/* Portada en tablet vertical: la foto de la tableta no ocupa toda la pantalla */
@media (min-width:600px) and (max-width:980px){.fig-tall img{aspect-ratio:4/3;object-position:center 38%}}