/*---reglas universales---*/
* {

    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Lato', sans-serif;
}

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

body {
    margin: 80px auto 0px;

}

/*-------------HEADER GENERAL--------------*/

.contenedor {
    display: flex;
    padding: .8em 1em .5em .8em;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.7));
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9999;
}

.contitulo {
    display: flex;
    align-items: center;
}

.contitulo a {
    text-decoration: none;
}

.contitulo a h1 {
    color: white;
    padding: 0em 0em 0em .2em;
    width: 1em;
    text-decoration: none;
    font-style: none;
    font-size: 1.5em;
    font-weight: 700;
}

#logo {
    width: 3em;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    display: none;
}

header nav label {
    cursor: pointer;
    padding: .5em;
    background-color: black;
    position: relative;
    color: aliceblue;
    z-index: 9998;
}

#menu-toggle:not(:checked) + #llamamenu,
#menu-toggle:checked + #llamamenu + #ocultamenu {
    display: flex;
}

#menu-toggle:checked + #llamamenu,
#menu-toggle:not(:checked) + #llamamenu + #ocultamenu {
    display: none;
}

header nav ul {
    position: fixed;
    left: 100%;
    top: 0;
    height: 100vh;
    width: 50%;
    z-index: 9990;
    padding-top: 5.4em;
    transition: all .5s ease;
    background-color: rgba(0, 0, 0, 0.82);
}

header nav ul li {
    font-size: .8em;
    padding-bottom: .8em;
    padding-top: .5em;
    border-bottom-style: solid;
    border-bottom-color: aliceblue;
    border-bottom-width: thin;
}

header nav ul li a {
    font-family: 'Lato', sans-serif;
    color: aliceblue;
    padding: 1em;
    text-decoration: none;

}

header nav ul li a i {
    padding-right: .5em;
}

#menu-toggle:checked + #llamamenu + #ocultamenu + ul {
    left: 50%;
    transition: all .25s ease;
}

.menures{display: none;}

/*FIN DEL HEADEEEEEER*/

/*----titulos------*/

.titulo {
    font-family: 'Lato', sans-serif;
    color: white;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #9b0000;
    display: flex;
    text-align: center;
    justify-content: space-between;
    padding: .3em 0em;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
}

.titulo h2 {
    font-size: .8em;
    font-weight: "700";
    padding-left: 1em;
}

.titulo a {
    color: white;
    display: flex;
    text-decoration: none;
    align-items: center;
    font-size: .6em;
    padding-right: 2em
}

.material-icons {
    padding-left: .1em;
    font-size: 1em;
}

/*-----------------------------torneos------------------------------------*/
.torneosmain {
    margin: 0em 4em 0em 4em;
}

.torneosmain a {

    font-size: .6em;
    color: black;
    display: block;
    text-align: right;
    padding: .5em;
}

.ultimomain {
    border-style: solid;
    text-align: center;
    padding-bottom: .5em;
    background-color: white;
}

.ultimomain h3 {
    background-color: black;
    color: white;
    font-size: 1em;
    padding-bottom: .3em;
}

.ultimomain img {
    width: 2em;
}

.result {
    margin-top: .5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ultimomain h4 {
    font-size: 2em;
}

.ultimomain p {
    font-size: .6em;
}

.proximamain {
    margin-top: .5em;
    background-color: black;
    color: white;
    padding: 0, 5em;
}

.proximamain h3 {
    text-align: center;
    font-size: .9em;
}

.proximamain p {
    text-align: center;
    font-size: .9em;
}

.calendarioindex {
    display: none;
}

/*-----NOTICIAS-------*/

.noticiasmain figure {
    margin: .5em;
    position: relative;
    overflow: hidden;
}

.noticiasmain figcaption {
    background-color: rgba(165, 38, 9, 0.58);
    color: white;
    padding: .2em .5em .5em .5em;
    line-height: 1em;
    position: absolute;
    width: 100%;
    height: 40%;
    top: calc(100% - 4em);
}

.noticiasmain figcaption p {
    font-size: .8em;
}

/*noticia principal*/
.notiprincimain figure a img {
    height: auto;
    width: 100%;
}

.notiprincimain figcaption {
    display: flex;
    justify-content: space-between;
}

.notiprincimain figure figcaption p {
    margin-top: .4em;
}

.bajada {
    margin-bottom: .2em;
}

.vermasmain {
    padding-top: 1em;
}

/*noticias secundarias*/
.notimaindisp {
    display: flex;
}

.notimaindisp figcaption {
    display: flex;
    line-height: 1em;
    justify-content: space-between;
}

.notimaindisp figcaption h3 {
    font-size: 1em;
    margin-bottom: .5em;
    font-weight: 700;
}

.notimaindisp figure figcaption p {
    margin-top: .4em;
}

.vmns {
    padding-top: 1em;
}

.vmns a {
    color: white;
}

.notimaindisp p {
    font-size: .4em;
}



/*---------------APRENDE CON NOSOTRAS-------------------*/

.flexvid {
    display: flex;
}

.videosmain {
    display: flex;
    align-content: space-between;
}

.contenedorvideomain iframe {
    width: 100%;
    height: auto;
    padding: 0em .5em 0em .5em;

}

.contenedorvideomain div {
    display: flex;
    font-size: .7em;
    padding: 0em 1.5em 0em 1em;
}

.contenedorvideomain i {
    width: .5em;
}


/*-----------MERCHANDISING------------*/
.productosmain {
    display: flex;
    align-items: center;
}

.productosmain a img {
    display: inline-block;
    width: 70%;
    border-style: solid;
    border-color: black;
    border-width: thin;
    padding: .2em;
}

.productosmain div {
    text-align: center;
}

.productosmain div a {
    color: black;
    text-align: right;
    font-size: .5em;
}

.comprarindex div a {
    text-decoration: none;
    background-color: black;
    padding: .5em;
    color: white;
    font-weight: 700;
}

/*FOOOTEEER*/
footer {
    margin-top: 6em;
    display: flex;
    justify-content: center;
    font-size: .5em;
    border-bottom-style: solid;
    border-bottom-color: black;
    border-bottom-width: thick;
    padding-top: 1em;
    align-items: center;

}

footer a {
    padding: 0em .5em 1em .5em;
}

footer a img {
    width: 1.7em;
    display: block;
}

/*mediaquery*/
@media (min-width: 40em) {

    #mainflexnot {
        display: flex;
        justify-content: space-between;
        grid-auto-flow: row;
    }

    header nav ul li {
        font-size: 1em;
    }

    .titulo {
        margin: .8em .5em;

    }

    .calendarioindex {
        display: inherit;
        margin-top: 1.5em;
        padding: .5em;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);

    }

    .calendarioindex a {
        text-decoration: none;
    }

    .calendarioindex a h2 {
        text-align: left;
        margin: .5em .5em 0em 0em;
        border-bottom-style: solid;
        border-bottom-width: thin;
        font-size: 2em;
    }

    .calendarioindex img {
        margin: .5em auto;

    }

    .calendarioindex h3 {
        text-align: center;
        margin: 1em auto;
        font-size: 1em;
        font-weight: 700;
        text-decoration: underline;
    }

    .calendarioindex h4 {
        text-align: center;
        font-weight: 400;
        font-size: .8em;
    }

    .torneosm {
        width: 50vw;
    }

    .flexaprenmerch {
        display: flex;
    }

    .videosmain {
        width: 50vw;
    }

}

