@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Viga:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,600,700,800);

body {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    background-image: url("img/fondomenu.jpg");
   
}


.logo {
    display: block;
    margin: auto;
    margin-top: 8em;
    margin-bottom: 6em;
    max-width: 100em;
}

#logomenu {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.micuenta {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 26px;
    margin-left: auto;
    margin-right: auto;
}

input.ingresar {
    display: block;
    margin: auto;
    margin-top: -2em;
    margin-bottom: 0em;
    border: 2px solid #ff8900;
    padding: 0.3rem;
    border-radius: 4px;
    font-size: 0.6rem;
    background-color: white;
    min-width: 50%;
}

.botonentrar {
    background-color: rgba(0, 0, 0, 0.54);
    color: #ffffff;
    padding: 0.5em;
    margin-left: auto;
    margin-right: auto;
    font-family: "Lato", sans-serif;
}

strong, b {
     font-family: "Lato", sans-serif;
}


.usuario {
    border-radius: 1em;
}

h1 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    width: 100%;
    color: #ffffff;
    font-family: "viga";
    font-size: 2em;
    justify-content: center;
}

.headermenu {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    z-index: 999;
}


.menu_contenedor {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;    
   padding: 0.8em;
   justify-content: space-between;
    
}

.fubalogo {
    margin-top: 0.3em;
    width: 100%;
}

.menu_contenedor2 {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;    
   justify-content: center;
    
}


.contenedor_iconos_menu2 {
    display: flex;
}

.icono_menu {
   padding-left: 10px;  
   list-style: none;
}

.icono_menu2 {
   margin: auto;  
   list-style: none;
}

.contenedor_iconos_menu {
    display: flex;
}


.noticias {
    padding-bottom: 0.5em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
   
    justify-content: center;
}

.noticias img {
    max-width: 100%;
    height: auto;
}


.noticias figure {
    width: 43vmin;
    margin: 0.125em;
    position: relative;
    overflow: hidden;
}

.noticias img {
    max-width: 100%;
    height: auto;
    display: block;
}

.noticias figcaption {
    background-color: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    padding: 0.5em;
    line-height: 1em;
    height: 100%;
    font-family: 'Lato', sans-serif;
}

a {
    color: white;
}

.vuela {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }

.vuela img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0.5em;
}

/*Fixture*/

.fixturemes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0em;
}

.fixturemes2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
}

.titulofixture {
   background-color: rgba(0, 0, 0, 0.65);
    width: 80%;
    background:rgba(117, 5, 212, 0.47) ;
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato"
}

.titulodestacada {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    background:rgba(255, 118, 0, 0.74);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato";
    margin-top: 1em;
}

.oct {
    background-color: rgba(188, 45, 45, 0.65);
    width: 10%;
    background:rgba(60, 0, 98, 0.59);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato"
}

.dias {
    width: 21em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: 'Lato', sans-serif;
}

.dias figure {
    width: 5em;
    margin: 0.125em;
    position: relative;
    overflow: hidden;
    justify-content: center;
}

.dias figcaption {
    background-color: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    padding: 1em;
    line-height: 0.8em;
    font-family: 'Lato', sans-serif;
    justify-content: center;
}

.tarjetavs {
   display: flex;
   background-color: rgba(0, 0, 0, 0.56);
   height: 6.4em;
   width: 98%;
margin: auto;
}

.img-vs {
   margin: auto;  
   padding: 0.5em;
   width: 20%;
   height: 80%;

}


.equipovs {
    margin: auto;
    margin-top: 0.5em;
    text-align: center;
    color: white;
    font-family: "lato";
    list-style: none; 
    font-size: 0.7em;
}

.vs{
    margin: auto;
    margin-top: 1.1em;
    font-size: 1.6em;
    text-align: center;
    color: white;
    font-family: "lato";
    list-style: none; 
}

.sedevs {
    margin: auto;
    margin-top: 0.3em;
    font-size: 0.6em;
    text-align: center;
    color: #ff8000;
    font-family: "lato";
    list-style: none; 
}

a {   
 text-decoration:none;   
}   

.menu {
    padding-bottom: 0em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#botonmenu {
    margin-right: 2em; 
}

#titulonoticia {
    margin-bottom: 1em;
}

