/*? NORMALIZE ?*/
@import 'normalize.css';

/*? FONTS ?*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*? UTILS ?*/
@import 'colors.css';

/*? COMPONENTS ?*/
@import 'components/navbar.css';
@import 'components/month-picker.css';
@import 'components/modal.css';
@import 'components/form.css';
@import 'components/select-picker.css';
@import 'components/alert.css';
@import 'components/button.css';

/*? PAGES ?*/
@import 'pages/login.css';
@import 'pages/dashboard.css';
@import 'pages/units.css';
@import 'pages/drivers.css';
@import 'pages/travels.css';
@import 'pages/profile.css';
@import 'pages/GestionDiesel.css';

/* Reset radical para todos los elementos */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #f3f4f6;
}

.container-body {
    max-width: 100%;
    margin: auto;
    overflow-y: auto;
    zoom: 70%;
}

@media (max-width: 1200px) {
    .container-body {
        zoom: 68%;
    }
}

@media (max-width: 992px) {
    .container-body {
        zoom: 60%;
    }
}

@media (max-width: 768px) {
    .container-body {
        zoom: 55%;
    }
}

@media (max-width: 576px) {
    .container-body {
        zoom: 50%;
    }
}

.layout-body {
    margin: 20px;
    font-family: 'Inter', sans-serif;
}