@import url('darkmode.css');
@import url('fonts.css');
:root {
    --base: #0f48bb;
    --morado: #c80cd2;
    --naranja: #f97561;
    --fondo-blanco: #f2f2f2;
    --fondo-negro: #272626;
    --blanco: #e3e3e3;
    --gris: #a8a8a8;
    --black: #202020;
    --color_1: #333448;
    --azul-logo: #0E4D61;


    --font-family_1: "Poppins-Regular", sans-serif;
    --font-family_2: "FontAwesome";
    --font-family_3: "Rubik", sans-serif;
    --font-family_4: inherit;
    --font-family_5: "Font Awesome 5 Free";
    --font-family_6: "Font Awesome 6 Free";
    --font-family_7: "Font Awesome 5 Free";
}

body {
    font-family: var(--font-family_1);
    font-size: 16px;
    color: var(--color_1);
    background: linear-gradient(
        0deg,
        rgba(51, 53, 72, 0.05),
        rgba(51, 53, 72, 0.05)
      ),
      #ffffff;
    overflow-x: hidden;
    height: 100%;
  }

h1, h2, h3, h4, h5{
    font-family: 'Poppins-Bold';  
}
p, a, ul, li{
    font-family: 'Poppins-Regular';
}
 p{
  font-size: 14px !important;
 }


.indicador{
  padding: 5px 0px; 
  border-radius: 100px; 
  height: 10px; 
  width: 10px; 
  cursor:pointer
}

.azullogo-relleno{
  background-color: var(--azul-logo) !important;
}


/* Modificaciones tablas */