.noticiainterior {
    padding-bottom: 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.noticiainterior img {
    max-width: 100%;
    height: auto;
}


.noticiainterior figure {
    width: 100vmin;
    margin: 0.125em;
    position: relative;
    overflow: hidden;
}

.noticiainterior img {
    max-width: 100%;
    height: auto;
    display: block;
}

.noticiainterior figcaption {
    background-color: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    padding: 1em;
    height: 100%;
}

#titulo {
    font-size: 2em;
    line-height: 1em;
}

.noticiainterior font {
 font-family: 'Lato', sans-serif;
 font-weight: 800;
}

.noticiainterior p {
 font-family: 'Lato', sans-serif;
 font-weight: 100;
}



.contenedorinscribi {
    background-color: rgba(56, 1, 103, 0.67);
    width: 99%;
    text-align: center;
    color: white;
    font-family: "lato";
    font-size: 1.1em;
    margin-top: 1em;
    border: 2px solid;
    margin-bottom: 1em;
}

.contenedormirapartidos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: rgba(56, 1, 103, 0.67);
    width: 99%;
    text-align: center;
    color: white;
    font-family: "lato";
    font-size: 1.0em;
    margin-top: 1em;
    border: 2px solid;
    margin-bottom: 1em;
}

.miralospartidos {
    margin-top: 0.3em;
}

.logostreaming {
    width: 30px;
    margin-left: 1em;
    padding: 0.3em;
}

.ultimasnoticias {
    background-color: rgba(0, 0, 0, 0.72);
    width: 98%;
    text-align: center;
    color: white;
    padding: 0.2em;
    font-family: "lato";
    font-size: 1em;
    margin-top: 0.3em;
    margin-bottom: 0.1em;
}

.tabladeposiciones {
    background-color: rgba(255, 98, 0, 0.65);
    width: 98%;
    text-align: center;
    color: white;
    padding: 0.2em;
    font-family: "lato";
    font-size: 1em;
    margin-top: 0.3em;
    margin-bottom: 0.1em;
}

table {
    font-family: "lato", sans-serif;
    border-collapse: collapse;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    margin-bottom: 1em;
}

th {
    color: #ff8900;
    font-family: "lato";
    padding: 0.4em;
}

td {
    text-align: center;
    padding: 5px;
    color: white;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.81)

}

tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.65);
 
}

.equipotabla {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.81);
    text-align: center;
}

.facultadtabla {
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.81)
}

.loguito {
margin: auto;

}

.thlogo {
    width: 20px;
}

/*PERFIL*/

.user {
    margin-top: 0.3em;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    height: 2.5rem;
    justify-content: flex-start;
}


 .imagenperfil {
    border-radius: 100%;
    width: auto;
    margin-right: 1rem;
    height: 5em;
    margin-top: 4em;
    margin-left: 0.7em;
}

.nombreperfil {
font-family: "viga";
color: #ffffff;
font-size: 2em;
margin-top: 1.8em;

}


.club {
    margin-left: 5.3em;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    color: white;
    margin-top: 0.4em;
}

.club .img {
    margin-left: 2em; 
}


.info-perfil-arqui {
    background-color: rgba(0, 0, 0, 0.46);
    padding: 0.5em;
   
}

.info-perfil {
    background-color: rgba(0, 0, 0, 0.46);
    padding: 0.5em;
    margin-top: 1em;
}


.item-perfil {
    width: 20%;
    display: inline-table;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    font-size: 1em;
    margin-left: 2em;
}

span.numero-perfil {
    display: block;
    font-size: 1.6rem;
    color: #ff8900;
}


.posicion {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;    
   padding: 0.8em;
   justify-content: center;
}

.titulogaleriaperfil {
    background-color: rgba(117, 5, 212, 0.53);
    width: 98%;
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato";
   margin-top: 1em;
}

.mainperfil {
    background-color: rgba(37, 0, 69, 0.53);
}

/*EQUIPOS*/

.conjuntocard {
    margin-top: 0em;
}

.card {
   display: flex;   
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.37);
margin: auto;   
margin-top: 0.2em;
   max-width: 19.4em;
   z-index: 999;
   
}

img.img-club {
    margin-top: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    max-height: 5em;
}

.datosclub {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;    
   justify-content: center;
}

h3 {
    color: #ff8900;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0em;
    margin-top: 0em;
}