@media (min-width: 50em) {

    

    .ultimomain img {
        width: 25%;
    }

    .result {
        margin-top: .8em;
    }

    .ultimomain h4 {
        font-size: 4em;
    }

    .ultimomain p {
        font-size: 1em
    }

    .torneosmain a {
        font-size: 1em;
    }

    .proximamain h3 {
        font-size: 1.5em;
        margin-bottom: .2em;
    }

    .proximamain p {
        font-size: 1em;
        padding-bottom: .5em;
    }

}
@media (min-width: 58em){
    header nav label,
    #close,
    #open {
        display: none;
        margin: 0;
        padding: 0;
    }
    #llamamenu i, #ocultamenu i{
        display: none;
    }
    
    .menumobi{
        display:none;
    }
    nav {
        display: flex;
        height: auto;
        
    }
    header nav ul{
        background-color: rgba(0, 0, 0, 0);
        transition: none;
    }
    header nav ul li{
        border-bottom: none;
    }
        
    header nav  ul li a{
        font-size: 1.6em;
        font-weight: 700;
    }
    header nav  ul li:hover{
        background-color: red;
        color: black;
    }
    
    header nav .menures {
        position: static;
        height: auto;
        padding-top: 0em;
        width: 100%;
    }
    
    .menures{
        display: flex;
        font-size: .5em;
    }
}
@media (min-width: 65em) {
    .ultimomain img {
        width: 20%
    }

    .ultimomain h4 {
        font-size: 5em;
    }

    .ultimomain p {
        font-size: 1.2em
    }

    .proximamain h3 {
        font-size: 1.8em;
    }

    .proximamain p {
        font-size: 1em;
    }

}

/*----FIN DE CSS DE INICIO-----*/

/*-------------CSS DE MERCHANDISING-----------*/
.productoprinm img {
    width: 100%;
    max-width: 250px;
    margin: auto;

}

.productoprinm {
    margin: 1em;
    border-style: solid;
    color: black;
    max-width: 100%;
    padding: 1em;

}

.incampro {
    width: 50%;
    margin: auto;
    margin-top: .7em;
}

.incampro h4 {
    font-size: .8em;
    font-weight: 700;
}

.incampro p {
    font-size: .8em;
}

.infoexres {
    display: none;
}

.texthideres {
    display: none;
}

.nopolopo {
    margin: 1.2em;
    text-align: center;
}

.nopolopo a {
    text-decoration: none;
    color: white;
    background-color: black;
    padding: .5em;
    font-weight: 700;
}

.flexproduct1 {
    display: flex;
    align-items: flex-end;
}

.flexproduct1 a {
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin: 1em;
    display: block;
    justify-content: space-around;

}

.flexproduct2 {
    display: flex;
    align-items: flex-start;
}

.flexproduct2 a {
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin: 1em;
    display: block;
    justify-content: space-around;
}


.flexproduct3 {
    display: flex;
    align-items: flex-start;
}

.flexproduct3 a {
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin: 1em;
    display: block;
    justify-content: space-around;
}

.flexprwebre a,
.flexproduct2 a,
.flexproduct3 a {
    text-decoration: none;
    color: black;
    text-align: center;
}

.flexprwebre a h4,
.flexproduct2 a h4,
.flexproduct3 a h4 {
    margin: .5em;
}

.youfloatto {
    position: fixed;
    bottom: 2em;
    right: 1em;
    border-style: solid;
    border-width: thin;
    background-color: black;
    padding: .7em;
    border-radius: 2em;
}

.carritofloat {
    color: white;

}

