/* ========================================
   CM PLATFORM - MESH GRADIENTS
   Alineado al Sistema Visual Novit AI
   Fuente de Verdad: Manual de Marca Novit
   ======================================== */

.cm-mesh-hero {
    background-color: var(--grad-cabecera-fallback, #1B4BB9);
    background-image: 
        radial-gradient(ellipse at 85% 15%, rgba(61, 176, 228, 0.25) 0%, transparent 50%),
        radial-gradient(ellipse at 15% 85%, rgba(13, 11, 146, 0.35) 0%, transparent 60%),
        var(--grad-cabecera);
    color: var(--novit-blanco, #ffffff);
}

.cm-mesh-hero .cm-hero__title {
    color: var(--novit-blanco, #ffffff);
}

.cm-mesh-hero .cm-hero__subtitle {
    color: var(--on-color-bajada, rgba(255, 255, 255, 0.90));
}

.cm-mesh-subtle {
    background: 
        radial-gradient(ellipse at 30% 20%, rgba(51, 152, 220, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(61, 176, 228, 0.06) 0%, transparent 40%),
        var(--cm-bg-surface);
}

.cm-mesh-accent {
    background: 
        radial-gradient(ellipse at 0% 50%, rgba(51, 152, 220, 0.18) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 50%, rgba(79, 142, 213, 0.14) 0%, transparent 50%),
        var(--cm-bg-surface-alt);
}

/* Bloque de Cierre / Novedades de Novit (Voz de Marca) */
.cm-mesh-closing {
    background-color: var(--grad-cierre-fallback, #510371);
    background-image: var(--grad-cierre);
    color: var(--novit-blanco, #ffffff);
}

/* Utilidades de Degradé Oficiales */
.cm-gradient-brand {
    background: var(--grad-cabecera);
}

.cm-gradient-accent {
    background: linear-gradient(100deg, var(--cm-accent) 0%, var(--cm-accent-hover) 100%);
}

.cm-gradient-surface {
    background: linear-gradient(180deg, var(--cm-bg-surface) 0%, var(--cm-bg-surface-alt) 100%);
}