.userclub {
    margin-top: 0.2em;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    height: 2.5rem;
    justify-content: flex-start;
}

.imagenclub {
    margin-right: 1rem;
    height: 5em;
    margin-top: 3em;
}

.nombreclub {
    margin-left: 5.7em;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    color: white;
}

.pequipos {
    font-family: "lato";
    color: white;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    font-size: 0.7em;
}

.posicionclub {
margin-top: 0.5em;
margin-bottom: 0.8em;
}

.posicionclubimg {
    margin: auto;
}

input.buscadorequipos {
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 80%;
}

/*INTERIOR NOTICIAS*/

.sacontenedor {
    margin-bottom: 3rem
}

.titulonoticiaint {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    z-index: 999;
    background:rgba(37, 38, 72, 0.76);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato"
}

.contenedorfoto{
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 999;

}

.img-noticia1 {
    max-width: 100%;
    height: auto;
}

.contenidonoticiaint{
    padding: 1em;
    padding-top: 0em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 999;
}

.titulo1notint {
    font-size: 1.6rem;
    text-align: left;
    font-weight: 700;
    border-bottom:1px solid;
    color: #ff8900;
    margin-bottom: 0.4em;
    margin-top: 0.7em;
font-family: "lato";
}
    
.titulo2notint {
    font-size: 0.9rem;
    text-align: left;
    font-weight: 700;
    color: #ff8900;
    margin-bottom: 0.4em;
    margin-top: 0.7em;
font-family: "lato";
}

.epigrafe{
    font-weight: bold;
    color: #ff8900;
    text-align: left; 
    font-size: 0.5em;
    background-color: rgb(0, 0, 0);
    z-index: 999;
    padding-left: 2em;
    font-family: "lato";
    margin-top: 0;
 margin-bottom: 0.3em;;
}
 


.cuerponot {
    font-family: "lato";
    font-size: 12px;
    color: #ffffff;
    max-width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.3em;
    text-align: justify;
    font-weight: 100;
}


.estadisticas {
   display: flex;
   justify-content: center;
}

.estadisticasperfil {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;    
   padding-left: 1.2em;
   justify-content: center;
}

.suplentes {
    max-width: 15%;
    margin-left: 1em;
}

.suple {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    color: #ff5800;
    margin-bottom: 1.4em;
}

.barra {
    margin-right: 1.2em;
}

.ataque {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    color: white;
    margin-right: 0.4em;
    margin-bottom: 1.4em;
    margin-left: 1em;
}

.barraperfil {
    margin-right: 1.2em;
    margin-top: 1.5em
}

.ataqueperfil {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    color: white;
    margin-right: 0.4em;
    margin-bottom: -1em;
}


.mainarqui {
    background-color: rgba(0, 0, 0, 0.37);
    
}

.mainarqui2 {
    background-color: rgba(69, 29, 0, 0.47);
    
}



/*LISTA EQUIPOS*/

.tarjetacat {
    margin-top: 0.5em;
    background: rgba(0, 0, 0, 0.65);
    display: flex; 
    flex-direction:row;
    align-content: center;
    align-items: center;

}


.cajavatar {
   min-height: 6em;
   min-width: 6em;
   margin-left: 1em;
   margin-right: -1.3em;
}

.img-club2{
    min-height: 6em;
    min-width: 6em;
}

.materianame {
    font-size: 1.2rem;
    color: #ffffff; 
    font-family: "lato";
    text-align: left;
    width: 50vw;
    list-style: none;
}

.catedraname {
    font-size: .65rem; 
    text-align: left;
    color: #ff8900;
    font-weight: bold; 
    width: 50vw;
    list-style: none;
    font-family: "lato";
}


.materianios {
    font-size: .7rem;
    color: #ffffff; 
    text-align: left;
    list-style: none;
    font-family: "lato";
    width: 50vw;
}

.caja3 {
    display: flex;
    justify-content: space-between;
    align-content: center; 
    align-items: center; 
    align-self: center; 
    list-style: none;
    font-family: "lato";
    width: 220px;
}

.day {
    width: 1.3rem; 
    background:#AFAFB4;
    text-align: center
}

.matday {
    width: 1.3rem; 
    background:#437741;
    text-align: center;
    color: white;
}

.matday1 {
    width: 1.3rem; 
    background:#ffba00;
    text-align: center;
    color: white
}

