/* PC Maestro · concept prototypes. Shared pieces (basket drawer, part chooser, toast) dressed per direction,
   and the NeoAwakening bar in the studio's own identity (black, bone, enamel; Archivo wide + Zodiak). */
@font-face{font-family:"NA Ancha";src:url(fuentes/archivo-ancha-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Zodiak;src:url(fuentes/zodiak-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Zodiak;src:url(fuentes/zodiak-400-cursiva.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

body{--pm-fondo:#fff;--pm-texto:#000;--pm-suave:#666;--pm-filete:#000;--pm-acento:#c8362e;--pm-acento-t:#fff;--pm-negro:#000;--pm-negro-t:#fff;--pm-linea:1px;--pm-radio:0px;--pm-fuente:inherit;--pm-sombra:0 30px 60px rgba(0,0,0,.35);padding-bottom:64px}
body[data-dir="a"]{--pm-fondo:#aaaaaa;--pm-texto:#000;--pm-suave:#2b2b2b;--pm-filete:#000;--pm-acento:#c8362e;--pm-acento-t:#fff;--pm-negro:#0000aa;--pm-negro-t:#fff;--pm-linea:3px;--pm-fuente:VT323,monospace;--pm-sombra:14px 14px 0 #000058}
body[data-dir="b"]{--pm-fondo:#20262d;--pm-texto:#f3f6f8;--pm-suave:#9fb0bf;--pm-filete:#36414c;--pm-acento:#c8362e;--pm-acento-t:#fff;--pm-negro:#36414c;--pm-negro-t:#f3f6f8;--pm-linea:2px;--pm-radio:4px;--pm-fuente:Archivo,system-ui,sans-serif}
body[data-dir="c"]{--pm-fondo:#fff;--pm-texto:#000;--pm-suave:#444;--pm-filete:#000;--pm-acento:#c8362e;--pm-acento-t:#fff;--pm-negro:#000;--pm-negro-t:#fff;--pm-linea:3px;--pm-fuente:Saira,system-ui,sans-serif}

/* the basket counter jumps when something goes in */
[data-cesta-num].late{animation:pm-late .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pm-late{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
[data-ranura]{cursor:pointer}
[data-ranura]:hover,[data-ranura]:focus-visible{outline:2px solid var(--pm-acento);outline-offset:-2px}
[data-dia],[data-hora]{cursor:pointer}
.pm-muestra{font-size:.62em;font-weight:600;letter-spacing:.02em;padding:1px 5px;margin-left:6px;vertical-align:.15em;border:1px solid currentColor;opacity:.7;white-space:nowrap}
.pm-sin{margin:22px 0 0;padding:16px 18px;border:var(--pm-linea) solid var(--pm-acento);font-size:17px;line-height:1.45;max-width:70ch}
[data-seguimiento].late{animation:pm-brillo 1s ease-out}
@keyframes pm-brillo{0%{box-shadow:0 0 0 0 var(--pm-acento)}100%{box-shadow:0 0 0 18px transparent}}
[hidden]{display:none !important}

/* ── Drawer ── */
.pm-velo{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s;z-index:80}
.pm-cajon{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--pm-fondo);color:var(--pm-texto);font-family:var(--pm-fuente);z-index:81;transform:translateX(104%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:var(--pm-sombra);border-left:var(--pm-linea) solid var(--pm-filete)}
body.pm-abierto .pm-velo{opacity:1;pointer-events:auto}
body.pm-abierto .pm-cajon{transform:none}
.pm-cab{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:var(--pm-linea) solid var(--pm-filete)}
.pm-cab h2{font-size:24px;line-height:1.1;margin:0}
.pm-cerrar{appearance:none;border:0;background:none;color:inherit;font:inherit;font-size:30px;line-height:1;cursor:pointer;width:40px;height:40px}
.pm-cuerpo{padding:20px 22px 26px;overflow:auto;display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:1.45}
.pm-vacio{color:var(--pm-suave)}
.pm-lineas{list-style:none;margin:0;padding:0;border-top:var(--pm-linea) solid var(--pm-filete)}
.pm-lineas li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:var(--pm-linea) solid var(--pm-filete)}
.pm-l-nombre{font-weight:600}
.pm-l-cant{display:flex;align-items:center;gap:6px}
.pm-l-cant button{appearance:none;width:30px;height:30px;border:var(--pm-linea) solid var(--pm-filete);background:transparent;color:inherit;font:inherit;font-size:18px;cursor:pointer;border-radius:var(--pm-radio)}
.pm-l-cant b{min-width:18px;text-align:center}
.pm-l-precio{font-weight:700;white-space:nowrap}
.pm-entrega{border:0;margin:0;padding:0;display:grid;gap:8px}
.pm-entrega legend{font-weight:700;margin-bottom:8px}
.pm-opcion{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:var(--pm-linea) solid var(--pm-filete);border-radius:var(--pm-radio);cursor:pointer}
.pm-opcion input{margin-top:4px;accent-color:var(--pm-acento)}
.pm-opcion b{display:block}
.pm-opcion small{display:block;color:var(--pm-suave);font-size:14px}
.pm-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px;font-size:18px}
.pm-total b{font-size:26px}
.pm-boton{appearance:none;border:0;background:var(--pm-acento);color:var(--pm-acento-t);font:inherit;font-weight:700;font-size:17px;padding:15px 18px;cursor:pointer;border-radius:var(--pm-radio);width:100%}
.pm-boton.pm-negro{background:var(--pm-negro);color:var(--pm-negro-t)}
.pm-pagos{display:grid;gap:8px}
.pm-enlace{appearance:none;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;align-self:flex-start;padding:4px 0}
.pm-nota{font-size:14px;color:var(--pm-suave);border-left:3px solid var(--pm-acento);padding-left:10px;margin:0}
.pm-grande{font-size:30px;font-weight:800;margin:0}
.pm-form{display:grid;gap:10px}
.pm-campo{display:grid;gap:4px;font-size:14px}
.pm-campo input{font:inherit;font-size:16px;padding:12px;border:var(--pm-linea) solid var(--pm-filete);background:transparent;color:inherit;border-radius:var(--pm-radio)}

/* ── Part chooser ── */
.pm-selector{position:absolute;z-index:70;background:var(--pm-fondo);color:var(--pm-texto);font-family:var(--pm-fuente);border:var(--pm-linea) solid var(--pm-filete);box-shadow:var(--pm-sombra);border-radius:var(--pm-radio)}
.pm-sel-cab{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;border-bottom:var(--pm-linea) solid var(--pm-filete);font-size:17px}
.pm-selector ul{list-style:none;margin:0;padding:6px}
.pm-selector li button{appearance:none;display:flex;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:11px 10px;border:0;background:transparent;color:inherit;font:inherit;font-size:16px;cursor:pointer;border-radius:var(--pm-radio)}
.pm-selector li button:hover,.pm-selector li button:focus-visible{background:var(--pm-acento);color:var(--pm-acento-t);outline:0}
.pm-selector li button.si{box-shadow:inset 4px 0 0 var(--pm-acento)}
.pm-selector li button.no{opacity:.45;cursor:not-allowed}
.pm-selector li button.no:hover{background:transparent;color:inherit}
.pm-sel-precio{white-space:nowrap;font-weight:700;text-align:right}
.pm-sel-nota{display:block;font-weight:400;font-size:12px;opacity:.75}
.pm-selector li button.no .pm-sel-precio{font-weight:400;font-size:14px}
.pm-selector .pm-nota{margin:4px 14px 14px}

/* ── Toast ── */
.pm-aviso{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:90;background:var(--pm-texto);color:var(--pm-fondo);font-family:var(--pm-fuente);font-size:16px;padding:12px 18px;max-width:min(560px,calc(100vw - 32px));text-align:center;transition:opacity .25s,transform .25s;border-radius:var(--pm-radio)}
.pm-aviso.si{opacity:1;transform:translate(-50%,0)}
body[data-dir="b"] .pm-aviso{background:#f3f6f8;color:#20262d}
body[data-dir="a"] .pm-aviso{background:#000;color:#fff;border:3px solid #aaa;font-size:22px}

/* direction A: dialogs look like the BIOS */
body[data-dir="a"] .pm-cab{background:#000;color:#fff;border:0}
body[data-dir="a"] .pm-cab h2{font-weight:400;font-size:28px}
body[data-dir="a"] .pm-cuerpo,body[data-dir="a"] .pm-selector{font-size:20px}
body[data-dir="a"] .pm-boton{font-weight:400;font-size:24px;box-shadow:inset -3px -3px 0 rgba(0,0,0,.4),inset 3px 3px 0 rgba(255,255,255,.35)}
body[data-dir="a"] .pm-grande{font-weight:400;font-size:40px;color:#c8362e}
body[data-dir="a"] .pm-sel-cab{background:#000;color:#fff}
body[data-dir="a"] .pm-total b{font-weight:400;font-size:34px;color:#c8362e}
body[data-dir="a"] .pm-campo input{background:#fff}
/* direction C: the counter's thick rules */
body[data-dir="c"] .pm-cab h2,body[data-dir="c"] .pm-grande{font-variation-settings:"wdth" 62;font-weight:800;text-transform:uppercase;font-size:30px}
body[data-dir="c"] .pm-total b{font-variation-settings:"wdth" 75;font-weight:800}

/* ── The NeoAwakening bar ── */
.neo-barra{position:fixed;left:0;right:0;bottom:0;z-index:60;height:56px;display:flex;align-items:stretch;background:#0e0e0d;color:#ede9e1;font-family:Zodiak,Georgia,serif;font-size:15px;border-top:1px solid #2a2927}
.neo-barra a{color:inherit;text-decoration:none}
.neo-marca{display:flex;align-items:center;gap:12px;padding:0 18px;border-right:1px solid #2a2927}
.neo-marca svg{width:28px;height:28px;fill:#dcdad5}
.neo-marca span{display:flex;flex-direction:column;line-height:1.1}
.neo-marca b{font-family:"NA Ancha",Archivo,sans-serif;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.neo-marca i{font-size:13px;color:#b9b4ab}
.neo-cambia{display:flex;margin:0 auto}
.neo-cambia a{display:flex;align-items:center;gap:8px;padding:0 18px;border-left:1px solid #2a2927;color:#b9b4ab}
.neo-cambia a:last-child{border-right:1px solid #2a2927}
.neo-cambia a b{font-family:"NA Ancha",Archivo,sans-serif;font-weight:800;font-size:15px;color:#ede9e1}
.neo-cambia a.si{background:#8a0e13;color:#ede9e1}
.neo-cambia a:hover{color:#ede9e1}
.neo-volver{display:flex;align-items:center;padding:0 22px;background:#ede9e1;color:#0e0e0d !important;font-family:"NA Ancha",Archivo,sans-serif;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.neo-franja{position:relative;z-index:61;background:#0e0e0d;color:#ede9e1;font-family:Zodiak,Georgia,serif;font-size:14px;line-height:1.35;padding:8px 18px;text-align:center;border-bottom:2px solid #8a0e13}
.neo-franja b{font-family:"NA Ancha",Archivo,sans-serif;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-right:6px}
.neo-pista{position:fixed;right:18px;bottom:74px;z-index:61;width:min(340px,calc(100vw - 36px));background:#0e0e0d;color:#ede9e1;font-family:Zodiak,Georgia,serif;font-size:16px;line-height:1.45;padding:18px 20px;border-top:3px solid #8a0e13;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.neo-pista p{margin:0}
.neo-pista b{font-family:"NA Ancha",Archivo,sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.neo-pista button{margin-top:12px;appearance:none;border:1px solid #ede9e1;background:transparent;color:#ede9e1;font:inherit;font-size:14px;padding:6px 14px;cursor:pointer}
@media (max-width:760px){
  body{padding-bottom:58px}
  .neo-barra{height:52px;font-size:13px}
  .neo-marca{padding:0 12px}
  .neo-marca span{display:none}
  .neo-franja{font-size:12.5px;padding:7px 12px;text-align:left}
  .neo-cambia{margin:0}
  .neo-cambia a{padding:0 12px}
  .neo-cambia a span{display:none}
  .neo-volver{margin-left:auto;padding:0 14px;font-size:11px}
  .neo-pista{right:12px;bottom:66px;font-size:14px;padding:14px 16px}
  .neo-pista button{margin-top:8px}
  .pm-aviso{bottom:70px}
  .pm-cajon{width:100vw}
}