@import "reset.css";
@import "grid.css";
@import "header.css";
@import "footer.css";
@import "componentes.css";
@import "cuenta.css";
@import "staff.css";

:root {
    --celesteOscuro: #343a40;
    --celestePrincipal: #3A7FC4;
    --celestePrincipal-claro: #A9D3F5;
    --gris-fondo: #F5F5F5;
    --gris-texto: #333;
    --blanco: #FFF;
}

.hide {
    display: none;
    
}


html,
body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

/* El main empuja el footer */
main.content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

b {
    font-weight: bold;
}

@-ms-viewport {
    width: device-width;
}

@media only screen and (max-width: 1366px) {
    body {
        font-size: 14px !important;
    }
}