/*media merch*/
@media (min-width: 40em) {
    .camisin {
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .camisin a img {
        margin: 1em 1em 1em 2em;
    }

    .incampro {
        text-align: center;
        margin: auto;
    }

    .incampro h4 {
        font-size: 2em;
        font-weight: 700, bolder;
    }

    .infoexres {
        display: inherit;
    }

    .infoexres h5 {
        margin: 1em 0em 0em;
        padding-bottom: 0em;
        font-weight: 700, bolder;
    }

    .infoexres p {
        margin: 0em;
    }

    .nopolopo {
        display: none;
    }

    .botonmerchcompcami {
        margin: 1.2em;
    }

    .botonmerchcompcami a {
        text-decoration: none;
        color: white;
        background-color: black;
        padding: .5em;
        font-weight: 700;
    }

    .texthideres {
        display: inherit;
        text-align: center;
        font-weight: 700, bolder;
        font-size: 1.5em;
        margin: 1.5em 1em .5em 1em;
        padding: .5em;
        color: white;
        background-color: black;
    }

    .flexprwebre {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;


    }

    .flexproduct1 {
        width: 40%;
        margin: auto;
        align-items: center;
    }

    .flexproduct2 {
        width: 60%;
        margin: auto;
        align-items: center;
    }

    .flexproduct3 {
        align-items: center;
    }

    .carritofloat {
        font-size: 2.5em;

    }

    .youfloatto {
        border-radius: 5em;
    }
}

/*-----------------------PRODUCTO 1--------------------------*/
.merch {
    justify-content: flex-start;
    font-size: 1em;
    color: white;
    background-color: #9b0000;
    padding-bottom: .2em;
    font-weight: "700", bold;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);

}

.merch a {
    text-decoration: none;
    color: white;
    font-size: .8em;
    font-weight: "700", bold;
}

.mer {
    padding-left: 1.7em;
}

.titu {
    font-size: .8em;
}

.camtitu {
    font-size: .5em;
}

.caracteristicasprin {
    border-style: solid;
    padding: 1em;
    margin: 1em;
}

.caracteristicasprin img {
    width: 100%;
    max-width: 250px;
    margin: auto;
}

.detallescam {
    margin: 0em 0em 0em 1em;
}

.detallescam h2 {
    margin: 0em 0em .5em 0em;

}

.detallescam h3 {
    font-size: 1em;
}

.detallescam p {
    font-size: .8em;

}

.tallesprin {
    margin: 1em 0em 1em .5em;
}

.tallesprin > h4 {
    margin-bottom: .5em;
    margin-left: .5em;
}

.tallesprin a {
    display: block;
    color: black;
    font-size: .8em;
    text-align: right;
    margin-right: 1em;
}

.botta {
    display: flex;
    justify-content: space-around;
    margin-bottom: .5em;

}

#checkbox {
    padding: 0em 1em 0em 1em;
    border-style: solid;
    border-width: thin;
}

.eleg {
    background-color: red;
}


.personalizaatugust {
    margin: 1em 1em .8em 1em;
    font-size: .9em;
    font-weight: 400;
}

.formpro1  {
    display: flex;
    justify-content: space-around;
    
}

.formpro1 form div label {
    font-family: 'Lato', sans-serif;
    font-size: .8em;
    margin-bottom: .6em;
}


.detpper stan h4 {
    display: flex;
    color: gray;
    font-size: .8em;
    text-align: center;
    margin: 0em 1em 1em 1em;
}

.bco {
    text-align: center;
    margin-top: 1em;
}

.bco a {
    background-color: black;
    text-align: center;
    padding: .5em 4em;
    color: white;
    text-decoration: none;

}

.bco a:hover {
    background-color: red;
    color: black;
}

@media (min-width:40em) {

    .flexartpro {
        display: flex;
        justify-content: center;
        align-items: flex-start;

    }

    .caracteristicasprin {
        width: 90%;

    }
    .formpro1 form {
    display: flex;
    justify-content: space-around;
         }
    .detallescami {
        margin: 1em;
    }

    .bco {
        margin-top: 3em;
    }

    .personalizaatugust {
        margin-left: 0em;
        font-size: 1em;
        margin-bottom: .5em;
    }
}


/*------------guia de talles-------------*/

.espici {
    padding: 0em 1em 0em 1em;
}

.espici h3 {
    margin-top: 0em;
    margin-bottom: .5em;
}

.espici h5 {
    padding-bottom: .3em;
    margin: 0em;
}

.espici p {
    margin-bottom: .8em;
}

.espici img {
    margin-top: 2em;
}

/*----------------CARRITO-------------*/
.camtitu {
    font-weight: bolder;
}

.produccomp h4 {
    padding: 1em 0em 0em 1em;
    font-weight: "700", bold;
}

.flexaca {
    display: flex;

}

.imgborder {
    margin: .5em .5em 1em 1em;
    display: flex;
    border-style: solid;
    border-width: thin;
    color: black;
    max-width: 100%;
    padding: .5em;
}

.imgchau {
    width: 100%;
    max-width: 80px;
    margin: auto;
    padding: 0em 1em 0em 1em;
}

.mahd {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.detal1 {
    margin-top: .5em;
}

.detal1 h5 {
    padding: 0em;
    margin: 0em;
    font-size: .8em;
}

.lin {
    margin-top: 1.2em;
}

.lin a {
    color: black;
    font-size: .8em;
}

.detal2 {
    display: flex;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 1em;
}


/*total*/
.total {
    display: flex;
    justify-content: space-between;
    margin: 2em 1em 1em 1em;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: grey;
}

.agre {
    text-align: center;
}

.agre a {
    color: black;
    font-weight: lighter;
}

.btcar a {
    text-decoration: none;
    color: white;
}

.bcomp {

    background-color: black;
    text-align: center;
    margin: 8em 4em 0em 4em;
    padding: .5em;
}

.bcomp:hover {
    background-color: red;
    color: black;
}

.compr {
    height: auto;
    width: 90v;
}

/*-----------FORMULARIO DE COMPRA-----------*/
.formulcompra {
    display: block;
    margin: 1em;
}

.form-compra {
    padding: .5em 1em 1em 1em;
    margin: 2em auto;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);
}

