.weekend{
    width: 30%;
}
.weekend-bases{
    width: 30%;
}
.header-scroll {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
    justify-content: space-between;
}
.categoria-fondo{
    background: #24262B;
    background-size: cover;
}

.categorias-premios, .categorias-colaboradores, .footer-recoders{
    background: #171B29;
}


.categorias-banner{
    background: linear-gradient(45deg, #fc0441 0%, #f62da8 100%);
}
.seguro-grupo{
    background: linear-gradient(45deg, #fc0441 0%, #f62da8 100%);;
}

.inseguro-grupo{
    background: linear-gradient(45deg, #44444B 0%, #898E90 100%);
}
.azul-button{
    background: linear-gradient(45deg, #071252 0%, #2D3CF6 100%);
}
.color-blue{
    color: #5169f3;
}
.color-azul{
    color: #039cdd;
}
.login{
    color: #887882;
}

.awards-modal{
    width: 40%;    
}

.img-colaboradores {
    width: 80%;
    height: 100%;
}
.img-colaboradores1{
    max-width: 40%;
    max-height: 40%;
    border-radius: 50% !important;
}
.img-colaboradores2{
    max-width: 50%;
    max-height: 50%;
}
.img-colaboradores3 {
    width: 60%;
    height: 100%;
}
.img-colaboradores4 {
    width: 100%;
    height: 100%;
}
.img-discord-team{
    width: 20%;
}

.img-awards{
    width: 80%;
    padding-left: auto;
    padding-right: auto;
}
.img-awards-devil{
    width: 90%;
    padding-left: auto;
    padding-right: auto;
}
.img-awards-devil1{
    width: 70%;
    padding-left: auto;
    padding-right: auto;
}

.img-awards-kiss{
    width: 70%;
    padding-left: auto;
    padding-right: auto;
}
.img-awards-kiss1{
    width: 40%;
    padding-left: auto;
    padding-right: auto;
}


/* SMARTPHONE */
@media (max-width: 480px){
    .img-discord-team{
        width: 50%;
    }
}

/* TABLET y TELEFONOS HORIZONTAL */
@media (min-width: 480px) and (max-width:767px){
    .img-discord-team{
        width: 40%;
        padding-right: 10px;
    }
}

/* Tablets, Ipads (horizontal) */
@media (min-device-width : 768px) and (max-device-width : 1024px){

}

/* Ordenadores de sobremesa y portátiles */
@media (min-width : 1024px){

}


.footer-img{
    background-image: url(../img/Fondo_fullscreen.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.text-btn{
    font-family: "navigo", sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    padding-bottom: auto;
    padding-top: auto;
    padding: 0.5rem 1rem;
}
.text-btn-landing{
    font-family: "navigo", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}

/* ===== IMAGEN FONDO HEADER WeekendCode ===== */
.header-img {
    background-image: url(../img/fondoPremiacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.header1-img{
    background-image: url(../img/Fondo_fullscreen.png);
    background-repeat: no-repeat;
}
/* SMARTPHONE */
@media (max-width: 480px){
    .header-img {
        background-image: url(../img/fondoPremiacion.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    } 
}

/* TABLET y TELEFONOS HORIZONTAL */
@media (min-width: 480px) and (max-width:767px){
    .header-img {
        background-image: url(../img/fondoPremiacion.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* Tablets, Ipads (horizontal) */
@media (min-device-width: 768px) and (max-device-width : 1024px){
    .header-img {
        background-image: url(../img/fondoPremiacion.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .final-header{
        padding-top: 100px;
    }
}

/* Ordenadores de sobremesa y portátiles */
@media (min-width: 1024px)and (max-device-width : 1400px){
    .header-img {
        background-image: url(../img/fondoPremiacion.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .final-header{
        padding-top: 150px;
    }
}
@media (min-width: 1400px){
    .header-img {
        background-image: url(../img/fondoPremiacion.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }
    .final-header{
        padding-top: 90px;
    }
}
/* ===== LOGO RECODERS BARRA ===== */
.brand-logo {
    max-width: 40px;
}
.brand-logo-bases{
    max-width: 30px;
}
/* ===== LOGO RECODERS ===== */
.img-logo{
    width: 30%;
}

/* SMARTPHONE */
@media (max-width: 480px){
    .img-logo{
        width: 15%;
    }
}
/* TABLET y TELEFONOS HORIZONTAL */
@media (min-width: 480px) and (max-width:767px){
    .img-logo{
        width: 15%;
    }
}
/* Tablets, Ipads (horizontal) */
@media (min-device-width : 767px) and (max-device-width : 1024px){
    .img-logo{
        width: 40%;
    }
}
/* Ordenadores de sobremesa y portátiles */
@media (min-width : 1024px){
    .img-logo{
        width: 40%;
    }
}

/* ===== stay sfe stay home ===== */

.img-bottom{
    max-width: 150px;
    margin-right: auto;
}

.img-bottom-login{
    max-width: 100px;
    margin-right: auto;
}
/* SMARTPHONE */
@media (max-width: 480px){
    .img-bottom{
        max-width: 100px;
    }
}

/* ------------------------------------- */



.text-scroll{
    font-size: 1rem;
}
/* ------------------------------------- */

.img-full{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;

}
.img-full-login{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;

}
.img-full-bases{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}
/* SMARTPHONE */
@media (max-width: 480px){
    .img-full{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        display: flex;
    }
}


.select-registro{
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}


.decoration-link{
    text-decoration: none;
}
.color-pink{
    color:#f01181;
}

.color-recoders{
  color: rgb(35, 151, 70);
}
.color-kiss{
    color: rgba(183, 1, 74, 0.863);
}
.color-ada{
    color: rgba(230,55,139);
}
.color-devil{
    color: rgba(0,184,255);
}
.color-robot{
    color: rgb(43, 38, 190);
}

.recoders-bases{
    max-width: 10%;
    max-height: 40px;
    padding-left: 15px;
    padding-top: 3px;
    
}
.kiss-bases{
    max-width: 15%;
    max-height: 50px;
    padding-right: 15px;
    padding-top: 3px;
}
.devil-bases{
    max-width: 15%;
    max-height: 40px;
    padding-left: 15px;
    padding-top: 3px;
}

.text-Navigo-ExtraLight{

    font-family: "navigo", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.text-Navigo-Thin{

font-family: "navigo", sans-serif;
font-weight: 100;
font-style: normal;
}

.text-Navigo-Light{

font-family: "navigo", sans-serif;
font-weight: 300;
font-style: normal;
}
.text-Navigo-Regular{

font-family: "navigo", sans-serif;
font-weight: 400;
font-style: normal;
}

.text-Navigo-Medium{

font-family: "navigo", sans-serif;
font-weight: 500;
font-style: normal;
}

.text-Navigo-Bold{

font-family: "navigo", sans-serif;
font-weight: 700;
font-style: normal;
}
.text-light-koders{
    color: #6e8aee !important;
    text-decoration: none;
    font-family: "navigo", sans-serif;
    font-weight: 500;
}
.text-footer-recoders{
    color: #168136 !important;
    text-decoration: none;
}

.text-Navigo-Black{

font-family: "navigo", sans-serif;
font-weight: 900;
font-style: normal;
}

/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... } */



.img-jurado{
    width: 120px; 
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
.text-smaller{
    font-size: small;
}