/* familiar.css — SOLO colores del tema rosa. El layout está en components.css */

body.familiar { background: var(--rosa-bg); color: var(--texto); }

/* Header */
body.familiar .site-header { background: var(--blanco); }
body.familiar .site-header .logo span { color: var(--rosa); }
body.familiar .top-nav a:hover,
body.familiar .top-nav a.active { color: var(--rosa); }
body.familiar .cart-btn { background: var(--rosa); color: #fff; }
body.familiar .cart-btn span { color: var(--rosa); }

/* Hero */
body.familiar .hero-text strong { color: var(--rosa); }
body.familiar .hero-text h1 { color: var(--texto); }
body.familiar .hero-text p { color: var(--texto-suave); }

/* Secciones */
body.familiar .seccion-titulo h2 { color: var(--texto); }
body.familiar .seccion-titulo p { color: var(--texto-suave); }

/* Cards */
body.familiar .producto-card {
  background: var(--blanco);
  box-shadow: var(--sombra);
}
body.familiar .producto-card:hover { box-shadow: var(--sombra-fuerte); }
body.familiar .producto-info p { color: var(--texto-suave); }
body.familiar .precio { color: var(--rosa); }

/* CTA Band */
body.familiar .cta-band {
  background: linear-gradient(135deg, var(--rosa), var(--rosa-soft));
  color: #fff;
}
body.familiar .cta-band h2 { color: #fff; }
body.familiar .cta-band p { color: rgba(255,255,255,.9); }
body.familiar .cta-band .btn-primario { background: #fff; color: var(--rosa); }
body.familiar .cta-band .btn-primario:hover { background: var(--rosa-bg); }

/* Footer */
body.familiar .site-footer { background: var(--negro); color: #eee; }
body.familiar .site-footer a { color: var(--rosa-soft); }