
/* ✅ FUENTES PERSONALIZADAS */
@font-face {
    font-family: 'Mouse_Deco';
    src: url('/fonts/Mouse_Deco.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ✅ VARIABLES CSS */
:root {
    --fuente-principal: &#039;Roboto&#039;, sans-serif;
    --tamano-titulo: 2.5rem;
    --tamano-texto: 16px;
    --color-titulo: #333333;
}

/* ✅ APLICACIÓN GLOBAL */
body {
    font-family: var(--fuente-principal) !important;
    font-size: var(--tamano-texto) !important;
}

/* ✅ TÍTULOS */
h1, h2, h3, h4, h5, h6,
.titulo, .content-title, .sidebar-title, 
.texto-titulo, .titulo-galeria, 
.marca-principal-aliadostx h2,
.titulo-mentorias-menu h2 {
    font-family: var(--fuente-principal) !important;
    font-size: var(--tamano-titulo) !important;
    color: var(--color-titulo) !important;
    font-weight: 600;
}

/* ✅ TEXTOS GENERALES */
p, span, div, label, li, a, button, input, select, textarea {
    font-family: var(--fuente-principal) !important;
}