.matday2 {
width: 1.3rem; 
    background:#ff0000;
    text-align: center;
    color: white
}

.caja4 {
    display: flex;
   justify-content: flex-start;
    width: 100vw; 
    list-style: none;
    font-family: "lato";
    color: #ffffff;
width: 50vw;
}

.matdatos {
    display: flex;
    flex-direction: column;
    list-style: none;
    font-family: "lato";
}


.subcaja1 {
    display: flex; 
    height: 1.5rem;
    margin-top: .4rem; 
    text-align: left;
    list-style: none;
    font-family: "lato";
}

.subcaja2 {
    display: flex;
    width: 50vw;
}

.jefecat {
    text-align: left; 
    font-size: .7rem; 
    font-weight: bold;
    color: #ffffff;
    list-style: none;
    font-family: "lato";
}

.nombrejefecat {
    text-align: left;
    font-size: .7rem; 
    color: #ff8900;
    padding-left: 0.5rem;
    list-style: none;
    font-family: "lato";
}

/*FIXTURINTERIOR*/

.vsfecha {
   display: flex;
   background-color: rgba(0, 0, 0, 0.56);
   height: 3.4em;
   width: 100%;
   margin: auto;
   margin-top: 0.5em;
}

.imgvsinterior {
   margin: auto;  
   padding: 0.3em;
   width: 2.5em;

}

.vsinterior {
    margin: auto;
    margin-top: 0.6em;
    font-size: 1.2em;
    text-align: center;
    color: white;
    font-family: "lato";
    list-style: none; 
}

.equipovsinterior {
    margin: auto;
    margin-top: 0.2em;
    text-align: center;
    color: white;
    font-family: "lato";
    list-style: none; 
    font-size: 0.7em;
}

.sedevsinterior {
    margin: auto;
    margin-top: 0.3em;
    font-size: 0.6em;
    text-align: center;
    color: #ff8000;
    font-family: "lato";
    list-style: none; 
}

.turnotarde {
    width: 98%;
    background:rgba(117, 5, 212, 0.53);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato"
}

.sedevsinteriortarde {
       margin: auto;
    margin-top: 0.3em;
    font-size: 0.6em;
    text-align: center;
    color: rgba(117, 5, 212, 0.99);
    font-family: "lato";
    list-style: none; 
}


/*GALERIA*/

img {
  display: block;
  max-width: 100%;
}

.galeria {
  margin-top: 0.3em;
  padding: 0.1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.galeriaperfil {
  margin-top: 0.1em;
  padding: 0.1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.galeria__item {
  width: 30%;
  cursor: pointer;
  list-style: none;
  margin: 0.2em;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__img {
  width: 90%;
  max-width: 700px;
}

.modal__boton {
  width: 25px;
  height: 25px;
  color: rgba(255, 137, 0, 0.9);
  font-weight: bold;
  font-size: 25px;
  font-family: "lato";
  line-height: 25px;
  text-align: center;
  font-size: 1em;
  background: rgba(0, 0, 0, 0.47);
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 150px;
}


.contenedorultimafecha {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.2em;
}

.ultimafecha {
    background-color: rgba(0, 0, 0, 0.65);
    width: 98%;
    background:rgba(0, 0, 0, 0.65);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato";
}

.titulogolazo {
    background-color: rgba(0, 0, 0, 0.65);
    width: 98%;
    background:rgba(255, 98, 0, 0.65);
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato";
}

.video {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.4em;
    width: 100%;
 
}

.golazo {
width: 100%; 
height: 100%;
}

.contenedorpatada {
    background-color:rgba(117, 5, 212, 0.53);
    width: 98%;
    text-align: center;
    color: white;
    height: 1.5em;
    padding-top: 0.2rem;
    font-family: "lato";
    margin-top: 1em;
}

.titulopatada {
    font-family: "lato";
}

.goleador {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.4em;
    width: 100%;
}

.imagengoleador {
    border-radius: 20em;
    width: 30px;
    height: 30px;
}

.iconcompartir {
    width: 20px;
    height: 20px;
    margin-top: 0.75em;
    margin-bottom: 1em;
}

.compartirnot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.4em;
    width: 100%;
}

.compartirtitulo {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.4em;
    margin-right: 0.7em; 
    font-family: "lato";
    font-size: 0.8em;
    color: rgb(255, 98, 0);
    padding-right: 0.7em;
}

.nombregoleador {
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 0.4em;
    font-family: "lato";
    color: white;
}

.autordelgol {
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 0.4em;
    margin-right: 0.7em; 
    font-family: "lato";
    font-size: 1em;
    color: rgb(255, 98, 0);
    border-right: 1px solid;
    padding-right: 0.7em;
}

/*MENU HAMBURGUESA*/



#menu3lineas {
    display: block; 
    width: 1.2rem;
    margin-right: .7rem;
    list-style: none;
    list-style-image: none;
}

/*MENU-HAMBURGUESA*/
#menu3lineas{
display: block;
height: 2em;
width: 2em;
margin-top: -2em;
margin-left: 9em;
}

