/* PISABEN — el relato reutiliza los bloques .cx-* del caso CIMENTA con sus dos tintas, más sus piezas propias. */
.pb-page{--ox:#0f4653;--ox-l:#cfe0e2;--carbon:#0b2f38;--pb:#0f4653;--pb2:#2f7480;--pbp:#efebe3;--pbg:#e8c87a}
.pb-page .cx-hero h1 em,.pb-page .cx-summary h2 em,.pb-page .cx-gestion h2 em,.pb-page #identidad h2 em,.pb-page #web h2 em,.pb-page .case-story h2 em{color:var(--pb2)}
.pb-page .cx-steps article:last-child{background:linear-gradient(160deg,#cfe0e266,transparent 70%)}
.pb-page .cx-day article::after{background:radial-gradient(#2f748066,transparent 70%)}
.pb-page .cx-day time{color:var(--ox-l)}
.pb-page .cx-tabs button[aria-selected=true]{background:#0f46530d}
.pb-page .cx-tabs button:hover{background:#0f465308}
.pb-page .cx-proof li:first-child strong{color:var(--ox-l)}
.pb-page .cx-cta{background:radial-gradient(ellipse at 90% 0,#2f748066,transparent 55%),#0b2f38}
.pb-page .cx-cta h2 em{color:var(--pbg)}
.pb-page .cx-cta .button.primary{background:var(--pbp);border-color:var(--pbp);color:#0b2f38}
.pb-page .cx-cta .button.primary:hover{background:#fff;border-color:#fff}

/* ---------- estudios de identidad ---------- */
.pb-studies{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.pb-study{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,32px);background:var(--pbp);color:var(--pb);border:1px solid #0f46531a}
.pb-study-top{display:flex;justify-content:space-between;gap:12px;font:500 11px var(--mono,'DM Mono',monospace);letter-spacing:.12em;opacity:.7}
.pb-study h3{margin:0;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.03em}
.pb-study-art{display:grid;place-items:center;aspect-ratio:1/1;max-height:420px;background:#fff;border:1px solid #0f465314}
.pb-study-svg{width:72%;height:auto;overflow:visible}
.pb-grid line{stroke:#0f465318;stroke-width:1.5;transition:opacity .6s}
.pb-guides ellipse,.pb-guides path{fill:none;stroke:var(--pb2);stroke-width:3;stroke-dasharray:10 8;transition:opacity .6s,stroke-dashoffset 1.2s}
.pb-arch{fill:var(--pb);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.pb-toe{fill:var(--pb);transform-box:fill-box;transform-origin:50% 60%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .4s;transition-delay:calc(var(--t)*90ms)}
.pb-study[data-stage="0"] .pb-toe{opacity:0;transform:translateY(30px) scale(.2)}
.pb-study[data-stage="0"] .pb-guides,.pb-study[data-stage="2"] .pb-guides{opacity:0}
.pb-study[data-stage="1"] .pb-toe{opacity:0;transform:scale(.3)}
.pb-study[data-stage="2"] .pb-grid{opacity:.35}
.pb-stages{display:flex;gap:6px}
.pb-stages button{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #0f465333;background:transparent;color:var(--pb);font:600 14px var(--sans,'DM Sans',sans-serif);cursor:pointer;transition:background .25s,color .25s}
.pb-stages button span{font:500 11px var(--mono,'DM Mono',monospace);opacity:.65}
.pb-stages button[aria-pressed=true]{background:var(--pb);color:var(--pbp);border-color:var(--pb)}
.pb-stages button:focus-visible,.pb-replay:focus-visible{outline:2px solid #6552df;outline-offset:3px}
.pb-study-text{margin:0;min-height:3em;color:#0f4653cc}
.pb-replay{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--pb);font:600 14px var(--sans,'DM Sans',sans-serif);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.pb-replay svg{width:12px;height:12px;fill:currentColor}
.pb-swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb-swatches div{display:grid;gap:2px;padding:18px;background:var(--c);color:var(--k);border:1px solid #0f465322}
.pb-swatches b{font-size:18px}.pb-swatches small{font:500 12px var(--mono,'DM Mono',monospace);letter-spacing:.08em;opacity:.8}
.pb-cardpair{display:grid;grid-template-columns:1fr 1fr;gap:12px;perspective:900px}
.pb-card{position:relative;aspect-ratio:85/55;overflow:hidden;border-radius:6px;box-shadow:0 20px 34px -24px #0b2f38aa;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.pb-card:hover{transform:rotateY(-8deg) rotateX(4deg) translateY(-4px)}
.pb-card.is-front{background:var(--pb);color:var(--pbp);display:grid;align-content:space-between;padding:12% 10%}
.pb-card.is-front .pb-word{width:70%}
.pb-card small{font:600 clamp(7px,.6vw,9px) var(--sans,'DM Sans',sans-serif);letter-spacing:.24em}
@media(max-width:900px){.pb-card small{font-size:12px;letter-spacing:.12em}}
.pb-card.is-back{background:var(--pbp);color:var(--pb);border:1px solid #0f465314}
.pb-card.is-back small{position:absolute;right:8%;top:10%;text-align:right;line-height:1.7}
.pb-big-toe,.pb-big-arch{position:absolute;background:var(--pb);border-radius:50%}
.pb-big-toe.t1{width:28%;height:44%;left:6%;top:-12%;rotate:30deg}.pb-big-toe.t2{width:18%;height:30%;left:34%;top:10%;rotate:30deg}.pb-big-toe.t3{width:16%;height:26%;left:48%;top:38%;rotate:34deg}.pb-big-toe.t4{width:14%;height:22%;left:56%;top:66%;rotate:40deg}
.pb-big-arch{width:96%;height:120%;left:-46%;top:46%}
.pb-scale{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:center;margin-top:20px;padding:clamp(20px,2.4vw,32px);background:#fff;color:var(--pb);border:1px solid #0f465314}
.pb-scale-row{display:flex;align-items:flex-end;gap:clamp(16px,3vw,40px);flex-wrap:wrap}
.pb-scale .pb-word{display:block;height:auto}
.pb-s1 .pb-word{width:clamp(180px,22vw,300px)}.pb-s2 .pb-word{width:clamp(120px,13vw,180px)}.pb-s3 .pb-word{width:clamp(80px,8vw,110px)}
.pb-scale-marks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pb-scale-marks small{width:100%;font:500 11px var(--mono,'DM Mono',monospace);letter-spacing:.1em;opacity:.65}
.pb-app,.pb-fav{display:grid;place-items:center;background:var(--pb);color:var(--pbp)}
.pb-app{width:76px;height:76px;border-radius:20px}.pb-app .pb-mark{width:52%}
.pb-fav{width:34px;height:34px;border-radius:6px}.pb-fav .pb-mark{width:62%}
.pb-fav.is-xs{width:16px;height:16px;border-radius:2px}.pb-fav.is-xs .pb-mark{width:70%}
.pb-mark{display:block;height:auto}
.pb-sheet{margin:20px 0 0}
.pb-sheet img{display:block;width:100%;height:auto;border:1px solid #0f465314}
.pb-sheet figcaption{margin-top:10px;font:500 12px var(--mono,'DM Mono',monospace);letter-spacing:.06em;opacity:.65}

/* ---------- la web: reserva por turnos ---------- */
.pb-web{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:28px;align-items:start}
.pb-book{display:grid;gap:18px;padding:clamp(18px,2.2vw,30px);background:var(--pbp);color:var(--pb);border:1px solid #0f46531a;max-width:520px;width:100%;justify-self:center}
.pb-book-top{display:flex;justify-content:space-between;gap:10px;font:500 10.5px var(--mono,'DM Mono',monospace);letter-spacing:.12em}
.pb-book-top span:last-child{color:var(--pb2)}
.pb-book-step{display:grid;gap:10px}.pb-book-step>b{font-size:15px}
.pb-towns{display:flex;flex-wrap:wrap;gap:6px}
.pb-towns button,.pb-days button,.pb-turns button{border:1px solid #0f465326;background:#fff;color:var(--pb);cursor:pointer;font:600 14px var(--sans,'DM Sans',sans-serif);transition:background .2s,color .2s,transform .2s}
.pb-towns button{padding:9px 14px;border-radius:40px}
.pb-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pb-days button{display:grid;justify-items:center;gap:1px;padding:8px 0;border-radius:12px;font-size:17px}
.pb-days button small{font:500 10px var(--mono,'DM Mono',monospace);opacity:.65}
.pb-turns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb-turns button{display:grid;justify-items:start;gap:2px;padding:14px;border-radius:16px;text-align:left;font-size:16px}
.pb-turns button small{font:500 12px var(--sans,'DM Sans',sans-serif);opacity:.7}
.pb-towns button[aria-checked=true],.pb-days button[aria-checked=true],.pb-turns button[aria-checked=true]{background:var(--pb);color:var(--pbp);border-color:var(--pb)}
.pb-towns button:active,.pb-days button:active,.pb-turns button:active{transform:scale(.95)}
.pb-days button:disabled,.pb-turns button:disabled{opacity:.38;cursor:not-allowed;background:transparent;border-style:dashed}
.pb-days button.is-full b{text-decoration:line-through}
.pb-towns button:focus-visible,.pb-days button:focus-visible,.pb-turns button:focus-visible,.pb-go:focus-visible{outline:2px solid #6552df;outline-offset:2px}
.pb-go{min-height:54px;border:0;border-radius:40px;background:var(--pb);color:var(--pbp);font:700 16px var(--sans,'DM Sans',sans-serif);cursor:pointer}
.pb-go:disabled{opacity:.45;cursor:not-allowed}
.pb-done{display:grid;gap:4px;padding:18px;border-radius:18px;background:var(--pb);color:var(--pbp);animation:pb-up .5s cubic-bezier(.16,1,.3,1)}
.pb-done[hidden]{display:none}
.pb-done span{font:500 10px var(--mono,'DM Mono',monospace);letter-spacing:.12em;color:var(--pbg)}
.pb-done b{font-size:19px}
.pb-book-note{margin:0;font-size:12px;opacity:.65}
@keyframes pb-up{from{opacity:0;transform:translateY(12px)}}
.pb-web-why{display:grid;gap:12px}
.pb-web-why article{padding:20px 22px;border:1px solid #0f465318;background:#fff}
.pb-web-why span{font:500 11px var(--mono,'DM Mono',monospace);letter-spacing:.12em;color:var(--pb2)}
.pb-web-why h3{margin:6px 0 6px;font-size:21px;letter-spacing:-.02em;color:var(--pb)}
.pb-web-why p{margin:0;opacity:.85}

@media (max-width:860px){
 .pb-studies,.pb-web,.pb-scale{grid-template-columns:1fr}
 .pb-stages button{padding:10px 8px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.pb-toe,.pb-arch,.pb-guides ellipse,.pb-guides path,.pb-card{transition:none}.pb-done{animation:none}}
/* Contraste: rótulos con color sólido (≥4,5:1) */
.pb-study-top,.pb-scale-marks small,.pb-sheet figcaption,.pb-book-note,.pb-swatches small{opacity:1}
.pb-sheet figcaption{color:#4a5a5e}
.pb-stages button span,.pb-days button small,.pb-turns button small{opacity:.85}
.pb-book-top span:last-child{color:#256570}
.pb-go:disabled{opacity:1;background:#4d6d75;color:#f4f1ea}