/* ============================================================
   TEMA DÍA DE LA MADRE — rosado sutil (07/10/2026) — TEMPORAL
   Solo dos zonas pasan del azul marino al rosado del banner "Kit Madre": la barra de
   anuncios de arriba (promos y descuentos) y el footer. La franja de beneficios se queda azul (07/10, pedido de José). El logo del
   header va en el mismo rosado (img/fondos-logos/logo-blau-rosa.png). Todo lo demás, intacto.
   Se carga DESPUÉS de preventa.css y no toca ningún otro CSS.

   Para VOLVER al azul de siempre (ver docs/tema-dia-de-la-madre.md):
     1. sacar la línea <link ... tema-madre.css> de index.html, producto.html y kit.html
     2. en esas tres: logo-blau-rosa.png → logo-blau-ink.png, y theme-color #b9507b → #1f2d3a
     3. node scripts/generar-paginas.mjs   (regenera producto/ y kit/)
   ============================================================ */
:root{--rosa-madre:#b9507b}  /* el rosa del fondo del banner Kit Madre */
.announce,.footer{background:var(--rosa-madre)}
/* Sobre el rosa, el texto chico del footer (que en azul iba atenuado) necesita más opacidad para leerse */
.footer .foot-brand p,.footer .foot-col a,.footer .foot-col span,.footer .foot-link-btn{opacity:.94}

/* ── Botones (07/10/2026) ──
   Los botones oscuros pasan al rosa del banner; los dorados (CTA principales) siguen dorados
   pero con aro y resplandor rosa; los de contorno se tiñen de rosa al pasar el mouse.
   Efecto: levantan un poco, se encienden con un resplandor rosa y, los rosas, tienen un
   destello claro que cruza una sola vez (igual que el de los botones dorados). */
:root{--rosa-madre-hondo:#a2446a;--rosa-glow:rgba(185,80,123,.62)}
.btn-primary,.pdp-btn--primary,.kit-btn{background:var(--rosa-madre);border-color:var(--rosa-madre);color:#fff;position:relative;overflow:hidden;
  transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.btn-primary::after,.pdp-btn--primary::after,.kit-btn::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,225,238,.75),transparent);transform:skewX(-20deg)}
@media(hover:hover){
  .btn-primary:hover,.pdp-btn--primary:hover,.kit-btn:hover{background:var(--rosa-madre-hondo);border-color:var(--rosa-madre-hondo);color:#fff;
    transform:translateY(-2px);box-shadow:0 10px 24px -8px var(--rosa-glow)}
  .btn-primary:hover::after,.pdp-btn--primary:hover::after,.kit-btn:hover::after{animation:spotlightShine .9s ease-out forwards}
}
.btn-gold{box-shadow:0 0 0 1.5px rgba(185,80,123,.45)}
.btn-gold:hover,.btn-spotlight:hover{box-shadow:0 0 0 1.5px var(--rosa-madre),0 10px 24px -8px var(--rosa-glow)}
.btn-spotlight::after{background:linear-gradient(120deg,transparent,rgba(255,206,226,.9),transparent)}
.hero-cta .btn-spotlight{box-shadow:0 0 0 1.5px rgba(185,80,123,.45),0 8px 22px -10px rgba(31,45,58,.55)}
.hero-cta .btn-spotlight:hover,.hero-cta .btn-spotlight:focus-visible{box-shadow:0 0 0 1.5px var(--rosa-madre),0 12px 26px -8px var(--rosa-glow)}
@media(prefers-reduced-motion:reduce){
  .btn-primary::after,.pdp-btn--primary::after,.kit-btn::after{display:none}
  .btn-primary:hover,.pdp-btn--primary:hover,.kit-btn:hover{transform:none}
}
/* "Agregar al carrito" y "Avisame cuando llegue" de las cards, y la pastilla activa de Rutinas */
@media(hover:hover){
  .product-toggle:not(:disabled):hover,.teaser-btn:hover{background:var(--rosa-madre);border-color:var(--rosa-madre);color:#fff;
    transform:translateY(-2px);box-shadow:0 10px 24px -8px var(--rosa-glow)}
}
.product-toggle,.teaser-btn{transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s}
.rutinas-pill.is-active{background:var(--rosa-madre);border-color:var(--rosa-madre);color:#fff}

/* Botones de contorno: el rosa ya está en reposo (borde y texto), y el hover los llena */
.pdp-btn--outline,.product-toggle,.teaser-btn{border-color:var(--rosa-madre);color:var(--rosa-madre-hondo)}
.btn-ghost-dark{border-color:rgba(185,80,123,.55);color:var(--rosa-madre-hondo)}
@media(hover:hover){
  .pdp-btn--outline:hover{background:var(--rosa-madre);border-color:var(--rosa-madre);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -8px var(--rosa-glow)}
  .btn-ghost-dark:hover{background:var(--rosa-madre);border-color:var(--rosa-madre);color:#fff;box-shadow:0 10px 24px -8px var(--rosa-glow)}
}
.pdp-btn--outline,.btn-ghost-dark{transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s}

/* Botones generales: SIN tema (carrito, me gusta, hamburguesa — no se tocan — y el "Avisame" del
   newsletter, que vuelve a su dorado liso de siempre, sin aro ni resplandor rosa). */
#newsletterSubmit,#newsletterSubmit:hover{box-shadow:none}
#newsletterSubmit:hover{box-shadow:0 4px 14px -6px rgba(184,146,14,.45)}