#menu3lineas img{
width: 1.3em;
margin-left: 1.4em;
}

header nav {
    background-color: rgba(0, 0, 0, 0.92);
    color: #ffffff;
    position: fixed;
    right: -80vw;
    top: 0;
    height: 100vh;
    min-width: 60vw;
    transition: all .6s ease;
    z-index: 999;
}

header nav#menu:target {
    right: 0;
    transition: all .6s ease;
}

header nav a {
    display: flex;
    height: 2.5rem;
list-style: none;
}

/* boton "X" de cierre del nav */



#x {
    position: absolute;
    right: 0;
    margin-top: 1rem; 
    margin-right: 1rem
}

#x img {
    height: 1.2rem;
   list-style: none;
}



.ico img {
    height: 1.7rem;
    margin-top: .2rem;
    list-style: none;
}

.icocrrs img {
   height: 1.7rem;
    margin-top: .2rem;
    list-style: none;
}

.txt {
   text-align: left;
    padding-left: 1.2rem;
    align-self: center;
    font-size: .9rem;
    color: rgba(255,255,255,.75);
    font-family: "lato";
text-decoration: none;
list-style: none;
}

.cerrarssn {
   text-align: left;
    padding-left: 1.2rem;
    align-self: center;
    font-size: .9rem;
    color: rgb(255, 137, 0);
    font-family: "lato"
}

.c:hover {
    background: rgba(82, 82, 82, 0.47);
 color: #ff8900;
}

.txt:hover {
    color: #ff8900;
}

.usuarioimg {
    margin-left: 1.5rem;
    width: 3rem;
    align-self: center;
    border-radius: 100em;
    list-style: none;
}

.usuario {
    width: 60vw; 
    display: flex;
    margin-top: 3em;
    margin-bottom: 3em;
    
}

h6 {
    height: 4vh; 
    font-size: 1rem; 
    text-align: center;
    margin-top: 0.7rem;
    font-family: "lato";
    margin-left: 0.6em;
    color: #ff8900;
}

.c {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
   text-decoration: none;
list-style: none;

}

.cespecial {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
   text-decoration: none;
list-style: none;
margin-top: 3em;

}


.limenu {
    list-style: none;
    margin-bottom: 1em;
}

.limenu2 {
    list-style: none;
    margin-bottom: 1em;
    margin-top: 3em;
}


/* INSCRIPCION */

.contenedorarmatuequipo {
    background-color: rgba(56, 1, 103, 0.67);
    text-align: center;
    color: white;
    font-family: "lato";
    margin: auto;
    padding: 1px;
}

.subiarchi {
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.4em;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 60%;
max-width: 60%;
}

.subiarch2 {
    margin-top: 2em;
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.2rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 30%;
}

.nombredetuequipo {
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.4em;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 60%;
    max-width: 60%;
}

.tuequipologo {
    display: block;
    margin: auto;
    margin-top: 2em;
    margin-bottom: em;
    min-width: 60%;
    max-width: 60%;
}

.genero {
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 65%;
    max-width: 65%;
}

.botonsiguiente {
    display: block;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 1em;
    border: 2px solid rgba(230, 230, 230, 0.22);
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: rgba(117, 5, 212, 0.53);
    min-width: 30%;
    max-width: 30%;
    color: white;
}



/*premios*/
.podio {
    position: relative;
    z-index: 3;
    margin: auto;
    margin-top: -0.7em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 5em;
    max-width: 20em;

}

.copas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 2;
    margin-top: -5em;
}

