/* _content/CopaAmerica.Web/Pages/Components/Formaciones.razor.rz.scp.css */
body[b-6hcbpnfn7c] {

}


.floating-button[b-6hcbpnfn7c] {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.icon-floating[b-6hcbpnfn7c] {
    background-color: mediumspringgreen;
}

.contenedor-formaciones[b-6hcbpnfn7c] {
    justify-content: space-between;
}

.imagen-jugador[b-6hcbpnfn7c] {
    display: flex;
    justify-content: center;
    align-items: center;
}

 /*Si la pantalla esta en lo mas chico*/  
@media (max-width: 641px) {

    .scroll[b-6hcbpnfn7c] {
        max-width:636px;
        overflow-x: auto;
    }

    .scroll .row[b-6hcbpnfn7c] {
        max-width: 636px;
    }

    .imagen-formaciones[b-6hcbpnfn7c] {
        background-image: url('./images/canchaNueva2.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        /*min-width: 636px;
        min-height: 630px;*/
    }

    .contenedor-formaciones[b-6hcbpnfn7c] {
        justify-content: center !important;
    }
}

 /*Si la pantalla esta en lo mediano*/ 
@media (max-width: 768px) {

    .imagen-formaciones[b-6hcbpnfn7c] {
        background-image: url('./images/canchaNueva2.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
}

 /*Si la pantalla esta en lo mas grande*/  
@media (min-width: 769px) {
    .contenedor-formaciones[b-6hcbpnfn7c]{
        height: 525px;
    }

    .imagen-formaciones[b-6hcbpnfn7c] {
        background-image: url('./images/canchaNueva2.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .scroll[b-6hcbpnfn7c] {
        max-width: 636px;
        overflow-x: auto;
    }

    .scroll .row[b-6hcbpnfn7c] {
        max-width: 630px;
    }
}

@media (min-width: 1024px) {

    .imagen-formaciones[b-6hcbpnfn7c] {
        background-image: url('./images/canchaNueva2.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
    }

    .scroll[b-6hcbpnfn7c] {
        max-width: 636px;
        overflow-x: auto;
    }

    .scroll .row[b-6hcbpnfn7c] {
        max-width: 630px;
    }
}


/* _content/CopaAmerica.Web/Pages/Components/Prode.razor.rz.scp.css */
body[b-njxvmu0goi] {
}

.floating-button[b-njxvmu0goi] {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.icon-floating[b-njxvmu0goi] {
    background-color: mediumspringgreen;
}

.imagenFondo[b-njxvmu0goi] {
    background-image: src("../../wwwroot/images/Copa.jpg");
    background-repeat: no-repeat;
}

@media (max-width: 641px) {

    .div-disabled[b-njxvmu0goi] {
        display: none;
        visibility: hidden;
    }
}
/* _content/CopaAmerica.Web/Pages/Index.razor.rz.scp.css */

/* Si la pantalla esta en lo mas chico  */
@media (max-width: 641px) {
    .sizeMovil[b-fk7f193vdi] {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
}


/* Si la pantalla esta en lo mediano */
@media (max-width: 768px) {
}

/* Si la pantalla esta en lo mas grande  */
@media (min-width: 768px) {

    .sizeMovil[b-fk7f193vdi] {
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }
}

.avator[b-fk7f193vdi] {
    border-radius: 100px;
    width: 48px;
    margin-right: 15px;
}


.tweet-wrap[b-fk7f193vdi] {
    max-width: 490px;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 3px;
    padding: 20px;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
}

.tweet-header[b-fk7f193vdi] {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
}

.tweet-header-info[b-fk7f193vdi] {
    font-weight: bold;
}

    .tweet-header-info span[b-fk7f193vdi] {
        color: #657786;
        font-weight: normal;
        margin-left: 5px;
    }

    .tweet-header-info p[b-fk7f193vdi] {
        font-weight: normal;
        margin-top: 5px;
    }

.tweet-img-wrap[b-fk7f193vdi] {
    padding-left: 60px;
}

.tweet-info-counts[b-fk7f193vdi] {
    display: flex;
    margin-left: 60px;
    margin-top: 10px;
}

    .tweet-info-counts div[b-fk7f193vdi] {
        display: flex;
        margin-right: 20px;
    }

        .tweet-info-counts div svg[b-fk7f193vdi] {
            color: #657786;
            margin-right: 10px;
        }

@media screen and (max-width:430px) {

    .tweet-header[b-fk7f193vdi] {
        flex-direction: column;
    }

        .tweet-header img[b-fk7f193vdi] {
            margin-bottom: 20px;
        }

    .tweet-header-info p[b-fk7f193vdi] {
        margin-bottom: 30px;
    }

    .tweet-img-wrap[b-fk7f193vdi] {
        padding-left: 0;
    }

    .tweet-info-counts[b-fk7f193vdi] {
        display: flex;
        margin-left: 0;
    }

        .tweet-info-counts div[b-fk7f193vdi] {
            margin-right: 10px;
        }
}
/* _content/CopaAmerica.Web/Pages/Login.razor.rz.scp.css */

body[b-3p1fob6dt4] {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}



.fondo-oscuro[b-3p1fob6dt4] {
    background-color: black;
    color: white;
}

@media (max-width: 641px) {
    .right[b-3p1fob6dt4] {
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(22,22,37,1) 23%, rgba(13,38,64,1) 71%, rgba(0,37,106,1) 96%);
        margin: 0px;
    }

    .bottom-movil[b-3p1fob6dt4] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}

@media (max-width: 767px) {
    .fondo-oscuro[b-3p1fob6dt4] {
        background-color: black;
        color: white;
    }

    .left[b-3p1fob6dt4] {
        display: none !important;
        visibility: hidden !important;
    }

    .imagen[b-3p1fob6dt4] {
        display: none !important;
        visibility: hidden !important;
    }

    .right[b-3p1fob6dt4] {
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(22,22,37,1) 23%, rgba(13,38,64,1) 71%, rgba(0,37,106,1) 96%);
        margin: 0px;
    }

    .bottom-movil[b-3p1fob6dt4] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}


@media (min-width: 641px) {
    .left[b-3p1fob6dt4] {
        background-image: radial-gradient(circle, white 0%, transparent 70%);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
        width: 100%;
        position: relative;
    }

    .bottom-movil[b-3p1fob6dt4] {
        display: flex;
        justify-content: space-around;
    }
}
/* _content/CopaAmerica.Web/Pages/Registro.razor.rz.scp.css */
body[b-awl6p4tz2y] {
    margin: 0px;
}


/* Si la pantalla esta en lo mas chico  */
@media (max-width: 641px) {

    .margin-top-image[b-awl6p4tz2y] {
        margin-top: 0%;
    }

    .heigth-image[b-awl6p4tz2y] {
        height: 60%;
        width: 60%;
    }

    .bottom-movil[b-awl6p4tz2y] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}


/* Si la pantalla esta en lo mediano */
@media (max-width: 768px) {


    .bottom-movil[b-awl6p4tz2y] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}

/* Si la pantalla esta en lo mas grande  */
@media (min-width: 768px) {

    .heigth-image[b-awl6p4tz2y] {
        height: 60%;
    }

    .margin-top-image[b-awl6p4tz2y] {
        margin-top: 5%;
    }

    .bottom-movil[b-awl6p4tz2y] {
        display: flex;
        justify-content: space-around;
    }
}
/* _content/CopaAmerica.Web/Pages/SolicitarCambioPass.razor.rz.scp.css */
body[b-lr1fdli05h] {
}

/* Si la pantalla esta en lo mas chico  */
@media (max-width: 641px) {

    .margin-top-image[b-lr1fdli05h] {
        margin-top: 0%;
    }

    .heigth-image[b-lr1fdli05h] {
        height: 60%;
        width: 60%;
    }

    .bottom-movil[b-lr1fdli05h] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}


/* Si la pantalla esta en lo mediano */
@media (max-width: 768px) {


    .bottom-movil[b-lr1fdli05h] {
        display: flex;
        justify-content: center;
        margin: 10px;
    }
}

/* Si la pantalla esta en lo mas grande  */
@media (min-width: 768px) {

    .heigth-image[b-lr1fdli05h] {
        height: 60%;
    }

    .margin-top-image[b-lr1fdli05h] {
        margin-top: 5%;
    }

    .bottom-movil[b-lr1fdli05h] {
        display: flex;
        justify-content: space-around;
    }
}
/* _content/CopaAmerica.Web/Pages/Views/Actualizar.razor.rz.scp.css */
body[b-p2tbw98hje] {
}
/* _content/CopaAmerica.Web/Pages/Views/Jugadores/AddJugador.razor.rz.scp.css */
body[b-jplvnyljxb] {
}


.title-style[b-jplvnyljxb] {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 700;
    font-size: 20px;
    color: hsl(52, 0%, 98%);
}

.title-quote[b-jplvnyljxb] {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    color: hsl(52, 0%, 98%);
}
/* _content/CopaAmerica.Web/Pages/Views/MiEquipo.razor.rz.scp.css */
body[b-7xb5seszod] {
}

th[b-7xb5seszod] {
    background-color: rgb(54 21 131);
    color: whitesmoke;
}
/* _content/CopaAmerica.Web/Pages/Views/Perfil.razor.rz.scp.css */
body[b-9t9g8o031c] {
}


#upload-image-file[b-9t9g8o031c] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.lbl-upload-image-file[b-9t9g8o031c] {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: rgb(54 21 131);
    display: inline-block;
    transition: all .5s;
    cursor: pointer;
    padding: 10px 40px !important;
    text-transform: uppercase;
    width: fit-content;
    text-align: center;
}

    .lbl-upload-image-file:hover[b-9t9g8o031c] {
        background-color: rgb(12 1 66);
    }

.ocultar-div[b-9t9g8o031c] {
    display: none;
}

.card-img[b-9t9g8o031c] {
    border-radius: 100%;
    border: 1px solid #711129;
    background-color: #711129;
    padding: 1px;
    width: 8.0rem;
    height: 8.0rem;
    margin: auto;
    margin-bottom: 1.25rem;
}

.title-color[b-9t9g8o031c] {
    background: linear-gradient(270deg, rgba(158,23,56,1) 7%, rgba(75,13,28,1) 67%);
}
/* _content/CopaAmerica.Web/Pages/Views/Preguntas.razor.rz.scp.css */
body[b-ux6cqm178e] {
}

.floating-button[b-ux6cqm178e] {
    position: fixed;
    bottom: 20px;
    right: 25px;
}

.floating-buttonHora[b-ux6cqm178e] {
    position: fixed;
    bottom: 20px;
    right: 800px;
}

.icon-floating[b-ux6cqm178e] {
    background-color: mediumspringgreen;
}

/* Si la pantalla esta en lo mas chico  */
@media (max-width: 641px) {

    .imagen-tabla[b-ux6cqm178e] {
        display: none;
        visibility: hidden;
    }
}


/* Si la pantalla esta en lo mediano */
@media (max-width: 768px) {

}

/* Si la pantalla esta en lo mas grande  */
@media (min-width: 768px) {

    .view-FechaHora[b-ux6cqm178e] {
        display: none;
        visibility: hidden;
    }
}

.table-responsive-preguntas[b-ux6cqm178e] {
    display: block;
    width: 100%;
    overflow-x: auto; /* Permite el desplazamiento horizontal */
    -webkit-overflow-scrolling: touch; /* Asegura un desplazamiento suave en dispositivos táctiles */
}

    .table-responsive-preguntas table[b-ux6cqm178e] {
        width: 100%;
        border-collapse: collapse;
    }
/* _content/CopaAmerica.Web/Pages/Views/Ranking.razor.rz.scp.css */
body[b-kymbcwac4n] {
    margin: 0px;
}

.colorHeader[b-kymbcwac4n] {
    background-color: rgb(54 21 131);
    color: white;
}

th[b-kymbcwac4n] {
    background-color: rgb(54 21 131);
    color: whitesmoke;
}


/* Si la pantalla esta en lo mas chico  */
@media (max-width: 641px) {
    .botonAnterior[b-kymbcwac4n] {
        display: flex;
        justify-content: center;
    }

    .botonSiguiente[b-kymbcwac4n] {
        display: flex;
        justify-content: center;
    }
}



/* Si la pantalla esta en lo mediano */
@media (max-width: 768px) {

    .imagen[b-kymbcwac4n] {
        width: 40%;
    }
}

/* Si la pantalla esta en lo mas grande  */
@media (min-width: 768px) {
    .botonSiguiente[b-kymbcwac4n] {
        display: flex;
        justify-content: end;
    }
}
/* _content/CopaAmerica.Web/Shared/LoginLayout.razor.rz.scp.css */
body[b-tuvma2tb9h] {
    margin: 0px;
}
/* _content/CopaAmerica.Web/Shared/MainLayout.razor.rz.scp.css */
.page[b-o85w5y8aqp] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-o85w5y8aqp] {
    flex: 1;
    padding-bottom: 12%;
}

.sidebar[b-o85w5y8aqp] {
    /* background: linear-gradient(180deg, rgba(158,23,56,1) 7%, rgba(75,13,28,1) 67%);*/
    background: linear-gradient(25deg, rgb(23 71 158) 7%, rgb(13 14 75) 60%);
}

.letrasMundial[b-o85w5y8aqp] {
    height: 1px;
    width: 20px;
}

.logoMundial[b-o85w5y8aqp] {
    height: 50px;
    width: 110px;
}

@media (max-width: 641px) {

    .footer[b-o85w5y8aqp] {
        display: none;
    }
}

.top-row[b-o85w5y8aqp] {
    /*background-color: #f7f7f7;*/
    background: linear-gradient(45deg, rgb(23 71 158) 25%, rgb(13 14 75) 60%);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-o85w5y8aqp]  a, .top-row .btn-link[b-o85w5y8aqp] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-o85w5y8aqp] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-o85w5y8aqp] {
        display: none;
    }

    .top-row.auth[b-o85w5y8aqp] {
        justify-content: space-between;
    }

    .top-row a[b-o85w5y8aqp], .top-row .btn-link[b-o85w5y8aqp] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-o85w5y8aqp] {
        flex-direction: row;
    }

    .sidebar[b-o85w5y8aqp] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-o85w5y8aqp] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-o85w5y8aqp], article[b-o85w5y8aqp] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.top-row-custom[b-o85w5y8aqp] {
    background-image: linear-gradient(90deg, #38b9cd 0%,#0071b1 70%);
    width: 100%;
    height: 6.5rem;
}

.barra-superior[b-o85w5y8aqp] {
    height: 4em !important;
}
/* _content/CopaAmerica.Web/Shared/NavMenu.razor.rz.scp.css */
/*.navbar-toggler-conteiner {
    background-color: rgba(255, 255, 255, 0.1);
    align-items: center;
}

.top-row {
    height: 6.0rem;
    background: linear-gradient(220deg, rgb(23 71 158) 25%, rgb(13 14 75) 40%);
    margin: 0px;
}

.custom-bar {
    background-color: #38b9cd !important;
    color: white;
    font-weight: bold;
}

.background {
    background: rgb(158,23,56);
    background: linear-gradient(180deg, rgba(158,23,56,1) 7%, rgba(75,13,28,1) 67%);
}

.LoginBackground {
    background: rgb(158,23,56);
    background: radial-gradient(circle, rgba(158,23,56,1) 20%, rgba(75,13,28,1) 81%);
}

.text-blue {
    color: #0d2640
}

.custom-nav {
    margin-top: 7%;
}


.navbar-brand {
    font-size: 1.1rem;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type {
    padding-top: 1rem;
}

.nav-item:last-of-type {
    padding-bottom: 1rem;
}

.nav-item ::deep a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item ::deep a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler-conteiner {
        display: none;
    }

    .collapse {*/
        /* Never collapse the sidebar for wide screens */
        /*display: block;
    }
}*/
