@charset "utf-8";
*{
    padding: 0;
    margin: 0;
    color: white;
    font-family: sans-serif;
    
}

body{
    background-color: #001A7C;
   background-image: url("fondo.png");
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 

}

.bodyequipo{
    
     background-color: #001A7C;
   background-image: url("fondotriple.svg");
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 
}


.perfil{
    display: flex;
    justify-content: space-between;
    align-items: space-between;
    align-content: space-between;
     padding-left: 1.2em;
    padding-right:1.2em;
    padding-top: 1em;
}


nav ul {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-left: 1.7rem;
    
    
}


.flecha{
    max-width: 6%;
}
nav ul figure {
    margin-left: -1.5rem;
    align-items: baseline;
    align-content: center;
    padding-left: 1rem;
    padding-right: 0.9rem;
    padding-top: 0rem;
   
    
}

nav ul figure figcaption{
    font-size: 0.8rem;
    text-align: center;
    margin-top: 0.2rem;
    text-transform: uppercase;
    font-family: 'Abel', sans-serif;
     padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0rem;
     
}


#jugadores {
    width: 3.5rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}


.equipo{
    display: flex;
    align-content: flex-start;
    justify-content: center;
    margin-top: 3.5rem;
    padding-bottom: 1rem;
} 

.equipo div {
    margin-left: 1rem;
    padding-top: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start
    
}

.equipo p{
    color: rgb(137, 137, 244);
    margin-top: -1rem;
    font-family: 'Abel', sans-serif;
    padding-top: 1rem;
    
}

.equipo h3{
    padding-left: -9rem;
}

nav ul{
    margin-left: 0.2rem
}


section{
    margin-top: 0.7rem
}

article{
    display: flex;
    border-top: solid 1px rgb(8, 181, 181);
    justify-content: space-between;

}

.cuadro article{
    padding: 0.7rem;
    align-content: center;
    align-items: center;
}

.cuadro article a{
    text-decoration: none;
}


main section article img {
    margin-left: 1rem;
    margin-right: 1rem
}

main section article h4{
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}

.postulado h5{
    color: rgb(8, 181, 181);
    margin-top: 0.5rem;
    line-height: 1.5rem;
    font-style: 
}

.postulado div{
    margin-left: 1rem
}


.inter {
    display: flex;
    align-items: center;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.inter h4{
    padding-right: 0.8rem;
    color: rgb(8, 181, 181);
    
}

.mensaje{
    padding-left: 3rem;
    padding-top: 1rem
    
}


form{
    margin-left: 3rem;
    margin-top: 1rem;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    color: black;
    margin-bottom: 3rem;
}

textarea{
    color: black;
    padding: 1rem
}



.bar { 
   text-decoration: none;
    list-style-type: none; 
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-content: space-between;
    flex-basis: 0;
    flex-grow: 0;
    flex-wrap: nowrap;
    border-top: solid 1px rgb(8, 181, 181);
 
    background-color: #001A7C;
    overflow: hidden;
    bottom: 0;
    margin-left: 0em;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    
    
}

.bar ul a img {
    width: 1.5em;
}





/* The navigation bar */
.bar {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Links inside the navbar */
.bar ul a {
    
    display: block;
    text-align: center;

    text-decoration: none;
    
}

/* Main content */
main {
    margin-bottom: 100px; /* Add a top margin to avoid content overlay */
}



/*solicitudddd*/

.solicitud{
    background-image: url(fondocuatro.svg);
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 
}

#enviarsolicitud{
    margin-top: rem;
    margin-left: 2rem;
     letter-spacing: 0.9px;
    font-size: 18px;
    
}


#enviarsolicitudes{
    margin-top: 4rem;
    margin-left: 2rem;
     letter-spacing: 0.9px;
    font-size: 18px;
}

.boton{
    background-color: #8989F4;
    border-radius:5px 5px 5px 5px;
    border: none;
    color: white;
    padding: 0.3rem;
    text-align: center;
    text-decoration: none;
    margin-top: 0.2rem;
    cursor: pointer;
    list-style: none;
      
}

.boton a{
    text-decoration: none;
    
    
}

textarea{
    border-radius:5px 5px 5px 5px;
    text-decoration: none;
}

.postulado{
    margin-left: 2rem;
    display: flex
}


/**estadisticas**/

.ganada {
    margin-left: 5rem
}


.estadisticatanto {
    margin-left: 2.5rem;
    margin-top: 1rem
}

#tantospor {
    font-family: 'Abel', sans-serif;
    margin-left: 2rem;
    text-transform: uppercase
}

#tantospor span {
    color: rgb(8, 181, 181);
    font-family: 'Abel', sans-serif;
}





/**posiciones**/

.posicionesestilo {
    font-family: 'Abel', sans-serif;
    margin-left: 2rem;
    margin-right: 1.5rem;
}

.posicionesestilo p{
    font-family: 'Abel', sans-serif;
}

.numerosp {
    word-spacing: 0.6rem
}

.divisiones {
    text-transform: uppercase
}

.pg{
    margin-left: 1rem;
}

.pt{
    margin-left: 1.1rem;
}

.equipito{
    margin-left: 1.5rem
}

.numerosp1{
    word-spacing: 0.6rem;
    margin-left: -0.2rem;
    
}

.posicionestabla {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 4rem
}



/**solicitud enviada**/

.solicitudenviada{
    margin:auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: 6rem;
    border: solid 1.5px rgb(8, 181, 181);
    padding: 3rem 1rem 3rem 1rem;
    border-radius: 1rem
    
}

.solicitudenviada p{
    margin-top: 1rem;
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    padding: 0rem 2rem 0rem 2rem;
    text-align: center;

}

.volver{
    margin-top: 1rem;
    margin-left: 6rem;
    margin-right: 6rem;
    text-align: center;
    color:  rgb(8, 181, 181);
    text-decoration: none;
    
}