.puesto1{
    margin-left: 0.5em;
    margin-right: 0.3em;
    margin-top: 5.9em;
}

.copa1 {
    max-height: 8em;
}

.puesto2 {
    margin-top: 6em;
    margin-left: 2em;
    z-index: 3;
}

.copa2 {
    max-height: 9em;
}

.puesto3 {
   z-index: 1;
   margin-top: 8em;
   margin-right: 0.7em

}

.bases {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.8em;
}

.bases2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0.8em;
    padding-right: 0.8em;
}

.condiciones {
    font-family: "lato";
    color: white;
    font-weight: 100;
    font-size: 12px;
    text-align: justify;
    
}

.titulobases {
    margin-top: -0.1em;
    margin-bottom: -0.1em;
    font-family: "lato";
    color: white;
    font-weight: 400;
    font-size: 15px;
}

.puesto2tarjeta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.8em;
}

.puesto21 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.8em;
    width: 25%;
    margin: auto;
}

.listadopremios {
    margin: auto;
    padding: 0.8em;
}

.listapre {
    margin-bottom: 1em;
    font-family: "lato";
    color: white;
    font-weight: 400;
    font-size: 15px;
}

.ganadoranterior {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.8em;
}

.ganante {
    margin-left: 1em;
    margin-top: 3.4em;
    font-family: "lato";
    color: white;
    font-weight: 400;
    font-size: 15px;
}

.imgpuesto {
    margin-top: 1em;
    max-height: 10em;
   
}

.tarjetaspremio {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tarjetaspremio img {
    max-width: 100%;
    height: auto;
}


.tarjetaspremio figure {
    width: 7em;
    margin: 0.125em;
    position: relative;
    overflow: hidden;
}

.tarjetaspremio img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tarjetaspremio figcaption {
    background-color: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    padding: 0.5em;
    line-height: 1em;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

.condiciones2 {
    font-family: "lato";
    color: white;
    font-weight: 100;
    font-size: 9px;
    text-align: justify;
}

/*footer*/
.footer {
    background-color: rgba(0, 0, 0, 0.65);
}

.videostreaming {
margin-top: 1em;
}

.contenedorestadio {
    margin-top: 1em;
}


.comollegar {
    padding: 0.4rem;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0);
    color: white;
    margin-top: 0.5em;
}

.datosfecha {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    font-size: 12px;

}

.datos1 {
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 0.4em;
    font-family: "lato";
    font-size: 1em;
    color: rgb(255, 98, 0);

}

.contenedordataestadio {
    display: flex;
    margin-top: 0.4em;
    font-size: 12px;
    padding: 1em;
}

.datospersonales {
    display: flex;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    margin-left: 1em;
}

.datospersonales img {
    max-height: 1em;
    margin-top: 0.2em;
}

.carrera1 {
   margin-right: 0.5em;
   color: #ff8900;
   margin-top: 0.1em;
   margin-bottom: 0.1em;
  margin-left: 0.7em;
}

.carrera2 {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

.info-personal {
    background-color: rgba(0, 0, 0, 0.46);
    padding: 0.5em;
    margin-top: 1em;
}

.contenedort {
    
}

.contenedorestadio2 {
margin-top: 0.5em;
}

.logosredes {
    display: flex;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    justify-content: center;
}

.logored {
   max-height: 2em;
   margin-left: 1.5em;
   margin-right: 1.5em;
}


.tarjetaplantel {
    display: flex;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    justify-content: center;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

input.buscadorplantel {
    border: 2px solid #ff8900;
    padding: 0.2rem;
    border-radius: 4px;
    font-size: 12px;
    background-color: white;
    min-width: 30%;
   margin-right: 0.5em;
}

.seleccionposiciones1 {
    border: 2px solid #ff8900;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    max-width: 30%;
    margin-right: 0.5em;
}

.seleccionposiciones {
    border: 2px solid #ff8900;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 30%;
}

.botonsiguiente2 {
    display: block;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 1em;
    border: 2px solid rgba(230, 230, 230, 0.22);
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: rgba(117, 5, 212, 0.53);
    min-width: 30%;
    max-width: 30%;
    color: white;
}


.jugadorplantel {
    margin:auto;
    margin-top: 0.5em;
}

.seleccionposiciones2 {
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ff8900;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 60%
}