.form-compra h4 {
    margin-bottom: .5em;
    font-size: 1.5em;
    font-weight: 700, bolder;
}

.infocont1 input {
    display: block;
    border-width: thin;
    padding: .5em;
    color: black;
    margin-right: .5em;

}

.costoe h4 {
    margin-bottom: .1em;
}

.costoe a h5 {
    color: black;
    margin: 0em;
    font-size: .8em;
}

.solocon h4 {
    margin-bottom: .1em;
}

.solocon h5 {
    margin: 0;
    color: grey;
    font-weight: 400;
}


.botonformcom {
    display: block;
    margin: auto;
    text-align: center;
}

.botoncompraenvi {
    padding: 1em;
    background-color: black;
    color: white;

}


.graciasporsucompra {
    border-style: solid;
    border-width: thin;
    margin: 15em 1em 1em 1em;
    padding: 1em;

}

.graciasporsucompra h1 {
    font-size: 2em;
    text-align: center;
    margin: .2em auto;
    font-weight: 700. bolder;
}

.graciasporsucompra p {
    font-size: .8em;
    text-align: center;
    margin: .5em;

}

.graciasporsucomp {
    text-align: center;
}

.graciasporsucomp button {
    background-color: black;
    padding: .2em .5em;
    margin: 1em;
}

.graciasporsucomp a {
    text-decoration: none;
    color: white;
    margin: auto;
    padding: 1em;
}

.miranuestrostuto a {
    text-decoration: none;
    text-align: center;
    font-size: .7em;
    color: black;

}

@media (min-width:37em) {
    .graciasporsucompra {
        width: 65%;
        margin: 15em auto;
    }
}

/*JUGA CON NOSOTRAS*/

.jugacon {
    margin 3em;

}

.animate {
    margin: 0em 1em;

}


.animate h3 {
    padding-bottom: .5em;

}

.req {
    font-weight: 600;
    margin-top: .2em;
    margin-bottom: .1em;

}

.cuadro {
    display: flex;
    justify-content: space-between;
    margin: 2em;
}

.animate p {

    font-size: .9em;
}

.animate img {

    width: 1em;
    float: left;
    margin: auto;
}

h5 {
    padding-bottom: 1em;
    font-size: 1em;
    margin: 1em;

}

.aplicar {
    margin: 2em 0em 2em 2em;
}

