/* Puesto Cubierto — rediseño «Grilla de puestos» (oct-2026).
   Referencias: Clay (rieles de 1px, paneles enmarcados) y Mistral AI (grilla fina, bloques pixelados, franjas de cierre).
   Marca: cobalto #3157F4 y el punto amarillo #FFD84D del logo. Host Grotesk para todo, Fragment Mono para datos y horas. */
:root{
  --paper:#f4f4f0;--paper-2:#ecece6;--white:#fff;
  --ink:#0d1330;--ink-2:#363c5a;--muted:#62677c;--faint:#9497a8;
  --line:#d8d8cf;--line-2:#e7e7e0;--grid:rgba(13,19,48,.055);
  --cobalt:#3157f4;--cobalt-d:#2344d6;--cobalt-dd:#1a2fa3;--night:#0b1650;--ice:#e3e9ff;--sky:#9db3ff;
  --yellow:#ffd84d;--amber:#9a5200;--amber-50:#fbefd6;--green:#0a7350;--green-50:#dcf2e8;--red:#b42318;--red-50:#fbe6e3;
  --sans:'Host Grotesk',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Fragment Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1240px;--gut:max(16px,env(safe-area-inset-left,0px),clamp(12px,2.4vw,32px));--pad:clamp(18px,4vw,56px);--sec:clamp(72px,9vw,128px);
  --r:3px;--ease:cubic-bezier(.16,1,.3,1);
  --sh-win:0 1px 1px rgba(13,19,48,.04),0 24px 48px -28px rgba(13,19,48,.32);
  --sh-float:0 2px 4px rgba(13,19,48,.06),0 22px 40px -18px rgba(13,19,48,.38);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-feature-settings:"ss01"}
