/* ============================================================
   Apassa — Product pages (product.css)
   Estilos específicos de las fichas de producto.
   ============================================================ */

.prod-sec { padding: 72px 0; }

/* Tabla de especificaciones */
.spec-table {
  background: var(--bg3); border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden; overflow-x: auto; margin: 0 0 22px;
}
.spec-table table { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 560px; }
.spec-table th {
  background: rgba(18,85,255,.14); color: var(--white); font-weight: 600;
  text-align: left; padding: 13px 18px; border-bottom: 1px solid var(--border); white-space: nowrap;
}
.spec-table td { padding: 12px 18px; border-bottom: 1px solid var(--border); color: var(--steel); vertical-align: top; }
.spec-table tr:last-child td { border-bottom: none; }
.spec-table tbody tr:hover { background: rgba(255,255,255,.03); }

/* Lista de características */
.prod-list { list-style: none; margin: 0 0 22px; padding: 0; }
.prod-list li { position: relative; padding: 7px 0 7px 26px; color: var(--steel); font-size: 1rem; }
.prod-list li::before {
  content: ''; position: absolute; left: 2px; top: 16px;
  width: 9px; height: 2px; background: var(--accent);
}

/* Notas */
.prod-note { color: var(--dim); font-size: .82rem; margin: 0 0 20px; font-style: italic; }

/* Geometría (diagrama técnico) */
.prod-geometry { background: #fff; border-radius: 14px; padding: 30px; margin: 6px 0 26px; text-align: center; }
.prod-geometry img { max-width: 100%; height: auto; margin: 0 auto; }

/* Botón Descargar PDF */
.pdf-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px; border-radius: 999px; font-weight: 600; font-size: 1rem;
  cursor: pointer; border: 1px solid var(--border);
  background: transparent; color: var(--white); transition: .25s;
}
.pdf-btn:hover { transform: translateY(-3px); border-color: rgba(18,85,255,.5); }

/* Impresión / PDF */
@media print {
  body { background: #fff !important; color: #000 !important; }
  .nav, .nav-cta, footer, #ifmx-chat, .btn, .pdf-btn, .page-hero .btn { display: none !important; }
  .page-hero { padding: 30px 0; }
  .page-hero h1, .sec-head h2 { color: #000 !important; }
  .page-hero p, .spec-table td, .prod-list li { color: #222 !important; }
  .spec-table { background: #fff; border-color: #ccc; }
  .spec-table th { background: #eee; color: #000; }
  .prod-geometry { background: #fff; border: 1px solid #ccc; }
  .prod-note { color: #555; }
}