.cuadrograndepivot {

    margin: 1.5em 1em;
    background-image: url(img/aprende/PIVOT.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1.2em;



}

.cuadrograndearquera {

    background-image: url(img/aprende/arquera.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1.2em;
    margin: 1.5em 1em;



}

.cuadrograndecierre {

    margin: 2em 0em;
    background-image: url(img/aprende/CIERRE.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1.2em;
    margin: 1em 1em;



}


.prueba {
    padding-top: .8em;



}


.disponible h4 {
    background-color: black;
    color: white;
    padding: .6em;
    font-size: .9em;
    text-align: center;
}

.disponible p {
    margin: auto;
    font-weight: 700;
    text-align: center;
    color: white;



}

.disponible a {
    text-decoration: none;
    color: white;
    background-color: black;
    padding: 1em;

}



.aprende a {

    text-decoration: none;
    color: white;
    font-size: 1.2em;
    font-weight: bold;



}

.aprende div {
    display: flex;
    align-items: flex-end;
}


.aprende iframe {
    width: 40%;
    height: auto;
    margin-left: 1.1em;
    margin-top: .5em;
}

.aprende span {
    margin: 0em em;
    font-weight: bold;
    padding-bottom: 4.5em;
    padding-left: 3em;
}

.cuadro p {
    text-align: left;
}




/*APRENDE CON NOSOTRAS VIDEO*/

.video div {
    display: flex;
    flex-direction: column;
    margin: 1em;
}

.video iframe {

    max-width: 100%;
    justify-content: center;


}

.video h3 {
    padding-top: 1em;
    font-size: 1em;
}

.video img {
    float: right;
    width: 1.2em;

}

.video p {
    padding-top: 1em;
    font-size: .9em;
}

.comentario ul li {
    border: .03em solid black;
    padding: .3em;
    margin: .2em 1em;
    font-size: .8em;
}

.coment {
    color: gray;
}

.recomendado div {
    display: flex;
    flex-direction: row;

}

.recomendado iframe {


    width: 30%;
    height: auto;
    margin: auto;
}

h5 {

    margin-top: 2em;
    margin-bottom: .8em;

}

/*APRENDE CON NOSOTRAS GRAL*/


.videosuno {

    position: relative;
    overflow: hidden;
    margin: 1.3em
}



.uno iframe {
    height: auto;
    width: 100vw;


}

.uno p {
    margin: auto;
    font-size: .9em;
    line-height: 1em;
}

.debajovideo {
    display: flex;
    justify-content: space-between;

}

.dos {
    display: flex;

}

.dos iframe {
    width: 44vw;
    height: auto;
    margin-top: 1em;


}

.dos p {
    display: flex;
    line-height: 1em;
    justify-content: space-between;
    font-size: .9em;
}

.verm {
    padding-right: 1em;
    padding-top: 1.2em;
    background-color: bl
}



.losmas {

    background-color: black;
    padding: .2em;
    margin-left: 4em;
    margin-right: 4em;
    color: white;
    text-align: center;
    margin-bottom: 1em;

}



/*APRENDE CON NOSOTRAS*/

.masvistos {
    display: flex;
    flex-direction: column;
    margin: 1em;

}

.masvistos iframe {
    width: auto;
    height: auto;
    width: 90vw;

}

.masvistos h3 {

    font-size: 1em;
}

.masvistos p {

    font-size: .9em;
    padding-bottom: 1.3em;
    padding-right: 2em;

}

.masvistos a {

    font-size: .9em;
    text-align: center;
    background-color: #9b0000;
    color: white;
    text-decoration: none;
    padding: .4em;
    margin-bottom: 3em;


}

.debajot {
    display: flex;


}


/*FORMULARIO JUGA*/

.cierretitulo {
    margin-left: 1em;
    font-size: 1em;

}

.formuaprende form {

    margin: 1em;
    font-weight: bolder;
    display: flex;
    flex-direction: column
}

input {
    padding: .2em 5em .2em .2em;
    margin: .3em;

}

.formuaprende p {

    font-size: .9em;
    font-weight: bold;
    font-size: 1em;
    padding: .2em .1em;
    margin: .2em;
}

select {
    padding: .2em 3em;
    margin: .2em;
}

.formuaprende h3 {
    padding: .2em .1em;
    margin-top: 1em;
}

.contcual textarea {
    width: 400px;
    height: 6em;
}

.enviar {
    color: white;
    text-decoration: none;
    color: white;
    background-color: black;
    padding: .8em 2em;
    font-weight: 800;
    margin-top: 1em;
}


/*---INICIO SESIOOON------------*/
.inimain {
    margin: auto;
    background-image: url(img/inicio-sesion/fondo-incio.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.iniciosesion {
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.iniciop h1 {
    font-weight: 700, bolder;
    color: black;
}

.iniciosesion img {
    margin-top: 5em;
    margin: auto;
}

.iniciop {
    position: absolute;
    left: 1em;
    right: 1em;
    top: 0em;
    bottom: 1em;
    background-color: rgba(0, 0, 0, 0.19);
    margin: auto;

}

.iniciosesion div {
    margin-top: 2em;
}

.iniciosesion div a {
    text-decoration: none;
}

.iniciobotones {
    width: 70%;
    margin: auto;
}

.iniciosesion a h2 {
    padding: .3em;
    color: white;
    background-color: red;
    border-style: solid;
    border-width: thin;
    border-color: red;
    margin: auto;
    font-size: 1em;

}

.iniciosesion a h1:hover {
    color: red;
    background-color: white;
}

.iniciosesion a h3 {
    margin-top: 1em;
    font-weight: 400;
    font-size: .8em;
    color: white;
    padding: .5em;
    background-color: black;

}

.iniciosesion a h3:hover {
    color: red;
    background-color: white;
}

@media (min-width: 40em) {
    .iniciosesion img {
        width: 20%;
    }

    .iniciobotones {
        width: 40%;
    }
}


/*INICIO DATOS*/
.iniciodma {
    margin-top: 0em;
}

.iniciodatos {
    background-color: black;
    padding: 1em;

}

.iniciodatos img {
    margin: auto;
    width: 40%;
}

.iniciodatos h1 {
    color: white;
    text-align: center;
}

.iniciodatosgral {
    color: black;
    text-align: center;
    margin-top: 2em;
    font-size: .9em;
}

.iniciodatosgral h2 {
    margin-bottom: .5em;
}

.datos {
    padding-bottom: 1em;
}

.datosprincipales a {
    text-decoration: none;
}

.datosprincipales a h2 {
    margin: 2em 2em 0em 2em;
    width: 40%;
    margin: auto;
    padding: .2em;
    background-color: red;
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
}

.datosprincipales a h2:hover {
    background-color: black;
}

.datosprincipales h3 {
    font-size: 1em;
    text-align: center;
    margin-right: 1em;
    padding-top: .5em;
}

.datosprincipales h3 a {
    color: black;
    text-decoration: underline;
}

.infosecundaria {
    margin-top: 2em;
    margin-bottom: 1em;
}

.infosecundaria a {
    text-decoration: none;
    color: black;
}

.infosecundaria a h3 {
    font-size: .8em;
}

@media (min-width: 50em) {
    .iniciodatos {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .iniciodatos img {
        width: 20%;
        margin: 0em;

    }

    .iniciodatos h1 {
        margin: 1em;
    }
}

/*---QUIENES SOMOS----*/
.nosotras {
    border-style: solid;
    border-color: black;
    font-family: 'Lato', sans-serif;
    margin: 1.5em;
}

.nosotras h3 {
    background-color: black;
    color: white;
    padding: .5em .5em .5em .8em;
    font-size: .7em;

}

.nosotras p {
    padding: .7em;
    padding-bottom: 1em;
    font-size: .9em;
}

.cuatroprimeras {
    display: flex;
    margin: 1em;
}

.cuatroprimeras figure a img {
    border-radius: 5em;
    max-width: 100%;
    margin: auto;
    padding: .2em;
}

.cuatroprimeras figure figcaption a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: .7em;
}

.cuatrosegundas {
    display: flex;
    justify-content: space-around;
    margin: 1em;
}

.cuatrosegundas figure a img {
    border-radius: 5em;
    max-width: 100%;
    margin: auto;
    padding: .2em;
}

.cuatrosegundas figure figcaption a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: .7em;
}

.entrenador {
    display: flex;
    justify-content: space-around;
    margin: 1em;

}

.entrenador figure a img {
    border-radius: 5em;
    max-width: 100%;
    margin: auto;
    padding: .2em;
    width: 6em;
}

.entrenador figure figcaption a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: .8em;
}

.mapa-google {
    height: auto;
    position: relative;

}

.mapa-google iframe {
    position: absolute;
    width: 8em;
    top: 5em;
    right: 1em;
    left: 1em;
}

/*infoclub*/
.informacionsomos {
    border-style: solid;
    border-color: black;
    font-family: 'Lato', sans-serif;
    margin: 1.5em;
}

.informacionsomos h3 {
    background-color: black;
    color: white;
    padding: .5em .5em .5em .8em;
    font-size: .7em;
}

.infoclubsomos {
    display: flex;
    padding-bottom: 1em;
}

.informacionsomos h4 {
    padding: .7em .7em 0em .7em;
}

.informacionsomos p {
    padding: 0em .7em 0em .7em;
    font-size: .8em;

}

.informacionsomos div iframe {
    position: relative;
    top: 6em;
    right: 5em;
    width: 8em;
    border-style: solid;
    border-color: black;
}

/* PERFIL JUGADORAS */
/*naveg*/
.tituloperfil {
    display: flex;
    background-color: black;
    color: white;
    padding: .5em .5em .5em .8em;
    font-size: .7em;
    margin: 1.5em;
    justify-content: space-between;
    align-items: center;

}

.navegacion {
    display: flex;
    align-items: center;
}

.navegacion a {
    color: white;
    text-decoration: none;
    font-size: .8em
}

.volver {
    padding-right: 2em;
}

.navegacion i {
    font-size: 1.5em;
}


/*info jugadora-*/
.fper {
    border-radius: 7em;
    display: block;
    align-items: center;
    justify-content: center;
    width: 40%;
    margin: auto;
    border-style: solid;
    border-color: black;
    border-width: thin;
}

.basis h3 {
    margin-top: .5em;
    text-align: center;
}

.basis p {
    text-align: center;
}

.contenperfil {


    padding: 0em 5em 0em 5em;
}

.contenperfil h4 {
    font-size: .9em;
    font-weight: 700 bold;
    text-decoration: underline;

}

.contenperfil p {
    font-size: .8em;
    padding-bottom: 1em;
    margin-bottom: .5em;
}

.mira-el-tuto a {


    text-align: center;
    color: #7e0000;
}

.contenperfil img {
    margin-bottom: 1em;
    margin-top: .3em;
    width: 100%;


}

.videoperfil {
    margin: 0em 2em 2em 2em;
    text-align: center;
}

/*-----------------SOMOS FUTSAL FEM-----------------------------------*/

.objfutsalfem {
    border-style: solid;
    color: black;
    margin: 1em;
    margin-bottom: 3em;
}

.objfutsalfem h3 {
    background-color: black;
    color: white;
    font-size: .7em;
    padding: .2em;
    padding-left: 1em;
}

.objfutsalfem p {
    padding: 1em;
    font-size: .9em;
}

/*campaña*/
.campansomosfutsal {
    margin: 1em;
}

.campansomosfutsal h3 {
    background-color: black;
    color: white;
    font-size: .7em;
    padding: .4em;
    padding-left: 1em;
}

.campansomosfutsal p {
    padding: 1em;
    font-size: .9em;
    margin-bottom: 1em;
}

.escudoyfoyos {
    font-size: .9em;
    text-align: center;
    margin: 1em;
}

.escudoyfoyos h4 {
    font-size: 1em;
    text-align: center;

}


.club1 {

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .5em;
}

.clubfotos1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 2.5em;

}

.clubfotos1 img {


    width: 33%;
    height: auto;
    margin: auto;
}

.escudo1 {

    display: flex;
}


.escu {
    width: 40em
}

.club2 {

    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-top: .5em;
}

.clubfotos2 {
    display: flex;
    flex-direction: row;
    margin-bottom: 2.5em;
}

.clubfotos2 img {
    width: 33%;
    height: 7.5em;
    margin: auto;
}


.escudo2 {

    display: flex;
}

.club3 {

    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-top: .5em;
}

.clubfotos3 {
    display: flex;
    flex-direction: row;

}

.clubfotos3 img {


    width: 33%;
    height: 7.5em;
    margin: auto;
}

.escudo3 {

    display: flex;

}

.escudo {
    width: 5em;
    margin: .5em;
}

.ins {
    text-align: center;
    text-decoration: none;
    color: gray;
    margin: 2.3em .5em;
}

.ins a {
    text-decoration: none;
    color: black;
    font-size: .9em;

}


/*DESTINO*/

.titulodestino {
    background-color: black;
    color: white;
    font-size: .9em;
    padding: .5em;
    margin: 3em 3.5em 0em;
    text-align: center;

}

.destin {
    margin: 0em 3.5em;
    font-size: .9em;
    padding: .8em;
    border-style: solid;
}

.miranuestrostut {
    text-align: center;
    margin: 3.5em 0em;
    text-decoration: none;
    color: b
}

.miranue {
    text-decoration: none;
    color: black;
    font-size: .9em;

}

.recomendado1 div {
    display: flex;
    flex-direction: row;

}

.recomendado1 iframe {
    padding-top: .5em;
    width: 30%;
    height: auto;
    margin: auto;
}


/*-------------------------NOTICIAS-----------------------*/
.titulon {
    background-color: #9b0000;
    padding: .5em 0em .5em 1em;
    color: white;
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    font-size: .5em;
    font-weight: "700", bold;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
}

.titulon a {
    text-decoration: none;
    color: white;
    font-weight: "00";
}

.noticma {
    border-bottom-style: solid;
    border-bottom-color: #9b0000;
    margin-bottom: 1em;
}

.noticiam1 {
    margin: 0em 1em 1em;
    padding-bottom: 1em;
    padding: 1em;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    background-color: white;

}

.noticiam1 a img {
    height: auto;
    width: 100%;
    object-fit: contain;
}

.noticiam1 h2 {
    font-size: .7em;
    margin-top: .7em;
    color: gray;
    font-weight: 400;
}

.noticiam1 h3 {
    margin-bottom: .4em;
    font-weight: 700, bolder;
    font-size: 2em;
}

.noticiam1 p {
    margin: .4em 0em 0em 0em;
    font-size: .9em;
    line-height: 1.2;
    font-weight: 400;

}

.secunresnot {
    display: none;
}

.hideanddispl {
    display: none;
}

.notse1 a {
    width: 50%;
}

.txtnoti3ico {
    text-align: right;
}

.txtnoti3ico a i {
    color: black;
}

.txtnoti3ico a i:hover {
    color: #9b0000;
}

/*notas secundarias */

.cajanotisec {
    height: auto;
    margin: 0em 1em 1em 1em;
    padding-bottom: 1em;
    padding: 1em;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    background-color: white;
}

.notse1 {
    display: flex;
    justify-content: space-around;
    padding-bottom: 1em;
    margin: 1em 0em 0em 0em;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #9b0000;
}

.notse1 a {
    width: 40%;
    margin: auto;
    padding-left: .2em;
}

.infonotse1 {
    margin: auto;
    width: 50%;
}

.infonotse1 h2 {
    font-size: .6em;
    font-weight: 400;
    color: gray;
}

.infonotse1 h3 {
    font-size: 1em;
    margin: .2em 0em .4em 0em;
}

.infonotse1 p {

    font-size: .8em;
    line-height: 1.2;
}


/*noticiasresponsive*/
@media (min-width:40em) {
    .notiprinma {
        display: flex;
        justify-content: space-between;
    }

    .notiprinma img {
        width: 10em;
        margin: 1em 1em 1em 0em;
    }

    .notiprinma p {
        margin: auto;
    }

    .recomendacionesnoti {
        display: flex;
        justify-content: space-between;
    }

    .recomendac h4 {
        text-align: left;
        font-size: 1.5em;
        border-bottom-style: solid;
        border-bottom-width: thin;
        margin-left: 1em;
    }

    .reco1 figure img,
    .reco2 figure img,
    .reco3 figure img {
        width: 40%;
    }
}

@media (min-width:50em) {

    .notiprinma p {
        margin: auto;
    }

    .medianoti {
        display: flex;
    }

    .noticiam1 {
        width: 80vp;
    }

    .noticiam1 h2 {
        font-size: 1em;
    }

    .noticiam1 h3 {
        font-size: 3em;
        margin: 0em 0em .3em 0em;
    }

    .hideanddispl {
        display: inherit;
    }

    .hideanddispl p {
        font-size: 1em;
        font-weight: 400;
    }

    .dispandhide,
    .iconon {
        display: none;
    }

    .responbreakfle {
        display: flex;
    }

    .responbreakfle img {
        width: 20%;
        padding: .5em 0em 0em 0em;
    }

    .responbreakfle p {
        padding-left: .8em;
    }

    .secunresnot {
        display: flex;
        margin: 1em auto;
    }

    .secunresnot img {
        padding: .5em;
        margin-left: 1em;
    }

    .secunresnot h2 {
        padding: .5em;
        color: gray;
        font-size: 1em;
        font-weight: 400;
        margin-left: 1em;
    }

    .secunresnot h3 {
        font-size: .9em;
        padding: 0em .8em;
        margin-left: 1em;
    }

    .flenotlo {
        display: flex;
        justify-content: space-between;
        align-content: space-between;
    }

    .flenotlo i {
        margin-right: 1em;
    }

    .notse1 {
        flex-direction: column;
    }

    .notse1 a {
        width: 10em;
    }

    .notse1 h2 {
        font-size: .8em;
    }

    .infonotse1 {
        width: 100%;
        padding-top: .5em;
    }

    .corfot {
        object-fit: cover;
    }
}

@media (min-width:90em) {
    .hideanddispl p {
        font-size: 1.2em
    }

    .notse1 h2 {
        font-size: 1em;
    }

    .notse1 h3 {
        font-size: 2em;
    }

    .notse1 p {
        font-size: 1.5em;
    }
}


/*------------------NOTICIA PRINCIPAL--------------------------*/


.notiprinma img {
    width: 80%;
    margin: 1em auto 0em;
}

.notiprinma p {
    margin-top: 1em;
    line-height: 1.2;

}

.recomendac h4 {
    margin: 1.5em 1em 0em 1em;
    text-align: center;
    font-size: 1em;
}

.recomendacionesnoti {
    margin: 1em;
}

.reco1,
.reco2,
.reco3 {
    padding: 0em 1em;
}

.reco1 figure img,
.reco2 figure img {
    margin: auto;
    width: 70%;
}

.reco3 figure img {
    margin: auto;
    width: 69%;
}

.reco1 figure figcaption h3,
.reco2 figure figcaption h3,
    {
    font-size: .8em;
    text-align: center;
}

.reco1 figure figcaption h2,
.reco2 figure figcaption h2,
.reco3 figure figcaption h2 {
    font-size: .7em;
    color: gray;
    text-align: center;
    margin-top: .2em;

}

.reco3 {
    display: flex;
    margin-top: 2em;
}

.reco2 {
    display: flex;
    margin-top: 2em;

}

.reco1 {
    display: flex;
    margin-top: 2em;

}

.pnoti {
    font-size: .8em;
    line-height: 1.2;
    margin: 1em 1em;

}

.flesi {
    display: flex;
    justify-content: space-around;
    align-content: center;
    text-align: center;
    margin-bottom: 1em;
    margin: 1em;
    font-size: .8em;
}

.noticiam1 h4 {
    font-size: 1em;
    font-weight: 400;
    margin: 0em;
}




/*-----------------------TORNEOS----------------------*/

.titutor {
    margin: 1em 1em 0em 1em;
    border-bottom-style: solid;
    border-bottom-width: thin;
    font-size: .8em;
    font-weight: 700;

}


.torne {
    margin: .5em 1em 0em 1em;
    display: flex;
    justify-content: space-between;
}

.ulti {
    border-style: solid;
    border-width: thin;
    text-align: center;
    margin: auto;
}

.ulti h3 {
    background-color: black;
    color: white;
    font-size: 1em;
    padding: .2em;
}

.ultiin {
    text-align: center;
    padding: 0em .5em .5em .5em;
    margin: auto;
}

.ultiin h3 {
    margin: auto;
    color: white;
    font-size: 1em;
    padding-bottom: .3em;
    background-color: black;
}

.ultiin img {
    width: 2em;
    margin: auto;
}

.resuk {
    margin-top: .5em;
    display: flex;
    justify-content: center;
}

.ultiin h4 {
    font-size: 2em;
    width: auto;

}

.ultiin p {
    font-size: .5em;
    text-align: center;
}


.proximan {
    border-style: solid;
    border-width: thin;
    margin: auto;
}

.proximan h3 {
    background-color: black;
    text-align: center;
    color: white;
    font-size: 1em;
    padding: .2em;
}

.proximan h4 {
    margin-top: .3em;
    margin-bottom: .2em;
    text-align: center;
    font-size: 2em;
}

.hiper {
    text-align: center;
    margin-top: .5em;
}

.hiper a {
    font-size: .6em;
    color: black;
    font-weight: bolder;
}

.esthide {
    display: none;
}


/*MEDIA TORNEO*/
@media (min-width:49em) {
    .flexresptor1 {
        display: flex;
        justify-content: space-around;
    }

    .flexresptor2 {
        display: flex;
        justify-content: space-around;
    }

    .ulti {
        margin-right: .5em;
        padding: 0em;
    }

    .ultiin img {
        width: 1.5em;
    }

    .nodisenres {
        display: none;
    }

    .pases1,
    .quites1,
    .remates1,
    .penales1 {
        border-style: solid;
        border-color: black;
        border-width: thin;
        margin: .5em;
        text-align: center;
        padding: 1em;

    }

    .pases1 h4,
    .quites1 h4,
    .remates1 h4,
    .penales1 h4 {
        padding: .5em;
        font-size: .7em;
        font-weight: 700, bolder;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .pases1 p,
    .quites1 p,
    .remates1 p,
    .penales1 p {
        padding-bottom: .5em;
        font-size: .8em;
    }

    .estacuadflein1 {
        display: flex;
        justify-content: space-around;
    }

    .estacuadflein2 {
        display: flex;
        justify-content: space-around;
    }

    .esthide {
        display: inherit;
        margin: 1em;
    }

    .esthide h3 {
        font-size: .9em;
    }
}

/*----------CALENDARIO-------*/
.torneo {
    display: flex;
    font-size: .8em;
    justify-content: flex-start;
    color: white;
    background-color: #9b0000;
    padding: .2em 0em .2em 1em;
    font-weight: "700";
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);

}

.lait {
    font-weight: "400"lighter;
}

.torneo a {
    text-decoration: none;
    color: white;
    font-size: .7em;
}

.torneo i {
    font-size: 1.5em;
}

.cale {
    margin: 1em;
}

.cale h3 {
    margin-bottom: 1em;
    border-bottom-style: solid;
    border-bottom-width: thin;
    color: black;
}

.cale img {
    width: 80%;
    margin: auto;
}

.infocale {
    margin: 1em;
}

.infocale h3 {
    padding: .5em 0em 0em 0em;
    margin-bottom: .5em;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.infocale h4 {
    font-size: .9em;
    padding: .5em;
}

/*-------------estadïsticaaas--------*/
.tituloc {
    font-family: 'Lato', sans-serif;
    color: white;
    margin: 1em .5em 1em .5em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #9b0000;
    display: flex;
    text-align: center;
    justify-content: flex-start;
    padding: .3em 0em;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
}

.tituloc h2 {
    font-size: 1em;
    font-weight: "700";
    padding-left: 1em;
}

.tituloc a {
    color: white;
    display: flex;
    text-decoration: none;
    align-items: center;
    font-size: .8em;
}

.titutor {
    margin-top: 2em;
}

.pases,
.quites,
.remates,
.penales {
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin: 1em;
    text-align: center;
    padding: 1em;

}

.pases h4,
.quites h4,
.remates h4,
.penales h4 {
    padding: .5em;
    font-size: 1em;
    font-weight: 700, bolder;
    background-color: rgba(0, 0, 0, 0.1);
}

.pases p,
.quites p,
.remates p,
.penales p {
    padding-bottom: .5em;
    font-size: .9em;
}

.estacuadflein1 {
    display: flex;
    justify-content: space-around;
}

.estacuadflein2 {
    display: flex;
    justify-content: space-around;
}