/* Fichas de producto: lo propio de estas páginas. Lo común viene de sitio.css. */

.migas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:22px;font-size:11.5px;color:var(--text-secondary)}
.migas a{text-decoration:none}
.migas a:hover{color:var(--gold-text)}
.migas [aria-current]{color:var(--ink)}

.pp-hero{padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}
.pp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:start}
.pp-art{position:sticky;top:96px;background:rgba(255,255,255,.6);border:1px solid var(--hairline);border-radius:3px;padding:clamp(18px,3vw,36px)}
.pp-art img{width:100%;max-width:420px;margin-inline:auto}
.pp-ref{margin-top:12px;font-size:11.5px;color:var(--text-secondary);text-align:center}
.pp-info{display:grid;gap:18px}
.pp-info .kicker{margin-bottom:-4px}
.pp-sub{font-size:clamp(26px,3vw,40px);color:var(--gold-text);margin-top:-8px}
.pp-spec{max-width:520px}

.pp-buy{margin-top:8px;display:grid;gap:12px}
.pp-label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}
.pp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pp-plan{position:relative;display:grid;gap:4px;padding:18px 16px 16px;background:var(--panel);border:1px solid var(--hairline);
  border-radius:3px;text-decoration:none;transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
.pp-plan:hover{border-color:var(--border-interactive);transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.pp-plan:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pp-plan.best{border-color:var(--accent)}
.pp-badge{position:absolute;top:-10px;left:12px;padding:2px 8px;background:var(--accent);color:#141005;font-size:10.5px;
  letter-spacing:.05em;border-radius:2px;font-weight:600}
.pp-t{font-weight:600;color:var(--ink)}
.pp-d{font-size:12.5px;color:var(--text-secondary)}
.pp-p{font-family:"IBM Plex Mono",monospace;font-weight:500;color:var(--ink);margin-top:6px}
.pp-p s{display:block;font-size:11px;color:var(--text-secondary)}
.pp-s{font-size:11.5px;color:var(--gold-text);font-weight:600}
.pp-note{font-size:12.5px;color:var(--text-secondary)}
.pp-agotado{display:grid;gap:10px;padding:20px;border:1px dashed var(--border-interactive);border-radius:3px;background:rgba(255,255,255,.6)}
.pp-agotado .mono{color:var(--gold-text);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pp-agotado .btn{justify-self:start}

.pp-sec{padding:clamp(56px,8vw,100px) 0}
.pp-sec-alt{background:rgba(255,255,255,.45);border-block:1px solid var(--hairline)}
.pp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,56px);align-items:start}
.pp-tabla{width:100%;border-collapse:collapse;font-size:14px;background:var(--panel);border:1px solid var(--hairline)}
.pp-tabla th,.pp-tabla td{padding:11px 14px;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}
.pp-tabla thead th{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text)}
.pp-tabla tbody th{font-weight:400;color:var(--text-secondary)}
.pp-tabla td{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--ink);white-space:nowrap}
.pp-pie{margin-top:10px;font-size:12px;color:var(--text-secondary)}
.pp-ingr{margin-top:16px;font-size:14px;color:var(--text-secondary)}
.pp-ingr b{color:var(--ink);font-weight:600}
.pp-caja{display:grid;gap:12px;padding:clamp(20px,3vw,32px);border:1px solid var(--hairline);border-radius:3px;background:var(--panel)}
.pp-caja p{color:var(--text-secondary)}
.pp-ancho{grid-column:1/-1}
.pp-lista{display:grid;gap:8px;color:var(--text-secondary);font-size:14.5px}
.pp-lista li{padding-left:16px;position:relative}
.pp-lista li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--accent)}

.pp-otras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,28px)}
.pp-otra{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto 1fr;column-gap:20px;row-gap:6px;align-items:start;
  padding:20px;border:1px solid var(--hairline);border-radius:3px;background:var(--panel);text-decoration:none;
  transition:border-color .35s var(--ease),transform .35s var(--ease)}
.pp-otra:hover{border-color:var(--border-interactive);transform:translateY(-2px)}
.pp-otra img{grid-row:1/4;width:110px}
.pp-otra .mono{font-size:11px;color:var(--gold-text)}
.pp-desde{font-size:13px;color:var(--text-secondary)}

@media (max-width:860px){
  .pp-grid,.pp-cols,.pp-otras{grid-template-columns:1fr}
  .pp-art{position:static}
  .pp-art img{max-width:280px}
}
@media (max-width:520px){
  .pp-plans{grid-template-columns:1fr}
  .pp-tabla td{white-space:normal}
}

/* descripción del producto */
.pp-desc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,28px)}
.pp-bloque{display:grid;gap:12px;align-content:start;padding:clamp(20px,3vw,32px);border:1px solid var(--hairline);border-radius:3px;background:var(--panel)}
.pp-bloque p{color:var(--text-secondary)}
.pp-sub-t{margin-top:6px;font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}
.pp-lista b{color:var(--ink);font-weight:600}
.pp-desc:has(.pp-chico){grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-chico{padding:clamp(18px,2.4vw,24px);gap:8px}
.pp-h-chico{font-size:clamp(22px,2.2vw,28px)}
.pp-chico p{font-size:14.5px}
@media (max-width:860px){
  .pp-desc,.pp-desc:has(.pp-chico){grid-template-columns:1fr}
}
@media (min-width:561px) and (max-width:860px){
  .pp-desc:has(.pp-chico){grid-template-columns:repeat(2,minmax(0,1fr))}
}