/*
 * Rover's Jeans · Guía de talles — la ventana.
 * Usa las variables del tema «Rover's» (si no están, valen las de respaldo).
 */
.guia-talles{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}
.guia-talles[hidden]{display:none!important}
.guia-talles__velo{position:absolute;inset:0;background:var(--velo,rgba(10,14,24,.55))}
.guia-talles__caja{position:relative;width:min(860px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--papel,#fff);color:var(--tinta,#14171f);border-radius:var(--radio,2px);box-shadow:0 24px 60px rgba(10,14,24,.28)}
.guia-talles__cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--linea,#dde1e8)}
.guia-talles__cab h2{margin:0;font:800 26px/1 var(--f-titulo,"Arial Narrow",sans-serif);text-transform:uppercase;letter-spacing:.01em}
.guia-talles__cerrar{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:inherit}
.guia-talles__cerrar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.guia-talles__cuerpo{overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 22px}
.guia-talles__nota{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--apagado,#636a79)}
.guia-talles__grilla{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr);gap:18px;align-items:start}
.guia-talles__dibujo{background:var(--niebla,#eef0f4);padding:10px}
.guia-talles__svg{display:block;width:100%;height:auto;max-height:420px}
.guia-talles__flecha,.guia-talles__punta{stroke:var(--hilo,#b8641c);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.guia-talles__circulo{fill:var(--denim,#1e2b4a)}
.guia-talles__letra{fill:#fff;font:700 30px/1 var(--f-texto,sans-serif);text-anchor:middle}
.guia-talles__tabla-envoltura{overflow-x:auto}
.guia-talles__tabla{width:100%;border-collapse:collapse;font:500 14px/1.2 var(--f-texto,sans-serif);font-variant-numeric:tabular-nums}
.guia-talles__tabla th,.guia-talles__tabla td{padding:9px 5px;border-bottom:1px solid var(--linea,#dde1e8);text-align:center;white-space:nowrap}
.guia-talles__tabla thead th{white-space:normal;font:700 10.5px/1.2 var(--f-texto,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--apagado,#636a79);vertical-align:bottom}
.guia-talles__tabla tbody th{font:800 18px/1 var(--f-titulo,"Arial Narrow",sans-serif);background:var(--tinta,#14171f);color:#fff}
.guia-talles__marca{display:grid;place-items:center;width:18px;height:18px;margin:0 auto 4px;border-radius:50%;background:var(--denim,#1e2b4a);color:#fff;font-size:10px;letter-spacing:0}
.guia-talles__como{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 18px;font-size:13px;line-height:1.45;color:var(--apagado,#636a79)}
.guia-talles__como b{color:var(--tinta,#14171f);font-weight:700}
html.guia-talles-abierta{overflow:hidden}

@media (max-width:640px){
  .guia-talles{padding:0;align-items:flex-end}
  .guia-talles__caja{width:100%;max-height:92vh;max-height:92dvh;border-radius:0}
  .guia-talles__grilla{grid-template-columns:1fr}
  .guia-talles__tabla-envoltura{order:-1}
  .guia-talles__dibujo{max-width:200px;margin-inline:auto;width:100%}
  .guia-talles__svg{max-height:260px}
  .guia-talles__cuerpo{padding:14px 14px 20px}
  .guia-talles__tabla{font-size:12.5px}
  .guia-talles__tabla thead th{font-size:9.5px;letter-spacing:.02em}
  .guia-talles__tabla tbody th{font-size:16px}
  .guia-talles__tabla th,.guia-talles__tabla td{padding:8px 2px}
}