/* Capa final estilo Apple: tipografía del sistema, color sólido, sin adornos */
:root { --apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; --apple-accent: #7c3aed;
  --body: var(--apple-font); --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif; --font-main: var(--apple-font); --v2-font: var(--apple-font);
  --grad: var(--apple-accent); --cb-grad: var(--apple-accent); }
body { font-family: var(--apple-font); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { letter-spacing: -.02em; }
/* Botones y distintivos: un solo color sólido */
.btn.glow, .btn.primary, .btn.pri, .pill b, .plan.pop .badge, body.cb-auth .btn.primary, body.cb-settings .btn.pri { background: var(--apple-accent) !important; box-shadow: none !important; }
.tile .ico, .cb-show li .cb-ib { background: var(--apple-accent) !important; }
/* Texto con degradado → texto sólido */
.grad, .gradient-text { background: none !important; -webkit-text-fill-color: var(--apple-accent) !important; color: var(--apple-accent) !important; }
/* Capas decorativas fuera */
.grain, .bg-live-aurora::before, .bg-live-aurora::after, .cb-shimmer::after, .btn.glow::before, .cb-premium #auth .btn.primary::before { display: none !important; }
.composer::before, body.cb-auth .card::before { background: none !important; }
.feat::after, .tcard::after, .cb-glow::after { display: none !important; }
.plan.pop, .final, .cb-settings-hero { background: color-mix(in srgb, var(--apple-accent) 8%, transparent) !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* Color por plan */
html[data-plan=free] { --apple-accent: #8e9bb0; }
html[data-plan=student] { --apple-accent: #30d158; }
html[data-plan=premium] { --apple-accent: #0a84ff; }
html[data-plan=ultimate] { --apple-accent: #bf5af2; }
.plans .plan:nth-child(1) { --plan-c: #8e9bb0; } .plans .plan:nth-child(2) { --plan-c: #30d158; }
.plans .plan:nth-child(3) { --plan-c: #0a84ff; } .plans .plan:nth-child(4) { --plan-c: #bf5af2; }
.plans .plan { border-top: 4px solid var(--plan-c) !important; }
.plans .plan .btn.primary { background: var(--plan-c) !important; border-color: var(--plan-c) !important; }
html[data-plan=premium] .student-only, html[data-plan=ultimate] .student-only { display: none !important; }
/* Registro horizontal en pantallas anchas */
@media (min-width: 820px) {
  #f-register { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; align-items: end; }
  #f-register > :first-child, #f-register > .hint, #f-register > .check, #f-register > button[type=submit] { grid-column: 1 / -1; }
  #f-register > .two { display: contents; }
}
body, input, textarea, button { font-size: max(1em, 16px); }
@media (min-width: 820px) { body.cb-auth .card:has(#f-register:not([hidden])) { max-width: 880px !important; width: 100%; } }