/* after18.css — SOLO colores del tema dorado/negro. El layout está en components.css */

body.after18 { background: #0d0d0d; color: #f5e1a4; }

/* Header */
body.after18 .site-header {
  background: #1a1a1a;
  border-bottom: 1px solid rgba(212,175,55,.3);
  box-shadow: 0 2px 20px rgba(0,0,0,.5);
}
body.after18 .site-header .logo,
body.after18 .site-header .logo span { color: var(--dorado); }
body.after18 .top-nav a { color: #999; }
body.after18 .top-nav a:hover,
body.after18 .top-nav a.active { color: var(--dorado); }
body.after18 .cart-btn { background: var(--dorado); color: #1a1a1a; }
body.after18 .cart-btn span { color: var(--dorado); }

/* Hero */
body.after18 .hero-after strong { color: #fff; }
body.after18 .hero-after h1 { color: var(--dorado); }
body.after18 .hero-after p { color: #bbb; }
body.after18 .hero-after .btn-primario { background: var(--dorado); color: #1a1a1a; }
body.after18 .hero-after .btn-primario:hover { background: #b28f2b; }

/* Secciones */
body.after18 .seccion-after h2 { color: var(--dorado); }
body.after18 .seccion-after .sub { color: #888; }

/* Cards */
body.after18 .card-after {
  background: #1a1a1a;
  border: 1px solid rgba(212,175,55,.2);
  box-shadow: none;
}
body.after18 .card-after:hover {
  border-color: var(--dorado);
  box-shadow: 0 12px 40px rgba(212,175,55,.15);
}
body.after18 .card-after .producto-img { background: #0d0d0d; }
body.after18 .card-after .producto-info h3 { color: #fff; }
body.after18 .card-after .producto-info p { color: #999; }
body.after18 .card-after .precio { color: var(--dorado); }

/* CTA Band */
body.after18 .cta-band-after {
  background: linear-gradient(135deg, #1a1a1a, #2a2440);
  border-top: 1px solid rgba(212,175,55,.3);
  border-bottom: 1px solid rgba(212,175,55,.3);
}
body.after18 .cta-band-after h2 { color: var(--dorado); }
body.after18 .cta-band-after p { color: #999; }
body.after18 .cta-band-after .btn-primario { background: var(--dorado); color: #1a1a1a; }
body.after18 .cta-band-after .btn-primario:hover { background: #b28f2b; }

/* Footer */
body.after18 .site-footer { background: #000; color: var(--dorado); }
body.after18 .site-footer a { color: var(--dorado); }

/* ===== Age Gate ===== */
#age-gate {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.95);
  display: none;
  justify-content: center; align-items: center;
  z-index: 9999;
}
#age-gate.visible { display: flex; }
.age-gate-box {
  background: #1a1a1a;
  border: 2px solid var(--dorado);
  border-radius: var(--radio);
  padding: 40px 30px;
  max-width: 400px;
  width: calc(100% - 40px);
  text-align: center;
  color: #f5e1a4;
}
.age-gate-box h2 {
  font-family: var(--fuente-titulo);
  color: var(--dorado);
  margin-bottom: 12px;
  font-size: 1.5rem;
}
.age-gate-box p { color: #999; margin-bottom: 24px; font-size: .92rem; }
.age-gate-box .btns { display: flex; gap: 12px; justify-content: center; }
.age-gate-box .btn-si,
.age-gate-box .btn-no {
  padding: 12px 26px; border: none; border-radius: 8px;
  font-weight: 700; cursor: pointer; font-size: .92rem;
}
.age-gate-box .btn-si { background: var(--dorado); color: #1a1a1a; }
.age-gate-box .btn-si:hover { background: #b28f2b; }
.age-gate-box .btn-no { background: #d32f2f; color: #fff; }
.age-gate-box .btn-no:hover { background: #a22828; }