/* Estilos propios de las paginas de producto. Se cargan despues de estilo.css,
   asi que heredan toda la identidad y solo añaden lo que aqui es nuevo. */

.miga{
  display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;
  padding:7rem 0 0;font-size:.85rem;color:var(--text-secondary);
  font-family:var(--mono);
}
.miga a{color:var(--text-secondary);text-decoration:none}
.miga a:hover{color:var(--accent)}
.miga span[aria-hidden]{opacity:.5}

.prod-cab{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(1.5rem,4vw,3rem);align-items:center;
  padding:2.2rem 0 clamp(2rem,5vw,3.5rem);border-bottom:1px solid var(--line);
}
.prod-cab h1{font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:-.03em;margin:.3rem 0 .8rem}
.prod-cab .lede{max-width:46ch}
.prod-precio{display:flex;align-items:baseline;gap:1.4rem;margin:1.6rem 0 1.3rem;flex-wrap:wrap}
.precio-g{font-family:var(--display);font-size:2.4rem;font-weight:700;letter-spacing:-.03em}
.nota-g{display:flex;align-items:baseline;gap:.45rem}
.nota-g .nota-val{font-family:var(--display);font-size:1.7rem;font-weight:700;color:var(--accent)}
.nota-g .nota-etq{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.prod-botones{display:flex;gap:.7rem;flex-wrap:wrap}
.aviso-mini{margin-top:1rem;font-family:var(--mono);font-size:.72rem;line-height:1.6;color:var(--text-secondary);max-width:52ch}
.prod-visual{
  min-height:260px;display:grid;place-items:end center;
  background:radial-gradient(ellipse 60% 50% at 50% 76%,rgba(61,225,196,.09),transparent 72%);
  border-radius:18px;
}
.prod-visual .silueta{width:100%;height:260px;overflow:visible}

.bloque{padding:clamp(2.2rem,5vw,3.4rem) 0;border-bottom:1px solid var(--line)}
.bloque h2{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.02em;margin-bottom:.6rem}
.bloque-lede{color:var(--text-secondary);max-width:62ch;margin-bottom:1.6rem}
.bloque-nota{margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}
.bloque-nota a{color:var(--accent)}
.dos-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,3rem)}

.crits{display:grid;gap:.7rem;max-width:640px}
.crit{display:grid;grid-template-columns:11rem 1fr 2.6rem;gap:1rem;align-items:center}
.crit-n{font-size:.92rem;color:var(--text-secondary)}
.crit-b{height:7px;border-radius:4px;background:var(--panel-2);overflow:hidden}
.crit-b i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-muted),var(--accent))}
.crit-v{font-family:var(--mono);font-size:.82rem;color:var(--accent);text-align:right;font-variant-numeric:tabular-nums}

.lista{margin:0;padding-left:1.3rem;color:var(--text-secondary);display:grid;gap:.5rem}
.lista li b{color:var(--text-primary);font-weight:500}
.lista.pro li::marker{color:var(--accent)}
.lista.con li::marker{color:#E0776E}

.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 2rem;margin:0}
.ficha .fila{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.ficha dt{color:var(--text-secondary);font-size:.92rem}
.ficha dd{margin:0;font-family:var(--mono);font-size:.88rem;text-align:right}

.no-puede{color:#E0776E;font-size:.88rem}

.alts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.alt{
  display:grid;gap:.35rem;padding:1.2rem;text-decoration:none;color:inherit;
  background:var(--panel);border:1px solid var(--line);border-radius:16px;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.alt:hover{border-color:var(--accent-line);transform:translateY(-3px)}
.alt-marca{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.alt-nom{font-weight:600;font-size:1rem}
.alt-specs{font-family:var(--mono);font-size:.76rem;color:var(--text-secondary)}
.alt-pie{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5rem}
.alt-pie b{font-size:1.1rem}
.alt-nota{font-family:var(--display);font-weight:700;color:var(--accent)}

.cierre{border-bottom:0;text-align:center;padding-bottom:clamp(3rem,7vw,5rem)}
.cierre .bloque-lede{margin-inline:auto}

@media (max-width:820px){
  .prod-cab{grid-template-columns:1fr}
  .prod-visual{min-height:200px;order:-1}
  .prod-visual .silueta{height:200px}
  .crit{grid-template-columns:8.5rem 1fr 2.4rem;gap:.7rem}
}

/* ---- Tablas de datos (fichas y guias) ---- */
.tabla-caja{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:0}
.tabla-caja table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem}
.tabla-caja th,.tabla-caja td{padding:.85rem 1.2rem;text-align:left;border-bottom:1px solid var(--line)}
.tabla-caja thead th{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-secondary);font-weight:400;background:var(--panel-2);
}
.tabla-caja tbody tr:last-child th,.tabla-caja tbody tr:last-child td{border-bottom:0}
.tabla-caja tbody th{font-weight:500;color:var(--text-primary)}
.tabla-caja td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tabla-caja td.destacado{color:var(--accent);font-weight:500}

/* ---- Guias ---- */
.guia-cab{grid-template-columns:1fr;padding-bottom:1rem;border-bottom:0}
.guia-cab h1{max-width:24ch}
.respuesta-directa{
  background:var(--panel);border:1px solid var(--accent-line);border-radius:18px;
  padding:1.6rem 1.8rem;max-width:72ch;position:relative;
  box-shadow:0 0 40px rgba(61,225,196,.06);
}
.respuesta-etq{
  display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.7rem;
}
.respuesta-directa p{font-size:1.08rem;line-height:1.7;color:var(--text-secondary)}
.respuesta-directa b{color:var(--text-primary);font-weight:600}

.faq-guia{display:grid;gap:.6rem;max-width:72ch}
.fq{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fq summary{
  cursor:pointer;padding:1.05rem 1.3rem;font-weight:500;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1.1rem;flex-shrink:0}
.fq[open] summary::after{content:"–"}
.fq p{padding:0 1.3rem 1.15rem;color:var(--text-secondary);font-size:.95rem;line-height:1.65}

.rel-guias{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}
.rel-guia{
  display:block;padding:1.05rem 1.25rem;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;color:var(--text-primary);
  text-decoration:none;font-weight:500;font-size:.97rem;line-height:1.45;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.rel-guia:hover{border-color:var(--accent-line);transform:translateY(-2px)}