@import url('https://fonts.googleapis.com/css2?family=Holtwood+One+SC&family=Roboto+Slab:wght@300&display=swap'); 
*{
    margin: 0;
    padding: 0;
}


.caja_jugadores {background: #635081c4;
    padding: 20px;
    width: 39%;
    display: block;
    margin: auto;
    margin-top: 20px;
}

.header {
    max-width: 100% !important;
}


/* Scroll Personalizado */

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-thumb {
	background: #ffe845;
}

body{background-color: #3a1c74;margin:0;}

p {text-align: center; font-family:'Roboto Slab', serif;  font-size: 1rem;color: #dc91e5; font-weight: 900; margin:10px;}

h1 {text-align: center;font-family: 'Holtwood One SC', serif; font-size: 3.3rem;color: #ffe845;line-height: 4rem;margin-bottom: 1.1rem;}
h2 {text-align: center;font-family: 'Holtwood One SC', serif; font-size: 2rem;color: white; padding-top: 2%;}
h3 {text-align: center;font-family: 'Holtwood One SC', serif; font-size: 3rem;color:#8efd81; line-height: 3rem; padding-bottom: 10px; font-size: 3rem;; margin: auto; max-width: 720px;}
h4 {text-align: center; font-family:'Roboto Slab', serif; font-size: 0.8rem; letter-spacing: 0.20rem;color: white;}
h5 {text-align: center;font-family: 'Holtwood One SC', serif; font-size: 0.9rem;color: white;line-height: 0.9rem;letter-spacing: 0.15rem;margin:10px;}
h6 {text-align: center;font-family: 'Holtwood One SC', serif; font-size: 1rem;color: white;line-height: 0.9rem;letter-spacing: 0.15rem; padding-top: 12px;}

@media (max-width: 767px) {
ul{max-width: 78%;margin: auto;}}

video {  position:fixed;
        min-width: 100%;
        min-height: 100%;
        top:50%;
        left:50%;
        transform: translateX(-50%) translateY(-50%);
        filter: opacity(40%);
        z-index: -1;}

.navbar-logo img{
    display: list-item;
    width: 195px;
    margin: auto;
    padding-bottom: 15px;
    height: auto;
}

/******FORMULARIO****/


@media (min-width: 767px) {
.contacto_input {

    width: 30%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 22px;
    font-style: oblique;
    padding: 12px;
    font-size: 0.8rem;
    background: #ffffffcc;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:cell;
    text-align: -webkit-left;
}

#textoweb{
    width: 30%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 10rem;
    font-style: oblique;
    background:#ffffffcc;
    padding: 9px;
    font-size: 0.8rem;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:cell;
}


.contacto_btn{
    width: 32.4%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 3rem;
    background: #ffe845;
    padding: 9px;
    font-size: 1.2rem;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:pointer;
}}


@media (max-width: 767px) {
.contacto_input {

    width: 83%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 22px;
    font-style: oblique;
    padding: 12px;
    font-size: 0.8rem;
    background: #ffffffcc;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:cell;
}

h3 {    font-size: 2.1rem !important;}
h1 {    font-size: 3.0rem !important;}

.caja_jugadores {
    background: #635081c4;
    padding: 20px;
    width: 75% !important;}

#textoweb{
    width: 83%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 9rem;
    font-style: oblique;
    background:#ffffffcc;
    padding: 9px;
    font-size: 0.8rem;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:cell;
}

.formulario input[type="text"] ,  [type="password"]{
width: 83% !important;}

.contacto_btn{
    width: 88%;
    display: block;
    border-radius: 3px;
    border: none;
    height: 3rem;
    background: #ffe845;
    padding: 9px;
    font-size: 1.2rem;
    margin: auto;
    font-family: holtwood one sc,serif;
    cursor:pointer;
}}

a:hover {        
    filter: opacity(0.5);
}

.formulario input[type="text"] ,  [type="password"]{
width: 31%;
height: 2 rem;
padding: 10px 10px;
border: 1px solid #f6f6f6;
border-radius:3px;
background-color: #f6f6f6;
margin:auto;
margin-top:10px;
margin-bottom:10px;
display: block;
align-content: center;

}




/***********FIN FORMULARIO**********/
.header{
    padding: 1rem;
    color: #ffffff;
}

.footer{
padding:50px;
}
@media (min-width: 767px) {
.botonera_principal{
    border-left: 1rem solid #ffe845;
    border-right: 1rem solid #ffe845;
    background-color: #ffffff40;
    padding: 1.5rem;
    display:table;
    margin: auto;
    width: 48%;
}
.botonera_principal ul{
    list-style-type: none;
}
.botonera_principal ul li, .tienda_botonera ul li{
    display: inline-block;
    padding-left: 0.8rem;
}
.botonera_principal a, .tienda_botonera a {
color: #ffffff;
    text-decoration: none;
    font-family: 'Holtwood One SC', serif;
    font-size: 0.8rem;
    
}}

@media (max-width: 767px) {
.botonera_principal{
    border-left: 1rem solid #ffe845;
    border-right: 1rem solid #ffe845;
    background-color: #ffffff40;
    padding: 1.5rem;
    display:table;
    margin: auto;
    width: 60%;
}
.botonera_principal ul{
    list-style-type: none;
}
.botonera_principal ul li, .tienda_botonera ul li{
    display: inline-block;
    padding-left: 0.8rem;
}
.botonera_principal a, .tienda_botonera a {
color: #ffffff;
    text-decoration: none;
    font-family: 'Holtwood One SC', serif;
    font-size: 0.8rem;
    
}}


.cursos{
    padding: 1rem;
    background-color: rgb(180, 180, 219);
}
.contenido{
    background-color: rgb(170, 224, 178);
    padding: 1rem;
}


/* ---------------Store */
.tienda_contenido{
    padding: 2rem;
}

.tienda_botonera{
text-align: center;
} 

@media (min-width: 767px) {
.contendor_img{
    width: 25%;
    display: block;
    margin: auto;
    padding-top: 20px;
}
.contendor_img img{
    width: 100%;
}}

@media (max-width: 767px) {
.contendor_img{
    width: 65%;
    display: block;
    margin: auto;
    padding-top: 20px;
}
.contendor_img img{
    width: 100%;
}}