/* premium-brand.css — MARCA PREMIUM = AZUL, en TODO el sitio. ============================================================================ Cuando el usuario es PREMIUM y está logueado, el recibe la clase `is-premium` (la inyecta _header.html leyendo la sesión). Esta hoja redefine los tokens de marca --q-* (y el namespace largo --qirava-*) a un análogo AZUL bajo `body.is-premium`, de modo que TODOS los botones, acentos, enlaces y gradientes de todo el sitio (home, blog, noticias, productos, servicios, TODAS las vistas) cambien de verde a azul sin tocar el markup de cada página. Free / anónimo NO reciben `is-premium` y conservan el verde de marca. Azul del logo Qirava = #2563EB · cola cian = #22D3EE · profundo = #1D4FD7. Se carga en _header.html (presente en todas las vistas), después de los tokens base, para ganar en cascada. ============================================================================ */ body.is-premium { /* Acento principal / brand */ --q-brand: #2563EB; --q-accent: #2563EB; --q-accent-hover: #1D4FD7; /* Foco / halos en azul */ --q-focus-ring: rgba(37, 99, 235, 0.22); --q-focus-inset: rgba(37, 99, 235, 0.40); /* Gradientes de marca (ambos namespaces: los botones consumen --qirava-*) */ --q-gradient-primary: linear-gradient(135deg, #2563EB 0%, #2E90DE 50%, #22D3EE 100%); --q-gradient-hover: linear-gradient(135deg, #1D4FD7 0%, #1E7FC8 50%, #0891B2 100%); --qirava-gradient-primary: linear-gradient(135deg, #2563EB 0%, #2E90DE 50%, #22D3EE 100%); --qirava-gradient-hover: linear-gradient(135deg, #1D4FD7 0%, #1E7FC8 50%, #0891B2 100%); --q-gradient-soft: radial-gradient(circle at 18% 10%, rgba(37, 99, 235, 0.18), transparent 34%), radial-gradient(circle at 86% 14%, rgba(34, 211, 238, 0.16), transparent 30%), linear-gradient(180deg, #FFFFFF 0%, #F6F9FF 62%, #EAF1FF 100%); /* Aliases verdes que algunas hojas consumen directamente */ --qirava-green: #2563EB; /* Sombras de botón con tinte azul */ --q-shadow-card: 0 2px 12px rgba(37, 99, 235, 0.10); --q-shadow-card-hover:0 4px 20px rgba(37, 99, 235, 0.16); --q-shadow-btn: 0 18px 42px rgba(29, 79, 215, 0.28); --q-shadow-btn-hover: 0 22px 54px rgba(29, 79, 215, 0.36); /* Realce de fondo (chips, tabs, hover) en azul muy tenue */ --q-bg-strong: #EAF1FF; --q-border-strong: #C6D6FF; }