/**
 * Faja Cinturilla — identidad propia (no clon compact-cool).
 * Carga después de ../styles.css
 */
body.theme-faja-latex {
  --fj-bg: #0c060a;
  --fj-elev: #160c12;
  --fj-card: linear-gradient(155deg, #1e1219 0%, #140d11 100%);
  --fj-accent: #ff3b7a;
  --fj-accent-dim: rgba(255, 59, 122, 0.18);
  --fj-line: rgba(255, 200, 220, 0.12);
  --fj-text: #f8eef2;
  --fj-muted: #b39aa8;
  --fj-display: "Fraunces", "Newsreader", Georgia, serif;
  --fj-body: "Outfit", system-ui, sans-serif;

  font-family: var(--fj-body);
  font-size: 1.05rem;
  color: var(--fj-text);
  background: var(--fj-bg);
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -15%, rgba(255, 59, 122, 0.14), transparent 52%),
    radial-gradient(ellipse 50% 40% at 100% 20%, rgba(244, 193, 86, 0.06), transparent 45%),
    radial-gradient(ellipse 40% 35% at 0% 80%, rgba(123, 44, 191, 0.08), transparent 50%);
}

body.theme-faja-latex .top-offer-bar {
  background: linear-gradient(90deg, rgba(255, 59, 122, 0.2), rgba(244, 193, 86, 0.08));
  border-bottom-color: var(--fj-line);
  color: #ffd0e0;
  font-family: var(--fj-body);
}

body.theme-faja-latex .site-header {
  border-bottom-color: var(--fj-line);
  background: rgba(12, 6, 10, 0.75);
  backdrop-filter: blur(10px);
}

body.theme-faja-latex .logo {
  font-family: var(--fj-display);
  font-weight: 600;
  letter-spacing: 0.02em;
  background: linear-gradient(120deg, #fff0f5, #ffb8d4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.theme-faja-latex .hero {
  padding-bottom: 2rem;
}

body.theme-faja-latex .hero h1 {
  font-family: var(--fj-display);
  font-weight: 600;
  font-size: clamp(1.75rem, 5vw, 2.45rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--fj-text);
}

body.theme-faja-latex .hero .lead {
  color: var(--fj-muted);
}

body.theme-faja-latex .hero-prehead {
  color: #ff8fb3;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

body.theme-faja-latex .price,
body.theme-faja-latex .pack-price,
body.theme-faja-latex .mini-price,
body.theme-faja-latex .final-cta .price {
  font-family: var(--fj-body);
  color: #ffe8f0;
}

body.theme-faja-latex .btn-primary,
body.theme-faja-latex .sticky-cta .btn-primary {
  background: linear-gradient(135deg, #ff3b7a, #e01e5a) !important;
  color: #fff !important;
  border: none;
  box-shadow: 0 12px 32px rgba(255, 59, 122, 0.35);
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.theme-faja-latex .btn-primary:hover,
body.theme-faja-latex .sticky-cta .btn-primary:hover {
  filter: brightness(1.06);
}

body.theme-faja-latex .btn-ghost {
  border-color: var(--fj-line);
  color: var(--fj-muted);
}

body.theme-faja-latex .hero-chip {
  background: var(--fj-card);
  border: 1px solid var(--fj-line);
}

body.theme-faja-latex .hero-chip-t {
  color: #ffc9dc;
}

body.theme-faja-latex .hero-visual {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--fj-line);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.55);
}

body.theme-faja-latex .hero-visual::after {
  background: radial-gradient(circle at 30% 20%, rgba(255, 59, 122, 0.15), transparent 55%);
}

body.theme-faja-latex .section-title {
  font-family: var(--fj-display);
  color: var(--fj-text);
}

body.theme-faja-latex .section-sub {
  color: var(--fj-muted);
}

body.theme-faja-latex #packs .packs-grid {
  grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
  gap: 0.85rem;
}

@media (min-width: 900px) {
  body.theme-faja-latex #packs .packs-grid {
    grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
  }
}

body.theme-faja-latex .pack-card {
  background: var(--fj-card);
  border: 1px solid var(--fj-line);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

body.theme-faja-latex .pack-card--featured {
  border-color: rgba(255, 59, 122, 0.45);
  box-shadow: 0 18px 48px rgba(255, 59, 122, 0.12);
}

body.theme-faja-latex .pack-card--sold-out {
  opacity: 0.78;
  filter: grayscale(0.25);
}

body.theme-faja-latex .pack-card--sold-out .pack-img-wrap img {
  opacity: 0.88;
}

body.theme-faja-latex .pack-badge {
  background: rgba(255, 59, 122, 0.92);
  color: #fff;
  font-size: 0.68rem;
}

body.theme-faja-latex .pack-headline {
  color: #ffb3d0;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.theme-faja-latex .pack-name {
  font-size: 0.95rem;
  line-height: 1.25;
}

body.theme-faja-latex .pack-qty {
  font-size: 0.8rem;
  color: var(--fj-muted);
}

body.theme-faja-latex .pack-btn-soldout {
  background: #2a1f24 !important;
  color: #8a7a82 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  font-weight: 600;
}

body.theme-faja-latex .benefit-card,
body.theme-faja-latex .step,
body.theme-faja-latex .t-card {
  background: var(--fj-card);
  border: 1px solid var(--fj-line);
}

body.theme-faja-latex .stat-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--fj-line);
}

body.theme-faja-latex .visual-funnel {
  background: linear-gradient(180deg, transparent, rgba(255, 59, 122, 0.04));
}

body.theme-faja-latex .vf-dot {
  background: linear-gradient(135deg, #ff3b7a, #f4c14d);
}

body.theme-faja-latex details {
  border-color: var(--fj-line);
  background: rgba(255, 255, 255, 0.02);
}

body.theme-faja-latex .final-cta {
  background: linear-gradient(160deg, #1a0e14, #0c060a);
  border-top: 1px solid var(--fj-line);
}

body.theme-faja-latex footer {
  color: var(--fj-muted);
  border-top-color: var(--fj-line);
}

/* Tabla de medidas: fondo claro + texto oscuro (evita PNG negro con letras negras) */
body.theme-faja-latex .size-chart-section {
  scroll-margin-top: 1rem;
}

body.theme-faja-latex .size-chart-table-wrap {
  max-width: 720px;
  margin-inline: auto;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(255, 59, 122, 0.45);
  background: linear-gradient(180deg, #fff8fc 0%, #ffeef5 100%);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

body.theme-faja-latex .size-chart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  color: #1a0d12;
}

body.theme-faja-latex .size-chart-table th,
body.theme-faja-latex .size-chart-table td {
  padding: 0.75rem 0.65rem;
  text-align: center;
  border: 1px solid rgba(224, 30, 90, 0.28);
}

@media (min-width: 520px) {
  body.theme-faja-latex .size-chart-table th,
  body.theme-faja-latex .size-chart-table td {
    padding: 0.85rem 1rem;
    font-size: 1rem;
  }
}

body.theme-faja-latex .size-chart-table thead th {
  background: linear-gradient(180deg, #ff3b7a, #d41850);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

body.theme-faja-latex .size-chart-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.75);
}

body.theme-faja-latex .size-chart-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.45);
}

body.theme-faja-latex .size-chart-table tbody td {
  font-weight: 600;
}

body.theme-faja-latex .sticky-cta {
  background: rgba(12, 6, 10, 0.92);
  border-top-color: var(--fj-line);
}