@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap'); /* ═══════════════════════════════════════════════════════ Theme Sílabas en Juego — solo cuando lleva la clase `theme-silabas` (se activa por slug `silabas-en-juego` en index.php / pedido.php). No toca el checkout genérico de los otros packs. ═══════════════════════════════════════════════════════ */ :root.theme-silabas { --bg: #fffbf2; --bg2: #fff4e0; --surface: #ffffff; --surface-2: #fffaf0; --ink: #22201b; --muted: #6f6a5e; --text: #22201b; --text-muted: #6f6a5e; --text-light: #a39c8b; --line: #f0e4cc; --line-soft: rgba(120, 85, 20, 0.08); --border: #f0e4cc; --border-mid: #e5d6b4; --accent: #ff4a1f; --accent-dark: #d92d0e; --accent-ink: #ffffff; --accent-bg: rgba(255, 74, 31, 0.09); --red: #d92d0e; --green: #16a34a; --grad-1: #ff4a1f; --grad-2: #ff8a00; --grad-3: #ffd93b; --shadow: 0 10px 30px rgba(120, 85, 20, 0.1); --topbar-bg: rgba(255, 251, 242, 0.92); --nav-hover-bg: rgba(120, 85, 20, 0.06); } .theme-silabas body { background-image: radial-gradient(120% 45% at 50% -10%, rgba(255, 180, 84, 0.22), transparent 55%), radial-gradient(80% 40% at 100% 20%, rgba(14, 154, 158, 0.07), transparent 45%); } .theme-silabas .co-order-name, .theme-silabas .co-price-is, .theme-silabas .pp-title, .theme-silabas .ty-title, .theme-silabas .combo-title { font-family: 'Baloo 2', 'Inter', system-ui, sans-serif; letter-spacing: -0.01em; } .theme-silabas .co-order-joined { background: rgba(255, 74, 31, 0.09); border: 1px solid rgba(255, 74, 31, 0.28); border-radius: 12px; } .theme-silabas .btn-pay, .theme-silabas .combo-cta, .theme-silabas .pp-combo-btn, .theme-silabas .btn-drive, .theme-silabas .btn-retry, .theme-silabas .exit-modal-btn-primary { border-radius: 14px; } .theme-silabas .bump.active { border-color: rgba(255, 74, 31, 0.55); } .theme-silabas .bump.active .bump-tick { background: var(--accent); } .theme-silabas .combo { border-color: rgba(255, 74, 31, 0.35); } .theme-silabas .ty-logo-mark { background: linear-gradient(135deg, #ff4a1f, #ff8a00); } .theme-silabas .access-block { border-color: rgba(255, 74, 31, 0.3); }