/**
 * ============================================
 * DULCES-PREMIUM-CUSTOM.CSS
 * ============================================
 * Estilos específicos para la página Pandora Boxes (dulces-premium.html)
 * Incluye: tipografía y listas en cards
 */

/* ============================================
   GRID DE PRODUCTOS
   ============================================ */
/* Grid centrado con columnas fijas de 260px */
#productos-grid {
  display: grid;
  gap: 1.5rem;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: 1fr;
  justify-items: center;
}

@media (min-width: 600px) {
  #productos-grid {
    grid-template-columns: repeat(var(--cols, 4), 260px);
    width: fit-content;
  }
}

/* ============================================
   TIPOGRAFÍA
   ============================================ */
body { 
  font-family: 'Noto Sans', sans-serif; 
}

/* Títulos: Noto Serif Display Thin (100) en toda la web */
.font-serif { 
  font-family: 'Noto Serif Display', serif; 
  font-weight: 100; 
}

/* ============================================
   LISTAS EN CARDS (Pandora Boxes)
   ============================================ */
/* Lista con viñetas en cards de Pandora boxes: alineada con "60 unidades" en todos los cards */
.subtitulo-contenido .subtitulo-linea-intro { 
  display: block; 
}

.subtitulo-contenido .subtitulo-lista-card {
  list-style-type: disc;
  margin: 0.25rem 0 0 0;
  padding-left: 1.25rem;
  list-style-position: outside;
}

.subtitulo-contenido .subtitulo-lista-card li {
  margin-bottom: 0.125rem;
}