@font-face {
    font-family: "Gotham Bold";
    src: url(fonts/Gotham-Bold.otf);
}

#banner {
    padding-top: 2rem;
}

main {
    background-color: #fff;
}

a:hover {
    color: #F8EFD5 !important;
}

.portada p {
    font-size: 1.4rem;
    color: #333;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: "Open Sans", serif;
    font-weight: 300;
}

p {
    font-size: 1.2rem;
    color: #000;
    font-family: "Open Sans", serif;
    font-weight: 300;
}

.navbar-brand {
    margin: auto !important;
}

.bg-azul {
    background: rgb(0,78,112);
    background: linear-gradient(135deg, rgba(0,78,112,1) 35%, rgba(11,39,55,1) 100%);
}

.bg-azul2 {
    background-color: #004e70 !important;
}

.bg-azul3 {
    background-color: #B7CBD4 !important;
}

.bg-azul2 a {
    color: #fff;
}

.nav-ciudadania {
    height: 5rem;
}


.btn-primary {
    background-color: #4BA6DE !important;
    border-color: #4BA6DE !important;
}

.navbar-brand {
    font-family: "Gotham Bold", sans-serif !important;
    font-size: 1.5rem !important;
}

h2 {
    font-family: "Gotham Bold", sans-serif;
    margin-bottom: 2rem !important;
    color: #004E70 !important;
}

.table-webinarios {
    max-width: 50rem !important;
}

.titulo {
    background-color: #F4DB4E;
    width: fit-content;
    padding: 0.5rem 2rem;
    margin-bottom: 1rem;
    color: #004E70;
}
.bg-amarillo {
    background-color: #F4DB4E;
}

.table-azul {
    --bs-table-color: #fff;
    --bs-table-bg: #004E70;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.logo-minedu {
    width: 300px;
}

.logo-open {
    width: 220px;
}

.comunidad img {
    width: 150px;
}

.content-interno {
    max-width: 900px;
}

.calendario {
    width: 150px;
}

.text-ayuda {
    background-color: #97B049;
    padding: 0.5rem 1rem;
    color: #fff;
}

.chatbot:hover {
    transform:rotateZ(10deg);
}

.navbar-toggler {
    background-color: #fff !important;
}

#navbarSupportedContent {
    background-color: #004e70;
    padding: 1rem;
}

.img-peq {
    display: none;
}

/* Concurso*/

.bg-concurso {
    background-image: url('img/fondo-concurso.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-concurso p {
    font-family: "Open Sans", serif;
    font-weight: 300;
}

@media (max-width: 575.98px) {
    .img-peq {
        display: block;
    }

    .img-normal {
        display: none;
    }

    .navbar-brand {
        font-size: 0.9rem !important;
    }

    #logos {
        padding: 1.8rem 0;
    }

    .logo-minedu {
        width: 150px;
    }

    .logo-bid {
        width: 90px;
    }

    .calendario {
        display: none;
    }
}