/* ============================================================
   ChucheDulce - hoja de estilos propia
   Tema hijo de Classic. Nunca editar el tema padre.
   ============================================================ */

:root {
  --cd-primary:   #00bcd4;
  --cd-secondary: #fcb6b6;
  --cd-accent:    #ff00a0;
  --cd-text:      #232323;
  --cd-muted:     #6b7280;
  --cd-bg:        #ffffff;
  --cd-radius:    10px;
  --cd-shadow:    0 2px 10px rgba(0,0,0,.07);
  --cd-transition: 180ms ease;
}

/* ---------- Base ---------- */
body { color: var(--cd-text); }
a { transition: color var(--cd-transition); }

/* ---------- Cabecera ---------- */
#header .header-nav { background: var(--cd-primary); }
#header .header-top { background: var(--cd-bg); }

/* ---------- Producto ---------- */
.product-miniature .thumbnail-container {
  border-radius: var(--cd-radius);
  box-shadow: var(--cd-shadow);
  transition: transform var(--cd-transition), box-shadow var(--cd-transition);
}
.product-miniature .thumbnail-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* ---------- Botones ---------- */
.btn-primary {
  background: var(--cd-primary);
  border-color: var(--cd-primary);
  border-radius: var(--cd-radius);
}
.btn-primary:hover { filter: brightness(.92); }

/* ---------- Pie ---------- */
.footer-container { border-top: 4px solid var(--cd-accent); }

/* ---------- Rendimiento y accesibilidad ---------- */
img { max-width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ---------- Aqui abajo tu diseno de portada ---------- */