/* Añadidos de Claudia sobre el Sistema A de Pincel (no toca styles.css ni tokens.css). */

/* Franja de vista previa */
.borrador{background:#7A4B00;color:#fff;font:500 12px/1.3 var(--fh-font-mono);letter-spacing:.04em;text-align:center;padding:6px 12px}

/* Texto provisional (punto abierto: idioma de entrega) */
.provisional{display:inline-block;margin-left:6px;padding:1px 6px;border:1px dashed #B26B00;border-radius:4px;background:#FFF4E0;color:#7A4B00;font:500 10.5px/1.5 var(--fh-font-mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;white-space:nowrap}

/* Menú móvil desplegable (<=1180 px el diseño oculta .nav y muestra .burger) */
@media(max-width:1180px){
  .hd{position:sticky}
  .hd.is-open .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--fh-white);border-bottom:var(--fh-border);box-shadow:var(--fh-shadow-hover);padding:8px var(--fh-margin) 16px;z-index:30}
  .hd.is-open .nav a{font-size:var(--fh-fs-body);padding:12px 8px;min-height:var(--fh-tap-min);border-bottom:1px solid var(--fh-line);border-radius:0}
  .hd.is-open .nav a:last-child{border-bottom:0}
  .hd .c{position:relative}
}
.burger[aria-expanded="true"]{background:var(--fh-slate-100)}

/* Comparador */
.cmp{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.cmp img{pointer-events:none;-webkit-user-drag:none}
.cmp:focus-visible{outline:3px solid var(--fh-focus);outline-offset:3px}
.cmp .yr{pointer-events:none}

/* Páginas de la muestra, ampliables */
.pages a.pg{display:block;cursor:zoom-in}.pages a.pg img{width:100%}
.gal a.g{cursor:zoom-in}

/* Visor ampliado */
dialog.lb{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;margin:0}
dialog.lb::backdrop{background:rgba(14,20,26,.88)}
.lb__fig{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 24px;gap:12px}
.lb__img{max-width:min(1400px,100%);max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.lb__cap{color:#fff;font:500 13px/1.4 var(--fh-font-mono);text-align:center;max-width:900px}
.lb__x{position:fixed;top:12px;right:12px;width:var(--fh-tap-min);height:var(--fh-tap-min);border:1px solid rgba(255,255,255,.4);border-radius:var(--fh-radius-btn);background:rgba(0,0,0,.35);color:#fff;font:400 28px/1 var(--fh-font-sans);cursor:pointer}
.lb__x:hover{background:rgba(0,0,0,.6)}

/* Páginas legales */
.legal{max-width:780px;margin:0 auto;padding:56px var(--fh-margin) 80px}
.legal h1{font-size:var(--fh-fs-h2);font-weight:600}
.legal h2{font-size:var(--fh-fs-h4);margin-top:2em}
.legal .nota,.legal .aviso-idioma{font:500 12px/1.5 var(--fh-font-mono);color:var(--fh-muted)}
.legal .aviso-idioma{border:var(--fh-border);background:var(--fh-white);padding:10px 14px;margin-bottom:24px}
.legal ul{padding-left:1.2em}.legal li{margin-bottom:.4em}
.legal a{color:var(--fh-slate)}
.legal table{border-collapse:collapse;width:100%;font-size:var(--fh-fs-xs)}.legal th,.legal td{border:var(--fh-border);padding:8px;text-align:left;vertical-align:top}
.ft__note{font:500 11.5px/1.5 var(--fh-font-mono);color:#9FB3C4;margin:4px 0 0}

/* Precio retirado (27-oct-2026): bloque PROVISIONAL hasta que se fije el precio */
.spec__v--txt{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);white-space:normal}
.pc__amount--prov{align-items:baseline}
.pc__soon{font:600 clamp(1.75rem,1.4rem + 1.4vw,2.5rem)/1.1 var(--fh-font-mono);color:var(--fh-ink);letter-spacing:-.01em}
.pc__amount--prov small{padding-bottom:0}