/* Escala compacta para una interfaz más editorial y legible */
.hero-titulo { font-size: clamp(28px, 4vw, 46px); }
.seccion-titulo { font-size: clamp(21px, 2.4vw, 29px); }
.producto-cuerpo h3 { font-size: 14px; line-height: 1.35; }
.producto-precio { font-size: 19px; }
.nav-enlaces a, .btn-categorias { font-size: 13px; }
.detalle-precio { font-size: 32px; }
.relacionados { margin-top: 42px; padding-bottom: 60px; }
.relacionado-card { cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.relacionado-card:hover { transform: translateY(-4px); box-shadow: var(--sombra); }
@media (max-width: 640px) {
  .hero-titulo { font-size: 30px; }
  .seccion-titulo { font-size: 22px; }
  .detalle-info h1 { font-size: 28px; }
}