@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

* {
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    overscroll-behavior: none;

    --color-white: #ffffff;
    --color-text: #212529;
    --font-family: "Rethink Sans", sans-serif;
    --font-family-secondary: "Inter", sans-serif;
    --font-family-text: "Open Sans", sans-serif;

    /* NARANJA */
    --color-primary-orange: #e56700;
    --color-primary-orange-100: #fae1cc;
    --color-primary-orange-200: #2e1500;
    --color-primary-orange-300: #5c2900;
    --color-primary-orange-400: #893e00;
    --color-primary-orange-500: #b75200;
    --color-primary-orange-700: #ea8533;
    --color-primary-orange-800: #efa466;
    --color-primary-orange-900: #f5c299;

    /* AZUL */
    --color-primary-blue: #15284b;
    --color-primary-blue-100: #d0d4db;
    --color-primary-blue-200: #04080f;
    --color-primary-blue-300: #08101e;
    --color-primary-blue-400: #0d182d;
    --color-primary-blue-500: #11203c;
    --color-primary-blue-700: #44536f;
    --color-primary-blue-800: #737e93;
    --color-primary-blue-900: #a1a9b7;

    /* GRIS */
    --color-gray-100: #fdfcfb;
    --color-gray-200: #31302f;
    --color-gray-300: #625f5e;
    --color-gray-400: #928f8e;
    --color-gray-500: #c3bebd;
    --color-gray-600: #f4eeec;
    --color-gray-700: #f6f1f0;
    --color-gray-800: #f8f5f4;
    --color-gray-900: #fbf8f7;

    /* VERDE */
    --color-green-100: #cdeedf;
    --color-green-200: #9bddbf;
    --color-green-300: #68cc9e;
    --color-green-400: #36bb7e;
    --color-green-500: #03884b;
    --color-green-600: #03884b;
    --color-green-700: #024426;
    --color-green-800: #012213;
    --color-green-900: #04aa5e;

    /* ROJO */
    --color-red-100: #ffd8d9;
    --color-red-200: #ffb1b3;
    --color-red-300: #ff8a8d;
    --color-red-400: #ff6367;
    --color-red-500: #cc3034;
    --color-red-600: #992427;
    --color-red-700: #66181a;
    --color-red-800: #330c0d;
    --color-red-900: #ff3c41;

    /* NEUTRAL */
    --color-neutral-100: #edeeee;
    --color-neutral-200: #dcddde;
    --color-neutral-300: #cacbcd;
    --color-neutral-400: #b9babd;
    --color-neutral-500: #86878a;
    --color-neutral-600: #646567;
    --color-neutral-700: #434445;
    --color-neutral-800: #212222;
    --color-neutral-900: #a7a9ac;

    /* WARNING */
    --color-warning-100: #fef1cf;
    --color-warning-200: #fde49f;
    --color-warning-300: #fcd66f;
    --color-warning-400: #fbc93f;
    --color-warning-500: #c8960c;
    --color-warning-600: #967009;
    --color-warning-700: #644b06;
    --color-warning-800: #322503;
    --color-warning-900: #fabb0f;

    --anuario-admin-bar-height: 0px;
    --anuario-header-height: 108px;
}

body {
    overscroll-behavior: none;
}

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

.admin-bar {
    --anuario-admin-bar-height: 32px;
}

.content-main {
    margin-top: var(--anuario-header-height);
}

.font-rethink {
    font-family: var(--font-family) !important;
}

.hidden {
    display: none !important;
}

@media screen and (max-width: 1280px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}