body.login_admin {
  background: url('https://conta.codigomexa.com/IMG/pexels-codioful-7130505.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*
 * -----------------------------------------------------------------
 * 1. IMPORTAR FUENTE POPPINS DE GOOGLE FONTS
 * -----------------------------------------------------------------
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/*
 * -----------------------------------------------------------------
 * 2. APLICAR POPPINS A ELEMENTOS DE TEXTO (EVITANDO ICONOS)
 * -----------------------------------------------------------------
 */

/* Aplicar al cuerpo principal y elementos de texto comunes */
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p,
a,
li,
label,
.form-control,
input,
textarea,
select,
.btn,
.table,
.dataTables_wrapper,
.modal-title,
.modal-body,
.popover-title,
.popover-content,
.alert,
#company-name {
    font-family: 'Poppins', sans-serif !important;
}

/*
 * -----------------------------------------------------------------
 * 3. APLICAR ESPECIALMENTE AL TEXTO DEL MENÚ (LA CLAVE)
 * -----------------------------------------------------------------
 * Perfex usa '.menu-icon' para el icono y '.menu-item-text' para el texto.
 * Al apuntar solo a '.menu-item-text', dejamos el icono intacto.
 */
.menu-item-text {
    font-family: 'Poppins', sans-serif !important;
    /* Opcional: Poppins puede verse un poco más grande, ajusta si es necesario */
    /* font-size: 13.5px !important; */ 
}

/* Aplicar a otros textos específicos del dashboard */
.widget-report-period,
.quick-links,
.navbar-nav > li > a {
    font-family: 'Poppins', sans-serif !important;
}

/* Ajustar el peso de los encabezados, ya que Poppins tiene varios */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 900 !important; /* Semi-Bold */
}