/*
 * Capa de marca para Be Theme — Gobernación del Magdalena
 * Usa los tokens --mg-* de magdalena.min.css (manualdemarca.magdalena.gov.co).
 * Solo clases opt-in: no cambia estilos globales del sitio. Los colores globales
 * (enlaces, botones, menú) se definen en Be Theme > Opciones del tema > Colores.
 */

/* Franja multicolor institucional como remate de una sección/elemento:
   añadir la clase "mg-stripe-bottom" o "mg-stripe-top" en el campo "Custom CSS class" de BeBuilder */
.mg-stripe-bottom,
.mg-stripe-top {
    position: relative;
}

.mg-stripe-bottom::after,
.mg-stripe-top::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    background: var(--mg-gradient-stripe);
    pointer-events: none;
}

.mg-stripe-bottom::after { bottom: 0; }
.mg-stripe-top::before { top: 0; }

/* Fondos de sección */
.mg-bg-sky { background-color: var(--mg-cyan-50) !important; }
.mg-bg-primary { background: var(--mg-gradient-primary) !important; color: var(--mg-on-primary); }
.mg-bg-deep { background: var(--mg-gradient-deep) !important; color: #fff; }

/* Tipografía institucional */
.mg-font { font-family: var(--mg-font-sans) !important; }
.mg-title { font-family: var(--mg-font-display); font-weight: 800; color: var(--mg-heading); }

/* Colores de texto */
.mg-text-primary { color: var(--mg-primary) !important; }
.mg-text-purple { color: var(--mg-purple) !important; }
.mg-text-yellow { color: var(--mg-yellow) !important; }
.mg-text-gray { color: var(--mg-gray) !important; }