h1,h2,h3,h4,p,ul,ol,dd{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
b,strong{font-weight:600}
button{font:inherit;color:inherit}
::selection{background:var(--cobalt);color:#fff}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:2px}
.skip{position:fixed;left:16px;top:-90px;z-index:200;background:var(--ink);color:#fff;padding:10px 15px;border-radius:var(--r);font-weight:600}.skip:focus{top:12px}

/* ── rieles: el sitio entero vive entre dos líneas verticales ── */
.wrap{position:relative;width:min(var(--max),calc(100% - var(--gut)*2));margin-inline:auto;border-inline:1px solid var(--line)}
main>section{border-top:1px solid var(--line)}
main>section:first-child{border-top:0}
main>section>.wrap::before,main>section>.wrap::after{content:"";position:absolute;top:-4px;width:7px;height:7px;background:var(--paper);border:1px solid var(--line);z-index:2}
main>section>.wrap::before{left:-4px}main>section>.wrap::after{right:-4px}
main>section:first-child>.wrap::before,main>section:first-child>.wrap::after{display:none}
section{scroll-margin-top:72px}
.in{padding:var(--sec) var(--pad) 0}

.h{font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.h2{font-size:clamp(32px,4.2vw,56px);letter-spacing:-.038em;line-height:1.04}
.lead{color:var(--muted);font-size:clamp(17px,1.45vw,19.5px);line-height:1.55;max-width:58ch;text-wrap:pretty}
.note{margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:-.01em;color:var(--muted);text-align:center}
.note.l{text-align:left}
.in-note{padding:0 var(--pad) clamp(28px,3vw,40px)}

/* ── botones: rectángulo cobalto con chevron pixelado; enlaces subrayados como Mistral ── */
.chev{display:inline-block;width:9px;height:9px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h2v2H2zM4 2h2v2H4zM6 4h2v1H6zM4 5h2v2H4zM2 7h2v2H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h2v2H2zM4 2h2v2H4zM6 4h2v1H6zM4 5h2v2H4zM2 7h2v2H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .3s var(--ease)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 20px 0 22px;border-radius:var(--r);font-size:15.5px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.btn-p{background:var(--cobalt);color:#fff;box-shadow:inset 0 -2px 0 rgba(8,16,80,.28),0 1px 2px rgba(49,87,244,.25)}
.btn-p:hover{background:var(--cobalt-d)}
.btn:hover .chev,.lnk:hover .chev,.ch:hover .chev,.slot:hover .chev{transform:translateX(3px)}
.btn-p .chev{color:var(--yellow)}
.btn-sm{height:40px;padding:0 15px 0 17px;font-size:14.5px;gap:10px}
.lnk{display:inline-flex;align-items:center;gap:10px;padding:6px 0;font-size:15.5px;font-weight:500;letter-spacing:-.015em;color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink);transition:color .2s,box-shadow .2s}
.lnk .chev{color:var(--cobalt)}
.lnk:hover{color:var(--cobalt);box-shadow:inset 0 -1px 0 var(--cobalt)}

/* ── etiquetas de estado: punto cuadrado, como un píxel ── */
.tag{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border-radius:2px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.tag::before{content:"";width:6px;height:6px;background:currentColor}
.tag.ok{background:var(--green-50);color:var(--green)}.tag.wait{background:var(--ice);color:var(--cobalt-d)}.tag.warn{background:var(--amber-50);color:var(--amber)}.tag.bad{background:var(--red-50);color:var(--red)}.tag.na{background:var(--paper-2);color:var(--muted)}

/* ── avatares con inicial (los del centro de conexiones y el feed) ── */
.av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:600;font-size:13.5px;letter-spacing:-.02em}
.av.c{background:var(--ice);color:var(--cobalt)}.av.v{background:var(--green-50);color:var(--green)}.av.m{background:#f3ead6;color:#6b4e16}

/* ── píxeles: cada .px se dibuja como SVG desde app.js ── */
.px{display:inline-block;line-height:0}
.px svg{display:block;width:100%;height:auto;shape-rendering:crispEdges;overflow:visible}
.px.ic{width:40px}
.px.ic.s{width:32px}
.px.ic.xs{width:26px;flex:none}
.px.gl{width:26px}
.px.gl.lg{width:36px}
.glyphs{display:flex;gap:12px;justify-content:center;margin-bottom:26px}

/* ── cabecera ── */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:rgba(244,244,240,.86);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{border-color:transparent}
.top-in{height:64px;display:flex;align-items:center;gap:28px;padding:0 0 0 2px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.035em;white-space:nowrap}
.brand{gap:16px;font-size:20.5px;letter-spacing:-.04em}
@media (max-width:720px){.brand{gap:13px;font-size:18.5px}}
/* el cubo del logo: perspectiva, inclinación fija para que se vea el volumen, y las seis caras */
.cubo{display:inline-grid;place-items:center;flex:none;perspective:900px}
.cubo>img{display:block}
.cubo-inc{display:block;transform:rotateX(-20deg) rotateY(-30deg);transform-style:preserve-3d}
.cubo-c{position:relative;display:block;transform-style:preserve-3d}
.cubo-f{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.cubo-f svg{display:block;shape-rendering:crispEdges}
.nav{display:flex;gap:2px;margin:0 auto;padding:3px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.55)}
.nav a{padding:6px 12px;border-radius:2px;font-size:14px;font-weight:450;color:var(--ink-2);letter-spacing:-.01em;transition:background .2s,color .2s}
.nav a:hover{background:var(--white);color:var(--ink)}
.lang{display:flex;padding:2px;border:1px solid var(--line);border-radius:var(--r)}
.lang button{display:grid;place-items:center;height:30px;min-width:34px;padding:0 8px;border:0;border-radius:2px;background:transparent;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.lang button[aria-pressed=true]{background:var(--ink);color:#fff}
.lang button:hover:not([aria-pressed=true]){color:var(--ink)}
.menu-b{display:none}

/* ── hero ── */
.hero{position:relative;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;background-position:center -1px}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--paper));pointer-events:none}
.hero-in{z-index:1;padding:clamp(40px,5vw,72px) 0 0}
.hero-txt{padding:0 var(--pad);text-align:center}
.hero h1{margin:0 auto;max-width:14ch;font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.04em}
.hero .lead{margin:20px auto 0}
.cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:28px}

/* el tablero de puestos */
.board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,3.5vw,48px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.slot{position:relative;display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line);background:var(--paper);transition:background .5s}
.slot:first-child{border-left:0}
.slot-px{position:relative;display:grid;place-items:center;aspect-ratio:1.75;margin:14px 14px 0;border:1.5px dashed #c3c2b8;border-radius:2px;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:calc(100% / 28) calc(100% / 16);transition:border-color .6s,background-color .6s}
.slot-px>.px{grid-area:1/1;width:30%}
.slot-q{opacity:.9;transition:opacity .4s}
.slot.on .slot-q{opacity:0}
.slot.on .slot-px{border-style:solid;border-color:var(--line);background-color:var(--white)}
.slot-cap{position:relative;display:grid;grid-template-rows:1fr auto;padding:14px 16px 16px;min-height:104px}
 .slot-off,.slot-on{grid-area:1/1;align-self:start;display:flex;flex-direction:column;gap:3px;transition:opacity .45s,transform .6s var(--ease)}
.slot-on{opacity:0;transform:translateY(8px)}
.slot.on .slot-off{opacity:0;transform:translateY(-8px)}
.slot.on .slot-on{opacity:1;transform:none}
.slot .k{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--muted)}
.slot .k::before{content:"";width:7px;height:7px;border:1.5px dashed var(--faint)}
.slot .k.ok{color:var(--green)}
.slot .k.ok::before{border:0;background:var(--green)}
.slot b{font-size:clamp(17px,1.6vw,21px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.slot small{font-size:13.5px;color:var(--muted);line-height:1.3}
.slot-tk{grid-area:2/1;margin-top:12px;display:flex;align-items:center;gap:8px;height:22px;overflow:hidden;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);opacity:0;transition:opacity .5s .3s}
.slot.on .slot-tk{opacity:1}
.slot-tk>i{flex:none;width:6px;height:6px;background:var(--green);animation:blink 1.6s steps(2) infinite}
.slot-tk>span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-tk>span.tk-in{animation:tick .5s var(--ease)}
@keyframes tick{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes blink{50%{opacity:.25}}
.slot:hover{background:var(--white)}
.slot.on:hover .slot-px{border-color:var(--cobalt)}
.slot-x .slot-tk{opacity:1;color:var(--cobalt);font-weight:500}
.slot-x .slot-q{animation:blink 2.4s steps(2) infinite}
.slot-x:hover .slot-px{border-color:var(--cobalt)}
.board-note{padding:22px var(--pad) clamp(40px,5vw,64px);font-size:15.5px;color:var(--muted);text-align:center}
.board-note b{color:var(--ink);font-weight:500}
/* cada píxel cae a su celda */
.px rect{transform-box:fill-box}
.js [data-drop] rect{opacity:0}
.slot.on [data-drop] rect{animation:drop .62s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes drop{from{opacity:0;transform:translateY(-140%)}60%{opacity:1}to{opacity:1;transform:none}}

/* ── un día de trabajo ── */
.dia-h{font-size:clamp(30px,3.9vw,52px);letter-spacing:-.035em;line-height:1.1;max-width:24ch;text-wrap:pretty}
.dia-h .mute{color:#80859a}
.stage{position:relative;margin:clamp(40px,5vw,64px) 0 0;padding:clamp(22px,5vw,72px) clamp(14px,6vw,96px) 0;border-top:1px solid var(--line);background-color:var(--cobalt);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;background-position:center top;overflow:hidden}
.blocks{position:absolute;width:160px;height:120px;pointer-events:none;
  background:
    linear-gradient(var(--yellow),var(--yellow)) 0 80px/40px 40px no-repeat,
    linear-gradient(var(--sky),var(--sky)) 40px 80px/40px 40px no-repeat,
    linear-gradient(var(--sky),var(--sky)) 40px 40px/40px 40px no-repeat,
    linear-gradient(#5b7bff,#5b7bff) 80px 80px/40px 40px no-repeat,
    linear-gradient(var(--ice),var(--ice)) 120px 0/40px 40px no-repeat}
.blocks.b1{left:0;bottom:0}
.blocks.b2{right:0;top:0;transform:scale(-1,-1)}
.win{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-win);overflow:hidden}
.stage .win{z-index:1;border:0;border-radius:var(--r) var(--r) 0 0;box-shadow:0 40px 80px -24px rgba(6,12,60,.6)}
.win-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--line-2)}
.win-h b{font-size:14px;font-weight:600;letter-spacing:-.015em}
.win-h small{font-size:12.5px;color:var(--muted)}
.tabs{display:flex;gap:2px;padding:2px;border-radius:var(--r);background:var(--paper)}
.tabs span{padding:4px 10px;border-radius:2px;font-size:12.5px;font-weight:500;color:var(--muted)}
.tabs .on{background:var(--white);color:var(--ink);box-shadow:0 1px 2px rgba(13,19,48,.08)}
.feed{position:relative;height:calc(6 * 61px + 120px);overflow:hidden;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
.ev{display:grid;grid-template-columns:52px 176px minmax(0,1fr) auto;align-items:center;gap:16px;height:61px;padding:0 18px;border-bottom:1px solid var(--line-2);font-size:14.5px;background:var(--white)}
.ev time{font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ev p{color:var(--ink-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who{display:flex;align-items:center;gap:10px;min-width:0}
.who b{display:block;font-size:14px;line-height:1.2}
.who small{display:block;font-size:12px;color:var(--muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev.new{animation:evin .7s var(--ease) both;background:linear-gradient(90deg,var(--ice),var(--white) 60%)}
@keyframes evin{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
.float{position:absolute;z-index:3;width:300px;background:var(--white);border-radius:var(--r);box-shadow:var(--sh-float);padding:16px;font-size:14px}
.f-k{font-size:12.5px;font-weight:600;color:var(--amber)}
.float p+p{margin-top:8px;color:var(--ink-2);line-height:1.45}
.float .row{display:flex;gap:8px;margin-top:14px}
.mini{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:2px;font-size:12.5px;font-weight:500}
.mini.p{background:var(--cobalt);color:#fff}.mini.s{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.f-ok{right:clamp(20px,6vw,88px);bottom:34px}
.f-live{left:clamp(14px,3vw,40px);top:clamp(14px,2vw,22px);width:auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px}
.f-live i{width:7px;height:7px;background:var(--green);animation:blink 1.6s steps(2) infinite}
.js .stage .float{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .stage.vis .float{opacity:1;transform:none}
.js .stage.vis .f-ok{transition-delay:1.1s}
.dia .note{margin-top:0;padding-top:16px}

/* ── fichas de empleados ── */
.ficha-h{display:flex;align-items:center;gap:14px;padding:18px var(--pad);border-bottom:1px solid var(--line)}
.who-n b{display:block;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.who-n small{display:block;font-size:14px;color:var(--muted);line-height:1.3}
.ficha-h .tag{margin-left:auto}
.ficha{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.emp.alt .ficha{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.emp.alt .ficha-t{order:2;border-left:1px solid var(--line)}
.emp.alt .ficha-v{border-left:0}
.ficha-t{padding:clamp(40px,5vw,72px) var(--pad)}
.ficha-t .h2{font-size:clamp(30px,3.3vw,44px)}
.ficha-t .lead{margin-top:18px;font-size:17px}
.ficha-v{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,56px);border-left:1px solid var(--line);min-width:0}
.gridbg{background-color:var(--paper-2);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:center}
.pts{margin-top:28px;border-bottom:1px solid var(--line)}
.pts li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line);font-size:15.5px;color:var(--ink-2)}
.pts b{font-weight:500;color:var(--ink)}
.cta-l{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px}

/* conciliación */
.cn-c,.cn-r{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:0 6px}
.cn-c{padding:14px 14px 8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.cn-r{height:56px;margin:0 14px 8px}
.cn-m,.cn-x{display:flex;flex-direction:column;justify-content:center;min-width:0;height:56px;padding:0 12px;border-radius:2px;font-size:12px;color:var(--muted);transition:transform .7s var(--ease),background .4s,box-shadow .4s,opacity .4s}
.cn-m b,.cn-x b{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.cn-m small,.cn-x small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-m{background:var(--paper)}
.cn-x{position:relative;z-index:1;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);transform:translateY(calc(var(--d,0)*64px))}
.cn-k{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:2px;background:var(--green);transform:scale(0);transition:transform .35s var(--ease) .35s}
.cn-r.ok .cn-x,.cn-r.ok .cn-m{background:var(--green-50)}
.cn-r.ok .cn-x{box-shadow:inset 0 0 0 1px rgba(12,127,86,.22)}
.cn-r.ok .cn-k,.cn-r.rev .cn-k{transform:scale(1)}
.cn-r[data-rev] .cn-x{background:transparent;box-shadow:none;border:1.5px dashed #d8b98a;opacity:0}
.cn-r[data-rev] .cn-k{background:var(--amber)}
.cn-r.rev .cn-x{opacity:1}
.cn-r.rev .cn-m{background:var(--amber-50)}
.cn-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px 14px;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--ink-2)}
.cn-t b{font-variant-numeric:tabular-nums}
.cn-bar{flex:1 1 90px;height:6px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 8px);overflow:hidden}
.cn-bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(.854);background:repeating-linear-gradient(90deg,var(--green) 0 6px,transparent 6px 8px);transition:transform .6s var(--ease)}
.cn-rev{opacity:0;transition:opacity .4s}.cn-rev.in{opacity:1}

/* el teléfono */
.tel{position:relative;width:min(100%,318px);margin-inline:auto;padding:10px;border-radius:44px;background:#0f1428;box-shadow:inset 0 0 0 1.5px #2f3756,0 44px 70px -34px rgba(13,19,48,.6),0 14px 28px -14px rgba(13,19,48,.35)}
.tel::before{content:"";position:absolute;z-index:4;left:50%;top:19px;width:84px;height:24px;border-radius:999px;background:#0f1428;transform:translateX(-50%)}
.pz-pan{display:flex;flex-direction:column;height:570px;border-radius:35px;overflow:hidden;background:#efeae2;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.pz-cab{display:flex;align-items:center;gap:9px;padding:50px 12px 9px;background:#f7f8f8;border-bottom:1px solid #e2e5e7}
.pz-cab svg,.pz-inp svg{flex:none;width:20px;height:20px;fill:none;stroke:#0a7cff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pz-cab .av{width:34px;height:34px;font-size:14px;background:#dfe5e7;color:#54656f}
.pz-qn{flex:1;min-width:0;line-height:1.2}
.pz-qn b{display:block;font-size:14px;font-weight:600;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-qn small{display:block;font-size:11.5px;color:#667781}
.pz-qn small.e{color:#0f7a55}
.pz-chat{flex:1;display:flex;flex-direction:column;gap:5px;padding:12px 10px;overflow-y:auto;scrollbar-width:none;background-color:#efeae2;background-image:radial-gradient(rgba(84,101,111,.1) 1.2px,transparent 1.3px);background-size:18px 18px;transition:opacity .45s}
.pz-chat::-webkit-scrollbar{display:none}
.pz-chat.fuera{opacity:0}
.pz-chat>*{flex:none}
.pz-chat>:first-child{margin-top:auto}
.pz-b{position:relative;max-width:86%;padding:6px 9px 7px;border-radius:10px;font-size:13.5px;line-height:1.38;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);animation:pzin .28s var(--ease) both}
.pz-b.in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.pz-b.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}
.pz-b time{float:right;display:inline-flex;align-items:center;gap:3px;margin:7px 0 -3px 10px;font-size:10.5px;color:#667781}
.pz-tk{width:15px;height:10px;fill:none;stroke:#53bdeb;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pz-de{display:block;margin-bottom:1px;font-size:11.5px;font-weight:700;color:#0f7a55}
.pz-de.h{color:var(--cobalt)}
.pz-esc{display:inline-flex;gap:4px;padding:6px 3px 4px}
.pz-esc i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:pzdot 1.1s infinite ease-in-out}
.pz-esc i:nth-child(2){animation-delay:.15s}.pz-esc i:nth-child(3){animation-delay:.3s}
.pz-s{align-self:center;max-width:92%;margin:4px 0;padding:5px 11px;border-radius:8px;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:11.5px;font-weight:600;line-height:1.35;color:#54656f;text-align:center;animation:pzin .28s var(--ease) both}
.pz-s.ok{background:var(--green-50);color:var(--green)}
.pz-s.w{background:var(--ice);color:var(--cobalt-d)}
.pz-au{display:flex;align-items:center;gap:9px;min-width:176px;padding:3px 0 1px}
.pz-au .pl{flex:none;width:0;height:0;border-left:12px solid #667781;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent}
.pz-au .on{flex:1;display:flex;align-items:center;gap:2px;height:24px}
.pz-au .on i{flex:1;min-width:2px;border-radius:2px;background:#9aa7ae}
.pz-au small{flex:none;font-size:11px;color:#667781}
.pz-tr{display:block;margin-top:5px;padding-top:5px;border-top:1px solid rgba(17,27,33,.09);font-size:12px;font-style:italic;color:#54656f}
.pz-tr b{font-style:normal;font-weight:600}
.pz-inp{display:flex;align-items:center;gap:9px;padding:8px 11px 15px;background:#f7f8f8}
.pz-inp span{flex:1;height:32px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e2e5e7}
@keyframes pzin{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pzdot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}

/* antes y después */
.ad{overflow:hidden;padding:4px 2px 8px}
.sw{display:flex;gap:2px;width:max-content;margin:0 auto;padding:3px;border-radius:var(--r);background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.sw button{height:34px;padding:0 16px;border:0;border-radius:2px;background:transparent;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.sw button[aria-pressed=true]{background:var(--ink);color:#fff}
.ad-t{min-height:3em;margin:14px auto 0;max-width:46ch;font-size:14px;color:var(--muted);text-align:center}
.ad-w{max-width:600px;margin:14px auto 0;border:1px solid transparent;border-radius:var(--r);transition:background .6s,border-color .6s,box-shadow .6s}
.ad.ord .ad-w{background:var(--white);border-color:var(--line);box-shadow:var(--sh-win)}
.ad-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--line-2);opacity:0;transition:opacity .5s}
.ad-h b{font-size:14px;font-weight:600}.ad-h small{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.ad-p{padding:12px 18px 14px;font-family:var(--mono);font-size:11.5px;color:var(--muted);opacity:0;transition:opacity .5s}
.ad.ord .ad-h,.ad.ord .ad-p{opacity:1;transition-delay:.5s}
.ad-l li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 18px;border-radius:var(--r);background:var(--white);box-shadow:var(--sh-float);font-size:13.5px;width:74%;transform:translate(calc(var(--x)*35%),var(--y)) rotate(var(--r));transition:transform .9s var(--ease),width .9s var(--ease),box-shadow .6s,border-radius .6s,background .6s;transition-delay:calc(var(--i)*70ms)}
.ad-l li.nt{background:#ffe98a}
.ad.ord .ad-l li{width:100%;transform:none;border-radius:0;background:transparent;box-shadow:0 1px 0 var(--line-2)}
.ic{display:grid;place-items:center;width:34px;height:34px;border-radius:2px;font-family:var(--mono);font-size:9.5px;font-weight:600}
.ic.ml{background:var(--ice);color:var(--cobalt)}.ic.xl{background:var(--green-50);color:var(--green)}.ic.wa{background:#d9fdd3;color:#0f7a55}.ic.dr{background:var(--amber-50);color:var(--amber)}.ic.pi{background:rgba(13,19,48,.08);color:var(--ink-2)}
.ad-n{display:grid;min-width:0}
.ad-n>span{grid-area:1/1;min-width:0;transition:opacity .45s}
.ad-n b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-n small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-n .d,.ad-l .tag{opacity:0;transition:opacity .45s}
.ad.ord .ad-n .a{opacity:0}
.ad.ord .ad-n .d,.ad.ord .ad-l .tag{opacity:1;transition-delay:.55s}

/* ── el puesto que falta ── */
.otro .ficha-v{justify-content:flex-start;padding-top:clamp(40px,5vw,72px)}
.px.ic.q svg{opacity:.9}
.ot-t{font-size:15px;color:var(--ink-2)}
.chs{margin-top:18px;border-top:1px solid var(--line)}
.ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.1fr) 46px;align-items:center;gap:16px;padding:12px 10px;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;letter-spacing:-.015em;transition:background .25s}
.ch b{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.ch:hover{background:var(--white)}
.ch:hover .pxbar i.on{background:var(--cobalt)}
.ch.mas{display:flex;justify-content:space-between;color:var(--cobalt)}
.ch.mas .chev{color:var(--cobalt)}
.pxbar{display:grid;grid-template-columns:repeat(var(--n,20),1fr);gap:2px;height:12px}
.pxbar i{background:var(--line-2)}
.pxbar i.on{background:var(--sky);transition:background .25s}
.js .pxbar i.on{transform:scaleY(.2);opacity:0;transition:transform .5s var(--ease),opacity .3s,background .25s;transition-delay:calc(var(--k)*22ms)}
.js .vis .pxbar i.on,.js .pxbar.vis i.on{transform:none;opacity:1}
.otro .note{margin-top:18px}

/* ── conexiones: la animación del sitio actual, igual ── */
.sh{padding:var(--sec) var(--pad) 0;text-align:center}
.sh .h2{margin-inline:auto;max-width:22ch}
.sh .lead{margin:20px auto 0}
.hub-box{--hub-bg:#efefe9;margin:clamp(40px,5vw,64px) var(--pad) 0;padding:clamp(20px,3vw,44px) clamp(14px,2.6vw,36px) clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:var(--r);background:var(--hub-bg)}
.hub{position:relative;aspect-ratio:1000/640}
.hub-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub-o{fill:none;stroke:#d3d6d2;stroke-width:1;stroke-dasharray:5 6}
.hub-ln{fill:none;stroke:#8f9bb3;stroke-width:1.4;transition:stroke .25s,stroke-width .25s}
.hub-ln.on{stroke:var(--cobalt);stroke-width:2.2}
.hub-d{fill:var(--cobalt);stroke:#fff;stroke-width:2}
.hub-d.g{fill:#12a871}.hub-d.y{fill:#e5a50a}
.hub-p{fill:var(--cobalt);opacity:0}
.hub-ts{position:absolute;inset:0}
.hub-t{position:absolute;display:flex;align-items:center;justify-content:center;width:15%;height:11.25%;transform:translate(-50%,-50%);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,40,.05),0 14px 28px -16px rgba(15,23,40,.3);transition:transform .25s var(--ease),box-shadow .25s}
.hub-t img{display:block;max-width:70%;max-height:44%;width:auto;height:auto;object-fit:contain}
.hub-t.sq img{max-height:60%}
.hub-t.ch img{max-width:56%}
.hub-t:hover{transform:translate(-50%,-50%) translateY(-3px);box-shadow:0 1px 2px rgba(15,23,40,.05),0 22px 34px -16px rgba(15,23,40,.38)}
.hub-b{position:absolute;display:grid;place-items:center;width:4.4%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 3px var(--hub-bg),0 6px 14px -6px rgba(15,23,40,.3)}
.hub-b svg{width:50%;height:50%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hub-b.a{background:#dfe6fd;color:var(--cobalt)}.hub-b.v{background:#d9f3e6;color:#0f7a55}.hub-b.n{background:#e7defa;color:#5b3cc4}.hub-b.d{background:#fbe8c4;color:#8a4b00}
.hub-c{position:absolute;left:41.5%;top:38.28%;width:17%;height:23.44%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:26px;color:#fff;text-align:center;background-color:var(--cobalt);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;background-position:center;box-shadow:0 0 0 8px rgba(49,87,244,.1),0 28px 50px -20px rgba(49,87,244,.7)}
.hub-c::before{content:"";position:absolute;inset:-8px;border-radius:34px;border:1px solid rgba(49,87,244,.35);animation:halo 3.6s ease-out infinite;pointer-events:none}
@keyframes halo{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.16)}}
.hub-av{display:flex;margin-bottom:8px}
.hub-av .av{width:36px;height:36px;font-size:15px;box-shadow:0 0 0 2.5px var(--cobalt)}
.hub-av .av+.av{margin-left:-9px}
.hub-av .av.c{background:#fff}
.hub-c b{font-weight:600;font-size:16.5px;letter-spacing:-.025em;line-height:1.2}
.hub-c small{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.85)}
.hub-c small i{width:7px;height:7px;border-radius:50%;background:#7ff0c0;box-shadow:0 0 0 3px rgba(127,240,192,.25)}
.hub-mas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:clamp(20px,2.6vw,34px);padding-top:clamp(16px,2vw,22px);border-top:1px solid #dcdcd4}
.hub-mas p{font-size:13.5px;font-weight:600;color:var(--muted)}
.hub-mas ul{display:flex;flex-wrap:wrap;gap:6px}
.hub-mas li{display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:500;color:var(--ink-2)}
.hub-mas li.mas{background:transparent;box-shadow:none;border:1.5px dashed #9aa5ba;color:var(--cobalt);font-weight:600}
.medida{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(40px,5vw,64px);padding:clamp(26px,3vw,36px) var(--pad);border-top:1px solid var(--line)}
.medida h3{font-weight:500;font-size:clamp(21px,2.2vw,27px);letter-spacing:-.03em;line-height:1.2}
.medida p{margin-top:8px;color:var(--muted);font-size:16px;max-width:60ch}

/* ── el puesto según los avisos ── */
.pu-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(44px,5vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pu-c{padding:26px clamp(18px,2.4vw,32px) 10px;border-left:1px solid var(--line);background:var(--paper)}
.pu-c:first-child{border-left:0}
.pu-who{display:flex;align-items:center;gap:12px}
.pu-who b{display:block;font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.pu-who small{display:block;font-size:13.5px;color:var(--muted)}
.pu-n{margin-top:18px;font-size:13.5px;color:var(--muted)}
.pu-n b{font-family:var(--mono);font-weight:500;color:var(--ink);font-size:15px}
.pu-l{margin-top:14px}
.pu-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:15px 0;border-top:1px solid var(--line-2);font-size:14.5px;font-weight:500;letter-spacing:-.01em}
.pu-l .pxbar{grid-column:1;height:8px;gap:1.5px}
.pu-l li>b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.pu .in-note{padding-top:20px}

/* ── reglas ── */
.rg-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-top:clamp(44px,5vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rg-a{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:430px;padding:clamp(22px,3.6vw,48px);background-color:var(--cobalt);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;background-position:center}
.rg-p{font-size:13px;font-weight:500;color:rgba(255,255,255,.9)}
.rg-i{font-size:13.5px;color:rgba(255,255,255,.88)}
.rg-n{display:flex;flex-direction:column;justify-content:center;min-height:270px}
.nt{padding:18px;border-radius:var(--r);background:var(--white);box-shadow:0 30px 60px -24px rgba(6,12,60,.6);animation:pzin .4s var(--ease) both}
.nt-h{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.nt-h b{display:block;font-size:14.5px;color:var(--ink);line-height:1.2}
.nt-h time{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.nt>p{margin-top:12px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.nt-r{margin-top:10px;padding:9px 12px;border-radius:2px;background:var(--amber-50);font-size:13px;font-weight:500;color:var(--amber)}
.nt-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.nt-b button{flex:1 1 130px;height:44px;padding:0 14px;border:0;border-radius:var(--r);font-size:14px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background .2s,box-shadow .2s}
.nt-b .p{background:var(--cobalt);color:#fff}.nt-b .p:hover{background:var(--cobalt-d)}
.nt-b .s{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.nt-b .s:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ck{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer}
.ck input{width:17px;height:17px;margin:0;accent-color:var(--cobalt)}
.nt.ok{display:flex;align-items:flex-start;gap:12px}
.nt.ok>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:2px;background:var(--green)}
.nt.ok>span .px{width:14px}
.cn-k .px{width:12px}
.nt.ok b{display:block;font-size:15.5px;line-height:1.4}
.nt.ok small{display:block;margin-top:4px;font-size:13.5px;color:var(--muted)}
.rg-b{display:flex;flex-direction:column;background:var(--white);border-left:1px solid var(--line)}
.rg-l{flex:1}
.rg-l li{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line-2);font-size:14px}
.rg-l li div{flex:1;min-width:0}
.rg-l b{display:block;font-weight:600;line-height:1.35}
.rg-l small{font-size:12px;color:var(--muted)}
.rg-l li.nueva{animation:nueva 2.2s var(--ease) both}
@keyframes nueva{0%{opacity:0;transform:translateY(-10px);background:var(--ice)}20%{opacity:1;transform:none;background:var(--ice)}100%{background:transparent}}
.rg-c{padding:14px 20px;border-top:1px solid var(--line-2);font-size:13px;color:var(--muted)}
.rg-c b{font-family:var(--mono);color:var(--ink)}

/* ── cómo trabajan ── */
.pr-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.pr-hd{padding:var(--sec) var(--pad);border-right:1px solid var(--line)}
.pr-hd .h2{position:sticky;top:110px}
.pr-l{padding:calc(var(--sec) - 26px) 0 calc(var(--sec) - 26px)}
.pr-l li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:26px var(--pad);border-bottom:1px solid var(--line)}
.pr-l li:last-child{border-bottom:0}
.pr-l h3{font-size:clamp(20px,1.9vw,24px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.pr-l p{font-size:15.5px;color:var(--muted)}

/* ── cómo se incorporan ── */
.pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(44px,5vw,64px);border-top:1px solid var(--line)}
.pasos li{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px clamp(18px,2.6vw,36px) clamp(36px,4vw,56px);border-left:1px solid var(--line)}
.pasos li:first-child{border-left:0}
.paso-px{display:grid;place-items:center;aspect-ratio:2.6;margin-bottom:16px;border:1.5px dashed #c3c2b8;border-radius:2px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:16px 16px;transition:border-color .5s,background-color .5s}
.paso-px .px{opacity:.35;filter:grayscale(1);transition:opacity .5s,filter .5s}
.pasos.vis .paso-px{border-style:solid;border-color:var(--line);background-color:var(--white)}
.pasos.vis .paso-px .px{opacity:1;filter:none}
.pasos.vis li:nth-child(1) .paso-px,.pasos.vis li:nth-child(1) .paso-px .px{transition-delay:.6s}
.pasos.vis li:nth-child(2) .paso-px,.pasos.vis li:nth-child(2) .paso-px .px{transition-delay:1.1s}
.pasos.vis li:nth-child(3) .paso-px,.pasos.vis li:nth-child(3) .paso-px .px{transition-delay:1.6s}
.pasos h3{font-size:clamp(21px,2vw,25px);font-weight:500;letter-spacing:-.03em}
.pasos p{color:var(--muted);font-size:15.5px;max-width:40ch}
.pasos li::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--cobalt);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.pasos.vis li::after{transform:none}
.pasos.vis li:nth-child(2)::after{transition-delay:.5s}.pasos.vis li:nth-child(3)::after{transition-delay:1s}

/* ── preguntas ── */
.faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.faq-l{padding:calc(var(--sec) - 4px) var(--pad) var(--sec)}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:500;letter-spacing:-.025em}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:10px;height:10px;background:linear-gradient(var(--ink),var(--ink)) center/10px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 10px no-repeat;transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
summary:hover{color:var(--cobalt)}
details p{padding:0 0 24px;color:var(--muted);font-size:16px;max-width:62ch}

/* ── cierre: franjas de cobalto a noche, con el logo en píxeles apoyado arriba ── */
.fin{border-top:1px solid var(--line)}
.fin-in{padding:var(--sec) var(--pad) clamp(120px,12vw,168px);text-align:center;border-bottom:0}
.fin .h{font-size:clamp(40px,6vw,88px);letter-spacing:-.04em;max-width:14ch;margin-inline:auto}
.fin p{margin:20px auto 0;color:var(--muted);max-width:46ch;font-size:18px}
.bands{position:relative;display:grid}
.bands i{position:relative;display:block;height:clamp(22px,3vw,40px)}
.bands i::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:clamp(6px,.8vw,10px);background:repeating-linear-gradient(90deg,var(--bc) 0 40px,transparent 40px 120px);background-position:var(--bx,0) 0}
.bands i:nth-of-type(1){--bc:var(--ice);--bx:20px;background:var(--bc)}.bands i:nth-of-type(2){--bc:#c3d0ff;--bx:60px;background:var(--bc)}.bands i:nth-of-type(3){--bc:var(--sky);--bx:100px;background:var(--bc)}
.bands i:nth-of-type(4){--bc:#6a88ff;--bx:0px;background:var(--bc)}.bands i:nth-of-type(5){--bc:var(--cobalt);--bx:80px;background:var(--bc)}.bands i:nth-of-type(6){--bc:var(--cobalt-dd);--bx:40px;background:var(--bc)}
.logo-px{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%)}
footer{background:var(--night);color:#c8d0f5;font-size:14px}
footer .wrap{border-color:rgba(255,255,255,.1)}
.pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:28px var(--pad) 40px}
.pie-l{display:flex;flex-wrap:wrap;gap:6px 22px}
footer a:hover{color:#fff}

/* ── entradas al hacer scroll: visibles por defecto, solo se animan con JS ── */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.vis{opacity:1;transform:none}

/* ── responsive ── */
@media (max-width:1180px){
  .nav{display:none}
  .top-in{gap:12px}
  .lang{margin-left:auto}
  .menu-b{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:var(--r);background:transparent;cursor:pointer}
  .menu-b span,.menu-b span::before,.menu-b span::after{display:block;width:16px;height:1.6px;background:var(--ink);transition:transform .25s var(--ease),background .2s}
  .menu-b span{position:relative}
  .menu-b span::before,.menu-b span::after{content:"";position:absolute;left:0}
  .menu-b span::before{top:-5px}.menu-b span::after{top:5px}
  .top.open .menu-b span{background:transparent}
  .top.open .menu-b span::before{transform:translateY(5px) rotate(45deg)}
  .top.open .menu-b span::after{transform:translateY(-5px) rotate(-45deg)}
  .top.open .nav{display:flex;position:absolute;left:-1px;right:-1px;top:64px;flex-direction:column;gap:0;margin:0;padding:4px 0 10px;border-radius:0;background:var(--paper);border:1px solid var(--line);border-top:0;box-shadow:0 26px 40px -26px rgba(13,19,48,.3)}
  .top.open .nav a{padding:15px var(--pad);font-size:16.5px;color:var(--ink);border-top:1px solid var(--line-2)}
  .top.open .nav a:first-child{border-top:0}
}
@media (max-width:1040px){
  .hub{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:26px}
  .hub-l,.hub-b{display:none}
  .hub-c{position:relative;left:auto;top:auto;width:min(100%,250px);height:auto;padding:22px 18px}
  .hub-ts{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
  .hub-ts::before{content:"";position:absolute;left:50%;top:-26px;height:26px;border-left:1.4px solid #8f9bb3}
  .hub-t{position:static;width:auto;height:66px;transform:none}
  .hub-t:hover{transform:none}
}
@media (max-width:960px){
  .board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slot:nth-child(3){border-left:0}
  .slot:nth-child(n+3){border-top:1px solid var(--line)}
  .ficha,.emp.alt .ficha,.rg-g,.pr-in,.faq-in{grid-template-columns:minmax(0,1fr)}
  .emp.alt .ficha-t{order:0;border-left:0}
  .ficha-v{border-left:0;border-top:1px solid var(--line)}
  .pu-g{grid-template-columns:minmax(0,1fr)}
  .pu-c{border-left:0;border-top:1px solid var(--line)}.pu-c:first-child{border-top:0}
  .rg-b{border-left:0;border-top:1px solid var(--line)}
  .pr-hd{border-right:0;padding-bottom:0}
  .pr-hd .h2{position:static}
  .pr-l{padding:24px 0 calc(var(--sec) - 26px)}
  .faq-l{padding-top:32px}
  .stage{display:flex;flex-direction:column-reverse}
  .stage .float.f-ok{position:relative;right:auto;bottom:auto;width:auto;margin:0 0 18px}
  .f-live{display:none}
  .feed{height:calc(5 * 61px + 60px)}
}
@media (max-width:720px){
  body{font-size:16px}
  .top-cta{display:none}
  .cta .btn{flex:1 1 100%}
  .slot-px{margin:10px 10px 0;aspect-ratio:1.3}
  .slot-px>.px{width:42%}
  .slot-cap{padding:12px 12px 14px;min-height:0}
  .slot small{font-size:12.5px}
  .ev{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;height:auto;padding:12px 14px}
  .ev time{display:none}
  .ev p{grid-column:1/-1;order:3;white-space:normal}
  .feed{height:auto;max-height:470px}
  .tabs{display:none}
  .pts li{grid-template-columns:1fr;gap:2px}
  .pasos{grid-template-columns:minmax(0,1fr)}
  .pasos li{border-left:0;border-top:1px solid var(--line)}.pasos li:first-child{border-top:0}
  .pr-l li{grid-template-columns:1fr;gap:6px}
  .ch{grid-template-columns:minmax(0,1fr) 80px 40px;gap:10px;font-size:14.5px}
  .ficha-h{flex-wrap:wrap}
  summary{font-size:17.5px}
  .ad-l li{grid-template-columns:30px minmax(0,1fr);gap:4px 10px}
  .ad-l li .tag{grid-column:2;justify-self:start}
  .medida .btn{flex:1 1 100%}
  .float{width:auto}
}
/* en el teléfono: la última tarea de cada puesto entra completa, en dos líneas; los logos van de a tres */
@media (max-width:720px){
  .slot-tk{height:auto;align-items:flex-start;font-size:11px;line-height:1.35}
  .slot-tk>i{margin-top:4px}
  .slot-tk>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em}
  .hub-ts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hub-t{height:54px;border-radius:10px}
  .hub-t img{max-width:76%;max-height:46%}
  .hub-t.sq img{max-height:58%}
}
/* fuera de pantalla, la animación de conexiones se detiene */
.hub-box.quieto .hub-c::before{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .js [data-drop] rect{opacity:1}
  .js .pxbar i.on{transform:none;opacity:1}
  .js .stage .float{opacity:1;transform:none}
  .hub-p{display:none}
}

/* ═════════ Sitio de EE.UU. (oct-2026): lo que se suma al sistema de Javier ═════════ */
.preview{background:var(--night);color:var(--ice);font:500 13px/1.4 var(--sans);text-align:center;padding:9px max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px))}

/* el aviso de empleo arriba del tablero: puesto abierto → cubierto */
.post{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 28px;margin-top:clamp(32px,3.5vw,48px);padding:16px var(--pad);border-top:1px solid var(--line);background:var(--white)}
.post+.board{margin-top:0}
.post-l{display:flex;flex-direction:column;gap:3px;min-width:0}
.post-k,.post-r{display:inline-grid}
.post-k>span,.post-r>span{grid-area:1/1;transition:opacity .5s,transform .6s var(--ease)}
.post-k>span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--muted)}
.post-k>span::before{content:"";width:7px;height:7px;border:1.5px dashed var(--faint)}
.post-k .post-on{color:var(--green)}
.post-k .post-on::before{border:0;background:var(--green)}
.post b{font-size:clamp(19px,1.9vw,24px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.post small{font-size:13.5px;color:var(--muted)}
.post-r{font-family:var(--mono);font-size:13px;color:var(--ink-2);text-align:right}
.post-r .post-on{color:var(--cobalt)}
.post .post-on{opacity:0;transform:translateY(6px)}
.post.on .post-off{opacity:0;transform:translateY(-6px)}
.post.on .post-on{opacity:1;transform:none}
.slot .k.warn{color:var(--amber)}
.slot .k.warn::before{border:0;background:#e5a50a}

/* el feed: cada fila, un tipo de tarea */
.who .px.ic.xs{width:24px}
.f-live .px.ic.xs{width:24px}

/* el reloj del lien */
.lc-c,.lc-l li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 104px;align-items:center;gap:14px}
.lc-c{padding:12px 18px 6px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.lc-c span:last-child{text-align:right}
.lc-l li{padding:12px 18px;border-top:1px solid var(--line-2);font-size:13.5px}
.lc-l li>div:first-child{min-width:0}
.lc-l b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-l small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.lc-r b{font-family:var(--mono);font-weight:500;font-size:12.5px}
.lc-p{padding:12px 18px 14px;border-top:1px solid var(--line-2);font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.dbar{display:grid;grid-template-columns:repeat(30,1fr);gap:1.5px;height:10px}
.dbar i{background:var(--line-2)}
.dbar i.on{background:var(--sky)}
.dbar i.late{background:#e5a50a}
.dbar i.d75{box-shadow:-1.5px 0 0 var(--ink)}

/* lo que cuesta cada alternativa */
.cs-l{margin:clamp(40px,5vw,60px) var(--pad) 0;border-top:1px solid var(--line)}
.cs-l li{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1.3fr) 130px;align-items:center;gap:18px;padding:16px 12px;border-bottom:1px solid var(--line)}
.cs-l li>div{min-width:0}
.cs-l li>div b{display:block;font-size:16.5px;font-weight:500;letter-spacing:-.02em;line-height:1.3}
.cs-l li>div small{display:block;font-size:13.5px;color:var(--muted);line-height:1.35}
.cs-v{font-family:var(--mono);font-size:14px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cs-pct{font-size:14px;color:var(--ink-2)}
.cs-l li.me{background:var(--white);box-shadow:inset 3px 0 0 var(--cobalt)}
.cs-l li.me .cs-v{color:var(--cobalt);font-size:17px}
.cbar{display:grid;grid-template-columns:repeat(45,1fr);gap:2px;height:14px}
.cbar i{background:var(--line-2)}
.cbar i.on{background:var(--sky)}
.cbar i.rg{background:#cdd7ff}
.me .cbar i.on{background:var(--cobalt)}
.js .cbar i.on,.js .cbar i.rg{transform:scaleY(.2);opacity:0;transition:transform .5s var(--ease),opacity .3s;transition-delay:calc(var(--k)*14ms)}
.js .cs-l.vis .cbar i.on,.js .cs-l.vis .cbar i.rg{transform:none;opacity:1}

/* los escalones de precio */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,4vw,48px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tiers>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px clamp(16px,2.4vw,30px) 24px;border-left:1px solid var(--line)}
.tiers>div:first-child{border-left:0}
.tiers small{font-size:13.5px;color:var(--muted)}
.tiers b{font-size:clamp(30px,3.2vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.tiers b span{margin-left:3px;font-size:15px;font-weight:450;letter-spacing:-.01em;color:var(--muted)}
.tf{display:inline-flex;align-items:center;gap:7px;min-height:24px;max-width:100%;padding:3px 9px;border-radius:2px;background:#fff3c4;color:#6b4e16;font-family:var(--mono);font-size:11.5px;font-weight:500;line-height:1.3}
.tf::before{content:"";flex:none;width:6px;height:6px;background:var(--yellow);box-shadow:0 0 0 1px #c98a00}
.tiers-n{padding:18px var(--pad) 0;font-size:15.5px;color:var(--muted);text-align:center;text-wrap:balance}
.tiers-n b{color:var(--ink);font-weight:500}
.cs .in-note{padding-top:18px}

/* el diagnóstico */
.dg-box{display:flex;flex-direction:column;padding:clamp(28px,4vw,56px) clamp(14px,4vw,56px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dg{width:100%;max-width:780px;margin:0 auto}
.dg-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:20px 18px;border-bottom:1px solid var(--line-2)}
.dg-top small{font-size:12.5px;font-weight:600;color:var(--green)}
.dg-n{display:block;margin-top:6px;font-size:clamp(34px,4vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.dg-top p{margin-top:10px;max-width:34ch;font-size:13px;line-height:1.45;color:var(--muted)}
.dg-b{align-self:center}
.dg-b li{display:grid;grid-template-columns:78px minmax(0,1fr) 72px;align-items:center;gap:10px;padding:4px 0}
.dg-b span{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.dg-b i{display:block;height:12px;width:calc(var(--w) * 1.6%);background:var(--sky)}
.dg-b i.hot{background:var(--cobalt)}
.dg-b b{font-family:var(--mono);font-size:12px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.dg-l li{display:grid;grid-template-columns:minmax(0,1fr) 92px 124px minmax(0,1fr);align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line-2);font-size:13.5px}
.dg-l li:first-child{border-top:0}
.dg-l b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-a{font-family:var(--mono);font-size:12px;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dg-w{font-size:12.5px;color:var(--muted)}
.ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:clamp(26px,3vw,36px) var(--pad)}
.ask-t{min-width:0}
.ask h3{font-weight:500;font-size:clamp(21px,2.2vw,27px);letter-spacing:-.03em;line-height:1.2}
.ask p{margin-top:8px;max-width:52ch;font-size:16px;color:var(--muted)}
.ask-a{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}
.mail-row{display:flex;align-items:center;max-width:100%;height:48px;border-radius:var(--r);background:var(--white);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.mail-row code{min-width:0;padding:0 14px;font-family:var(--mono);font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all;-webkit-user-select:all}
.copy{flex:none;height:100%;padding:0 16px;border:0;border-left:1px solid var(--line);background:transparent;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.copy:hover{background:var(--paper);color:var(--cobalt)}
.pie-n{flex-basis:100%;max-width:80ch;font-size:12.5px;line-height:1.5;color:#9aa5d6}

@media (max-width:960px){
  .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiers>div:nth-child(3){border-left:0}
  .tiers>div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:720px){
  .post{align-items:flex-start}
  .post-r{text-align:left}
  .lc-c{display:none}
  .lc-l li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .lc-l .dbar{grid-column:1/-1;grid-row:2}
  .lc-l b,.lc-l small{white-space:normal}
  .cs-l{margin-inline:0}
  .cs-l li{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:14px var(--pad)}
  .cs-l .cbar,.cs-l .cs-pct{grid-column:1/-1;grid-row:2}
  .cs-l li>.cs-v{grid-column:2;grid-row:1}
  .dg-top{grid-template-columns:minmax(0,1fr)}
  .dg-l li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px}
  .dg-l li>span:nth-child(2){display:none}
  .dg-w{grid-column:1/-1}
  .ask-a,.ask-a .btn{width:100%}
  .mail-row{width:100%}
  .mail-row code{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .js .cbar i.on,.js .cbar i.rg{transform:none;opacity:1}
}

/* ── 25-oct: «mientras contrata», quiénes somos, el pedido del reporte y las páginas sueltas (privacidad, contadores) ── */
.pr-hd-l .h2{position:static}
.pr-hd .lead{margin-top:20px;font-size:17px}
.pr-hd .cta-l{margin-top:28px}
.pr-l p .lnk{margin-top:8px;font-size:14.5px}
.ask-n a,.doc-b a{box-shadow:inset 0 -1px 0 currentColor;transition:color .2s}
.ask-n a:hover,.doc-b a:hover{color:var(--cobalt)}
.ask .ask-n{margin-top:12px;max-width:60ch;font-size:14px}
a.copy{display:grid;place-items:center}
.sub .lang{margin-left:auto}
.doc-in{padding:clamp(48px,6vw,96px) var(--pad) var(--sec)}
.doc-k{font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em;color:var(--cobalt-d)}
.doc-h{margin-top:14px;font-size:clamp(36px,4.6vw,64px);max-width:18ch}
.doc-in>.lead{margin-top:18px}
.doc-b{margin-top:clamp(36px,4vw,56px);max-width:68ch;border-top:1px solid var(--line)}
.doc-b h2{margin-top:32px;font-size:clamp(20px,1.9vw,24px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.doc-b p{margin-top:10px;font-size:16.5px;color:var(--ink-2)}
.doc-in .cta-l{margin-top:clamp(36px,4vw,56px)}
/* en el teléfono, «Write» abre el correo y el botón de copiar le dejaría cortada la dirección */
@media (max-width:720px){.ask .ask-n{font-size:13.5px}.mail-row:has(a.copy) .copy[data-copy]{display:none}}