/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px){

    /* ********************************************************
    ESTILOS GENERALES
    ******************************************************** */
    body{
        padding-top: 50px;
    }

    .tooltip{
        display: none;
    }

    /* ********************************************************
    CABECERA
    ******************************************************** */

    header{
        height: 50px;
        background-color: rgba(0,0,0,1);
        overflow: hidden;
    }

    header.desplegado{
        height: 100%;
        background-color: rgba(0,0,0,0.8);
    }


    
    /* Idiomas */
    header .idiomas{
        top: 100px;
        right: 30px;
    }

    header .idiomas div{
        width: 45px;
        height: 45px;
        margin-left: 2rem;
    }

    header .idiomas div.spanish{
        background-position: -53px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.spanish:hover,
    header .idiomas div.spanish.selected{
        background-position: 0 0;
    }

    header .idiomas div.english{
        background-position: -57px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.english:hover,
    header .idiomas div.english.selected{
        background-position: -4px 0;
    }

    /* Sponsors */

    header .sponsors{
        right: initial;
        left: 20px;
        top: 100px;
    }

    header .sponsors li{
        display: block;
        margin-bottom: 1rem;
    }


    /* Menú */
    header .menus{
        position: absolute;
        top:170px;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }

    header .menus .desplegable{
        position: relative;
    }

    header .menus .link-desplegable-movil{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3rem;
        z-index: 10;
        display: block;
        background-color: transparent;
    }

    header .menus .desplegable-cont{
        position: relative !important;
        transform: initial !important;
        top: 0px !important;
        left: 0px !important;
        will-change: initial !important;

        height: 0;
        overflow: hidden;
    }

    header .barra1,
    header .barra2{
        display: initial !important;
    }

    header .barra1{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.4rem;
    }

    header .barra1.trans{
        background-color: initial;
    }

    header .barra1 a:hover,
    header .barra1 a:focus
    {
    background-color: #a03f3f;
    }

    header .barra1 .legacy{
        display: none;
    }

    header .barra1 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(160,12,12,0.7);
    }

    header .barra1 .desplegable-cont a{
        padding-left: 40px;
    }

    header .barra2{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.6rem;
        text-transform: initial;
    }

    header .barra2.trans{
        background-color: initial;
    }

    header .barra2 a:hover,
    header .barra2 a:focus
    {
        background-color: #333;
    }

    header .barra2 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        color:#FFF;
        text-transform: uppercase;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(0,0,0,0.5);
    }

    header .barra2 .desplegable-cont a{
        padding-left: 40px;
    }

    /* Redes Sociales */
    header .social{
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3rem;
        text-align: center;
        padding-left: 20px;
    }

            header .social a{
                font-size: 3rem;
                color: #444;
                margin-right: 25px;
            }

            header .social a.imagen.tiktok img{
                height: 30px;
                width: auto;

                -moz-transform: translateY(-11px);
                -webkit-transform: translateY(-11px);
                -o-transform: translateY(-11px);
                -ms-transform: translateY(-11px);
                transform: translateY(-11px);
            } 

    header .social a:last-child{
        margin-right: 0;
    }

    /* ********************************************************
    PIE
    ******************************************************** */
    footer .sponsors{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    footer .pie .content{
        left:5%;
        width: 90%;
        margin-left: 0;
        height: initial;
    }
           
    footer .pie .content .menuPie{
        height: initial;
        padding-top: 3rem;
        padding-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .pie .content .menuPie a{
        margin-top: 1.5rem;
    }

    /* ****************************************************** */
    /* PARTES */
    /******************************************************** */

    /* **************************************************** */ 
    /* Slider Genérico de elementos internos                                      */
    /* **************************************************** */
    .sliderGenerico .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    /* **************************************************** */ 
    /* Vídeo flotante                                       */
    /* **************************************************** */
    .videoFloat{
        left: 5%;
        width: 90%;
    }

    /* **************************************************** */ 
    /* Vídeo principal de portada                          */
    /* **************************************************** */
    #videoPpal{
        height: 500px;
    }

    #videoPpal .content{
        left: 3rem;
        right: 3rem;
        bottom: 5rem;
    }
  
    #videoPpal .content h2{
        font-size: 3.3rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    /* **************************************************** */ 
    /* imagen principal                                     */
    /* **************************************************** */

    #imgPpal a{
        height: 500px;
    }

    #imgPpal .content{
        left: 3rem;
        right: 3rem;
        bottom: 5rem;
    }
  
    #imgPpal .content h2{
        font-size: 3.3rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    #imgPpal i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
    }

    /* **************************************************** */ 
    /* Imagen principal sin enlace                          */
    /* **************************************************** */

    #imgPpalNoLink i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
      }

    /* **************************************************** */ 
    /* Noticias de portada                                  */
    /* **************************************************** */
    #noticias .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    /* **************************************************** */ 
    /*  9F - ninefitness                                    */
    /* **************************************************** */

    #ninefitness h1{
        font-size: 2rem;
        margin-bottom: 20px;
    }

    #ninefitness .logo img.nineFitness{
        width: 60px;
    }
      
    #ninefitness .logo img.space{
        margin-top: 10px;
        width: 90px;
    }

    #ninefitness ul li{
        margin-bottom: 0.2rem;
    }
      
    #ninefitness ul li a{
        font-size: 1.5rem;
    }

    #ninefitness ul.listaNineFitness{
        margin-top: 10px;
        margin-bottom: 10px;
    }
      
    #ninefitness ul.listaSpace{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #ninefitness a.boton{
        font-size: 1.2rem;
        padding: 0.5rem;
        width: 150px;
        text-align: center;
    }

    /* ******************************** */ 
    /* Documental                       */
    /* ******************************** */
    
    #documental .texto h1{
        font-size: 3.5rem;
    }

    /* **************************************************** */ 
    /*  Podoactiva                                          */
    /* **************************************************** */
    #podoactiva .banner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    #podoactiva .banner .logo{
        margin-bottom: 4rem;
    }

    #podoactiva .banner .slogan{
        margin-bottom: 4rem;
    }
	
    /* ******************************** */ 
    /* El partido de tu vida            */
    /* Entrenamiento intensivo          */
    /* ******************************** */
    #entrenamiento_intensivo .zona1{
        background-position: -200px center;
    }

    /* **************************************************** */ 
    /* Legacy ttulo                                         */
    /* **************************************************** */
    #legacyTitle h1{
        font-size: 3rem;
    }

    /* **************************************************** */ 
    /* Libros de portada                                    */
    /* **************************************************** */
    #libros .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    /* **************************************************** */ 
    /* Mosaico de noticias - 1 columna                     */
    /* **************************************************** */

    #mosaicoNoticias{
        padding: 0 0 0 5%;
    }

    #mosaicoNoticias .noticia{
        width:90%;
        margin:0 0 25px 0;
    }

    #mosaicoNoticias .noticia .cuerpo ul.social li a{
        font-size: 2.2rem;
    }

    /* **************************************************** */ 
    /* Noticia desarrollada                                 */
    /* **************************************************** */

    #noticiaDesarrollada{
        padding: 4rem 0 7rem 0;
        background-color: #FFF;
    }

    #noticiaDesarrollada>figure figcaption{
        font-size: 1.3rem;
        margin-top: 0.7rem;
    }

    #noticiaDesarrollada h2{
        font-size: 2.8rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }
  
    #noticiaDesarrollada h3{
        font-size: 1.7rem;
        line-height: 2.3rem;
    }
    
    #noticiaDesarrollada .fecha{
        font-size: 1.5rem;
    }
  
    #noticiaDesarrollada .cuerpo img{
        width: 90%;
    }

    #noticiaDesarrollada aside article .texto h2{
        margin-top: 0;
    }

    /* **************************************************** */ 
    /* Imagen principal de Sponsors                         */
    /* **************************************************** */

    #imgPpalNoLink.sponsors h2{
        position: absolute;
        left: 20px;
        right: 20px;
        font-size: 5rem;
        text-align: right;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

/* ******************************** */
            /* Peñas                            */
            /* ******************************** */

            #penyas .imagen img{
                padding: 0 25%;
            }

            #penyas .texto{
                padding: 0 20px 0 20px;
            }

            #penyas .texto h2{
                font-size: 2.8rem;
                line-height: 3.5rem;
            }

    /* **************************************************** */ 
    /* Business                                             */
    /* **************************************************** */

    /* **************************************************** */ 
    /* video principal ninefitness                          */
    /* **************************************************** */
    #videoPpal.ninefitness{
        /*background-color:purple;*/
    }

    #videoPpal.ninefitness .content{
        width: 100%;
        left: 0;
        margin-left: 0;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;

        margin-top: 8rem;
        margin-bottom: 5rem;
    }

    #videoPpal.ninefitness .content .logo{
        height: 175px;
    }

    #videoPpal.ninefitness h2{
        font-family: 'Roboto', sans-serif;
        font-size: 3rem;
        font-weight: 200;

        width: 100%;
        left: initial;
        margin-left: initial;
    }

    #videoPpal.ninefitness h3{
        width: 100%;
        left: initial;
        margin-left: initial;

        font-size: 1.5rem;
    }

    #videoPpal.ninefitness .botones{
        margin-top: 1.5rem;
    }

    #videoPpal.ninefitness .botones a{
        font-size: 1.4rem;
        padding: 1rem 1.5rem 1rem 1.5rem;
        margin-bottom: 2rem;
        margin-right: 5px;
    }

    #videoPpal.ninefitness .botones a .fa-external-link{
        display: none;
    }

    #videoPpal.ninefitness .telefono{
        display: inline-block;
        vertical-align: middle;
        margin-top: 25px;
    }
      
    #videoPpal.ninefitness .telefono a{
        padding: 0 0 0 0;
        font-size: 2rem;
        width: 45px;
        height: 45px;
    }

    #videoPpal.ninefitness .telefono a i{
        top: 13px;
        left: 5px;
    }

    #videoPpal.ninefitness .logos{
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: -8rem;
    }
      
    #videoPpal.ninefitness .logos img{
        height: 2rem;
    }

    /* **************************************************** */ 
    /* Gimnasios                                            */
    /* **************************************************** */
    #gimnasios .elementoSlide{
        border-radius: 10px;
    }

    #gimnasios .titulo{
        font-size: 3rem;
        padding-bottom: 3rem;
    }
    
    #gimnasios .titulo img{
        height: 75px;
        width: auto;
    }

    /* **************************************************** */ 
    /* Podoactiva Business                                  */
    /* **************************************************** */
    #podoactivaBusiness .container{
        margin-bottom: 5rem;
    }

    #podoactivaBusiness .container .col1{
        min-height: initial;
        text-align: center;
        padding-bottom: 5rem;
    }
      
    #podoactivaBusiness .container .col1 img{
        width: 75%;
        margin-left: 30px;
    }

    #podoactivaBusiness .container .col2 h2{
        font-size: 3rem;
    }

    #podoactivaBusiness .container .col2 p{
        font-size: 1.5rem;
    }

    #podoactivaBusiness .container .col2 .datos address{
        font-size: 1.8rem;
    }

    #podoactivaBusiness .container .col2 .datos .botones{
        padding: 0 30px 0 30px;
    }

    /* **************************************************** */ 
    /* Ocio                                                 */
    /* **************************************************** */

    #restaurantes .texto{
        font-size: 2.1rem;
    }
      
    #restaurantes .texto i{
        font-size: 2.5rem;
        margin-left: 10px;
    }

    /* ******************************** */ 
    /* Libros                           */
    /* ******************************** */

    #libros .texto{
        padding: 0 20px 0 20px;
    }

    #libros .texto h2{
        font-size: 2.8rem;
        line-height: 3.5rem;
    }

    /* ******************************** */ 
    /* Por ell@s                        */
    /* ******************************** */

    #porellos article.elementoPorellos .cabecera{
        height: 450px;
    }

    #porellos article.elementoPorellos .cabecera .logo{
        bottom: -75px;
        left: 50%;
        margin-left: -75px;
        width: 150px;
        height: 150px;
    }
      
    #porellos article.elementoPorellos .cabecera .logo img{
        width: 100px;
    }

    #porellos article.elementoPorellos .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #porellos article.elementoPorellos .cuerpo .col1{
        padding-right: 15px;
    }

    /* ******************************** */ 
    /* Legacy equipos                   */
    /* ******************************** */

    #legacy_equipos .equipo{
        border-right: 0;
    }

    #legacy_equipos .equipo .datos .titulo{
        font-size: 2.2rem;
    }

    #legacy_equipos .equipo .datos .escudo.seleccion{
        margin-top: -60px;
    }
    #legacy_equipos .equipo .datos .escudo.seleccion img{
        height: 140px;
    }
      
    #legacy_equipos .equipo .datos .escudo.atleti{
        margin-top: -30px;
    }
    #legacy_equipos .equipo .datos .escudo.atleti img{
        height: 120px;
    }
      
    #legacy_equipos .equipo .datos .escudo.liverpool{
        margin-top: -65px;
    }
    #legacy_equipos .equipo .datos .escudo.liverpool img{
        height: 150px;
    }
      
    #legacy_equipos .equipo .datos .escudo.chelsea{
        margin-top: -40px;
    }
    #legacy_equipos .equipo .datos .escudo.chelsea img{
        height: 120px;
    }
      
    #legacy_equipos .equipo .datos .escudo.milan{
        margin-top: -60px;
    }
    #legacy_equipos .equipo .datos .escudo.milan img{
        height: 160px;
    }
      
    #legacy_equipos .equipo .datos .escudo.sagantosu{
        margin-top: -10px;
    }
    #legacy_equipos .equipo .datos .escudo.sagantosu img{
        height: 100px;
    }

    #legacy_equipos .equipo .datos .partidos{
        left: 10px;
        width: initial;
        width: 80px;
    }
      
    #legacy_equipos .equipo .datos .partidos .numero{
        font-size: 4.5rem;
        line-height: 4.5rem;
    }

    #legacy_equipos .equipo .datos .partidos img{
        height: 25px;
        margin-top: 10px;
    }

    #legacy_equipos .equipo .datos .goles{
        right: 10px;
        width: auto;
        width: 80px;
    }
    
    #legacy_equipos .equipo .datos .goles .numero{
        font-size: 4.5rem;
        line-height: 4.5rem;
    }
        
    #legacy_equipos .equipo .datos .goles img{
        height: 25px;
        margin-top: 10px;
    }

    /* **************************************************** */ 
    /* Legacy equipo                                        */
    /* **************************************************** */

    /* **************************************************** */ 
    /* video principal legacyEquipo                          */
    /* **************************************************** */
    #videoPpal.legacyEquipo{
        min-height: 500px;
        padding-bottom: 20px;
    }

    #videoPpal.legacyEquipo .container{
        margin-top: 4rem;
    }

    #videoPpal.legacyEquipo .container .logo{
        height: 180px;
        margin-bottom: 2rem;
    }

    #videoPpal.legacyEquipo h2{
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    #videoPpal.legacyEquipo .datos{
        font-size: 3.5rem;
        letter-spacing: -4px;
    }

    #videoPpal.legacyEquipo .timeline{
        position: relative;
        height: initial;
        bottom: 0;
        padding-bottom: 3rem;

        /*background-color: blue;*/
    }

    #videoPpal.legacyEquipo .timeline .col1{
        float: none;
        width: 100%;
        height: initial;
        margin-bottom: 2rem;
    }
      
    #videoPpal.legacyEquipo .timeline .col2{
        float: none;
        width: 100%;
        height: initial;
    }

    /* **************************************************** */ 
    /* Mosaico de momentos - 1 columna                      */
    /* **************************************************** */

    #mosaicoMomentos{
        padding: 9rem 0 0 5%;
    }

    #mosaicoMomentos .momento{
        width:90%;
        margin:0 0 25px 0;
    }


    /* ******************************** */ 
    /* Momento detalle                  */
    /* ******************************** */

    #momento article .cabecera .swiper-container{
        height: 450px;
        margin-bottom: 4rem;
    }

    #momento article .cuerpo .fecha{
        margin-bottom: 2.5rem;
        font-size: 3rem;
    }

    #momento article .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #momento article .cuerpo .col1{
        padding-right: 20px;
    }

    /* ******************************** */ 
    /* Partidos                         */
    /* ******************************** */

    .partido h2{
        padding: 1.2rem;
        font-size: 1.9rem;
    }

    .partido .resultado .equipo{
        height: 80px;
        
        padding-top: 1.5rem;
        padding-left: 80px;
        padding-right: 65px;
        border-bottom: 1px solid #CCC;
    }

    .partido .resultado .equipo:last-child{
        border-bottom: 0;
    }

    .partido .resultado .equipo.visitante{
        padding-left: 80px;
        padding-right: 65px;
    }

    .partido .resultado .equipo h3{
        font-size: 1.8rem;
        height: 65px;
    }

    .partido .resultado .equipo.visitante h3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .partido .resultado .equipo .escudo{
        right: initial;
        left: 0;
        width: 70px;
        height: 80px;
        padding-top: 10px;
        overflow: hidden;
    }

    .partido .resultado .equipo.visitante .escudo{
        right: initial;
        left: 0;
    }

    .partido .resultado .equipo .escudo img{
        width: auto;
        height: 65px;
    }

    .partido .resultado .equipo .goles{
        width: 60px;
        height: 80px;
        border-right: 0;
            
        font-size: 2.8rem;
        border-bottom: 1px solid #999;
    }
      
    .partido .resultado .equipo.visitante .goles{
        right: 0;
        left: initial;
        border-left: 0;
        border-bottom: 0;
    }

    .partido .cuerpoPartido .alineacion{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .contAlineacion{
        font-size: 1.5rem;
    }

    .partido .cuerpoPartido .adicional{
        margin-top: 2.5rem;
    }
    
    .partido .cuerpoPartido .adicional .col1{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .adicional .col2{
        text-align: left;
        margin-top: 1rem;
    }

    .partido .cuerpoPartido .adicional a{
        font-size: 1.8rem;
    }

    /* ******************************** */ 
    /* Estadísticas                     */
    /* ******************************** */
    #estadísticas h2{
        font-size: 2.5rem;
        line-height: 3.5rem;
    }

    #estadísticas h2 img{
        height: 35px;
        margin-left: 5px;
    }

    #estadísticas .selector{
        padding-left: 15%;
        padding-right: 15%;
    }

    #estadísticas .estadistica .col1{
        margin-bottom: 3rem;
    }

    #estadísticas .estadistica .col2 .partidos .numero,
    #estadísticas .estadistica .col2 .goles .numero{
        font-size: 6rem;
    }

    #estadísticas .estadistica .col2 .partidos .texto,
    #estadísticas .estadistica .col2 .goles .texto{
        font-size: 2.2rem;
        display: block;
    }

    #estadísticas .estadistica .col2 .titular .numero,
    #estadísticas .estadistica .col2 .minutos .numero{
        font-size: 4rem;
    }

    #estadísticas .estadistica .col2 .titular .texto,
    #estadísticas .estadistica .col2 .minutos .texto{
        font-size: 2.2rem;
        display: block;
    }

    /* ******************************** */ 
    /* Palmarés                         */
    /* ******************************** */
    /* **************************************************** */ 
    /* Imagen principal de Palmarés trofeos                 */
    /* **************************************************** */
    #imgPpalNoLink.palmares h2{
        font-size: 5rem;
    }

    /* ******************************** */ 
    /* Trofeos                          */
    /* ******************************** */
    #trofeos{
        padding-left: 40px;
        padding-right: 40px;
    }

    #trofeos .trofeo{
        margin-bottom: 3rem;
        border-bottom: 1px solid #CCC;
    }

    #trofeos .trofeo .imagen{
        margin-bottom: 0.5rem;
    }

    #trofeos .trofeo .imagen img{
        width: auto;
        height: 200px;
    }

    #trofeos .trofeo .datos{
        height: 200px;
        padding: 0 0 0 0;
    }

    #trofeos .trofeo .datos .titulo{
        height: initial;
        margin-bottom: 1.5rem;
    }

    #trofeos .trofeo .datos .titulo h2{
        font-size: 2rem;
        text-align: center;
    }
    #trofeos .trofeo .datos .titulo h2 span{
        display: block;
    }
      
    #trofeos .trofeo .datos .titulo h3{
        font-size: 1.7rem;
        text-align: center;
    }

    #trofeos .trofeo .datos .info .boton{
        right: 0;
        bottom: 20px;
    }

    #trofeos .trofeo .datos .info .boton a{
        font-size: 1.4rem;
        padding-right: 7px;
        padding-left: 7px;
    }

    /* **************************************************** */ 
    /* Página de goles                                      */
    /* **************************************************** */
    /* **************************************************** */ 
    /* Video principal de goles                             */
    /* **************************************************** */
    #videoPpal.legacyGoles h2{
        font-size: 17rem;
        letter-spacing: -10px;
        color: #FFF;
    }

    #videoPpal.legacyGoles h2 img{
        height: 90px;
    }

    /* **************************************************** */ 
    /* Video principal de goles                             */
    /* **************************************************** */
    #videoPpal.legacyGoles h2{
        font-size: 13rem;
        letter-spacing: -10px;
        color: #FFF;
    }

    #videoPpal.legacyGoles h2 img{
        height: 60px;
    }

    /* **************************************************** */ 
    /* Titular de goles                                     */
    /* **************************************************** */

    h2#titGoles{
        font-size: 2.8rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }

    /* **************************************************** */ 
    /* Mosaico de goles - 1 columna                         */
    /* **************************************************** */

    #mosaicoGoles{
        padding: 2rem 0 0 5%;
    }

    #mosaicoGoles .gol{
        width:90%;
        margin:0 0 25px 0;
    }

    /* **************************************************** */
    /* Páginas de opinión                                   */
    /* **************************************************** */

    /* **************************************************** */ 
    /* Cuerpo y Titular de opinión                          */
    /* **************************************************** */

    h2#titOpinion{
        font-size: 2.8rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }

    /* **************************************************** */ 
    /* Opiniones                                            */
    /* **************************************************** */

    article.opinion{
        margin-bottom: 6rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #CCC;
    }

    article.opinion .col1 .imagen{
        position: relative;
        margin: 0 auto;
        width: 180px;
        height: 180px;
    }

    article.opinion .col1 figure{
        padding-left: 100px;
        padding-right: 100px;
        margin-bottom: 3rem;
    }

    article.opinion .col2 h2{
        font-size: 3rem;
        line-height: 4rem;
    }

}






/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){

    /* ********************************************************
    ESTILOS GENERALES
    ******************************************************** */
    body{
        padding-top: 50px;
    }

    .tooltip{
        display: none;
    }

    /* ********************************************************
    CABECERA
    ******************************************************** */

    header{
        height: 50px;
        background-color: rgba(0,0,0,1);
        overflow: hidden;
    }

    header.desplegado{
        height: 100%;
        background-color: rgba(0,0,0,0.8);
    }

    /* logo */

    header h1.logo{
        height: 50px;
        background-color:rgba(0,0,0,1);
    }

    header h1.logo a{
        top: 5px;
        width:90px;
        height:45px;
    }

    header h1.logo img{
        height: 45px;
    }

    
    /* Idiomas */
    header .idiomas{
        top: 80px;
        right: 30px;
    }

    header .idiomas div{
        width: 45px;
        height: 45px;
        margin-left: 2rem;
    }

    header .idiomas div.spanish{
        background-position: -53px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.spanish:hover,
    header .idiomas div.spanish.selected{
        background-position: 0 0;
    }

    header .idiomas div.english{
        background-position: -57px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.english:hover,
    header .idiomas div.english.selected{
        background-position: -4px 0;
    }

    /* Sponsors */

    header .sponsors{
        right: initial;
        left: 20px;
        top: 100px;
    }

    header .sponsors li{
        display: block;
        margin-bottom: 1rem;
    }


    /* Menú */
    header .menus{
        position: absolute;
        top:170px;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }

    header .menus .desplegable{
        position: relative;
    }

    header .menus .link-desplegable-movil{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3rem;
        z-index: 10;
        display: block;
        background-color: transparent;
    }

    header .menus .desplegable-cont{
        position: relative !important;
        transform: initial !important;
        top: 0px !important;
        left: 0px !important;
        will-change: initial !important;

        height: 0;
        overflow: hidden;
    }

    header .barra1,
    header .barra2{
        display: initial !important;
    }

    header .barra1{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.4rem;
    }

    header .barra1.trans{
        background-color: initial;
    }

    header .barra1 a:hover,
    header .barra1 a:focus
    {
    background-color: #a03f3f;
    }

    header .barra1 .legacy{
        display: none;
    }

    header .barra1 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(160,12,12,0.7);
    }

    header .barra1 .desplegable-cont a{
        padding-left: 40px;
    }

    header .barra2{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.6rem;
        text-transform: initial;
    }

    header .barra2.trans{
        background-color: initial;
    }

    header .barra2 a:hover,
    header .barra2 a:focus
    {
        background-color: #333;
    }

    header .barra2 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        color:#FFF;
        text-transform: uppercase;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(0,0,0,0.5);
    }

    header .barra2 .desplegable-cont a{
        padding-left: 40px;
    }

    /* Redes Sociales */
    header .social{
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3rem;
        text-align: center;
        padding-left: 20px;
    }

header .social a{
                font-size: 3rem;
                color: #444;
                margin-right: 25px;
            }

            header .social a.imagen.tiktok img{
                height: 30px;
                width: auto;

                -moz-transform: translateY(-11px);
                -webkit-transform: translateY(-11px);
                -o-transform: translateY(-11px);
                -ms-transform: translateY(-11px);
                transform: translateY(-11px);
            } 

    header .social a:last-child{
        margin-right: 0;
    }

    /* ********************************************************
    PIE
    ******************************************************** */
    footer .sponsors{
        padding-top: 50px;
        padding-bottom: 50px;
    }
      
    footer .pie .content{
        left:5%;
        width: 90%;
        margin-left: 0;
        height: initial;
    }
           
    footer .pie .content .menuPie{
        height: initial;
        padding-top: 3rem;
        padding-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .pie .content .menuPie a{
        margin-top: 1.5rem;
    }

    /* ****************************************************** */
    /* PARTES */
    /******************************************************** */

    /* **************************************************** */ 
    /* Vídeo flotante                                       */
    /* **************************************************** */
    .videoFloat{
        left: 10%;
        width: 80%;
    }
    
    /* **************************************************** */ 
    /* Vídeo principal                                      */
    /* **************************************************** */
    #videoPpal{
        height: 500px;
    }

    #videoPpal .content{
        left: 3rem;
        right: 3rem;
        bottom: 5rem;
    }
  
    #videoPpal .content h2{
        font-size: 3.3rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    /* **************************************************** */ 
    /* imagen principal                                     */
    /* **************************************************** */

    #imgPpal a{
        height: 500px;
    }

    #imgPpal .content{
        left: 3rem;
        right: 3rem;
        bottom: 5rem;
    }
  
    #imgPpal .content h2{
        font-size: 3.3rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    #imgPpal i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
    }

    /* **************************************************** */ 
    /* Imagen principal sin enlace                          */
    /* **************************************************** */

    #imgPpalNoLink i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
    }

    /* **************************************************** */ 
    /*  9F - ninefitness                                    */
    /* **************************************************** */

    #ninefitness h1{
        font-size: 2rem;
        margin-bottom: 20px;
    }

    #ninefitness .logo img.nineFitness{
        width: 60px;
      }
      
    #ninefitness .logo img.space{
        margin-top: 10px;
        width: 90px;
    }

    #ninefitness ul li{
        margin-bottom: 0.2rem;
    }
      
    #ninefitness ul li a{
        font-size: 1.5rem;
    }

    #ninefitness ul.listaNineFitness{
        margin-top: 10px;
        margin-bottom: 10px;
    }
      
    #ninefitness ul.listaSpace{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #ninefitness a.boton{
        font-size: 1.2rem;
        padding: 0.5rem;
        width: 150px;
        text-align: center;
    }


    /* ******************************** */ 
    /* Documental                       */
    /* ******************************** */
    
    #documental .texto h1{
        font-size: 3.5rem;
    }

    /* **************************************************** */ 
    /*  Podoactiva                                          */
    /* **************************************************** */
    #podoactiva .banner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    #podoactiva .banner .logo{
        margin-bottom: 4rem;
    }

    #podoactiva .banner .slogan{
        margin-bottom: 4rem;
    }

    /* **************************************************** */ 
    /* Legacy ttulo                                         */
    /* **************************************************** */
    #legacyTitle h1{
        font-size: 3rem;
    }

    /* **************************************************** */ 
    /* Mosaico de noticias - 2 columnas                     */
    /* **************************************************** */
    #mosaicoNoticias{
        padding: 0 0 0 4%;
    }
      
    #mosaicoNoticias .noticia{
        width:44%;
        margin:0 4% 35px 0;
    }

    #mosaicoNoticias .noticia .cuerpo ul.social li a{
        font-size: 2.2rem;
    }

    /* **************************************************** */ 
    /* Noticia desarrollada                                 */
    /* **************************************************** */

    #noticiaDesarrollada{
        padding: 4rem 0 7rem 0;
        background-color: #FFF;
    }

    #noticiaDesarrollada>figure figcaption{
        font-size: 1.5rem;
    }

    #noticiaDesarrollada h2{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }
    
    #noticiaDesarrollada h3{
        font-size: 1.7rem;
        line-height: 2.3rem;
    }
    
    
    #noticiaDesarrollada .fecha{
        font-size: 1.5rem;
    }
    
    #noticiaDesarrollada .cuerpo img{
        width: 90%;
    }

    #noticiaDesarrollada aside article .texto h2{
        margin-top: 0;
    }

/* ******************************** */
            /* Peñas                            */
            /* ******************************** */

            #penyas .imagen img{
                padding: 0 25%;
            }

            #penyas .texto{
                padding: 0 20px 0 20px;
            }

            #penyas .texto h2{
                font-size: 2.8rem;
                line-height: 3.5rem;
            }

    /* **************************************************** */ 
    /* Imagen principal de Sponsors                         */
    /* **************************************************** */

    #imgPpalNoLink.sponsors h2{
        position: absolute;
        left: 20px;
        right: 20px;
        font-size: 5rem;
        text-align: right;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /* **************************************************** */ 
    /* Business                                             */
    /* **************************************************** */

    /* **************************************************** */ 
    /* video principal ninefitness                          */
    /* **************************************************** */
    #videoPpal.ninefitness{
        /* background-color: blue; */
    }

    #videoPpal.ninefitness .content{
        width: 540px;
        margin-left: -270px;
        text-align: center;

        margin-top: 8rem;
        margin-bottom: 5rem;
    }

    #videoPpal.ninefitness .content .logo{
        height: 175px;
    }

    #videoPpal.ninefitness h2{
        font-family: 'Roboto', sans-serif;
        font-size: 3rem;
        font-weight: 200;

        margin-top: -1rem;

        width: 100%;
        left: initial;
        margin-left: initial;
    }

    #videoPpal.ninefitness h3{
        width: 100%;
        left: initial;
        margin-left: initial;

        font-size: 1.5rem;
    }

    #videoPpal.ninefitness .logos{
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: -8rem;
    }
      
    #videoPpal.ninefitness .logos img{
        height: 2rem;
    }

        
    /* **************************************************** */ 
    /* Gimnasios                                            */
    /* **************************************************** */
    #gimnasios .elementoSlide{
        border-radius: 10px;
    }

    #gimnasios .titulo{
        font-size: 3rem;
        padding-bottom: 3rem;
    }
    
    #gimnasios .titulo img{
        height: 75px;
        width: auto;
    }
        
    /* **************************************************** */ 
    /* Podoactiva Business                                  */
    /* **************************************************** */
    #podoactivaBusiness .container{
        margin-bottom: 5rem;
    }

    #podoactivaBusiness .container .col1{
        min-height: initial;
        text-align: center;
        padding-bottom: 5rem;
    }
      
    #podoactivaBusiness .container .col1 img{
        width: 75%;
        margin-left: 30px;
    }

    #podoactivaBusiness .container .col2 h2{
        font-size: 3rem;
    }

    #podoactivaBusiness .container .col2 p{
        font-size: 1.5rem;
    }

    #podoactivaBusiness .container .col2 .datos address{
        font-size: 1.8rem;
    }

    #podoactivaBusiness .container .col2 .datos .botones{
        padding: 0 30px 0 30px;
    }

    /* **************************************************** */ 
    /* Ocio                                                 */
    /* **************************************************** */

    #restaurantes .texto{
        font-size: 2.1rem;
    }
      
    #restaurantes .texto i{
        font-size: 2.5rem;
        margin-left: 10px;
    }

    /* ******************************** */ 
    /* Libros                           */
    /* ******************************** */

    #libros .texto{
        padding: 0 20px 0 20px;
    }

    #libros .texto h2{
        font-size: 2.8rem;
        line-height: 3.5rem;
    }

    /* ******************************** */ 
    /* Por ell@s                        */
    /* ******************************** */

    #porellos article.elementoPorellos .cabecera{
        height: 450px;
    }

    #porellos article.elementoPorellos .cabecera .logo{
        bottom: -75px;
        left: 50%;
        margin-left: -75px;
        width: 150px;
        height: 150px;
    }
      
    #porellos article.elementoPorellos .cabecera .logo img{
        width: 100px;
    }

    #porellos article.elementoPorellos .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #porellos article.elementoPorellos .cuerpo .col1{
        padding-right: 15px;
    }


    /* ******************************** */ 
    /* Legacy equipos                   */
    /* ******************************** */

    #legacy_equipos .equipo{
        border-right: 0;
    }

    #legacy_equipos .equipo .datos .titulo{
        font-size: 2.2rem;
    }

    #legacy_equipos .equipo .datos .escudo.seleccion{
        margin-top: -60px;
    }
    #legacy_equipos .equipo .datos .escudo.seleccion img{
        height: 140px;
    }
      
    #legacy_equipos .equipo .datos .escudo.atleti{
        margin-top: -30px;
    }
    #legacy_equipos .equipo .datos .escudo.atleti img{
        height: 120px;
    }
      
    #legacy_equipos .equipo .datos .escudo.liverpool{
        margin-top: -65px;
    }
    #legacy_equipos .equipo .datos .escudo.liverpool img{
        height: 150px;
    }
      
    #legacy_equipos .equipo .datos .escudo.chelsea{
        margin-top: -40px;
    }
    #legacy_equipos .equipo .datos .escudo.chelsea img{
        height: 120px;
    }
      
    #legacy_equipos .equipo .datos .escudo.milan{
        margin-top: -60px;
    }
    #legacy_equipos .equipo .datos .escudo.milan img{
        height: 160px;
    }
      
    #legacy_equipos .equipo .datos .escudo.sagantosu{
        margin-top: -10px;
    }
    #legacy_equipos .equipo .datos .escudo.sagantosu img{
        height: 100px;
    }

    #legacy_equipos .equipo .datos .partidos{
        left: 10px;
        width: initial;
        width: 180px;
    }
      
    #legacy_equipos .equipo .datos .partidos .numero{
        font-size: 4.5rem;
        line-height: 4.5rem;
    }

    #legacy_equipos .equipo .datos .partidos img{
        height: 25px;
        margin-top: 10px;
    }

    #legacy_equipos .equipo .datos .goles{
        right: 10px;
        width: auto;
        width: 180px;
    }
    
    #legacy_equipos .equipo .datos .goles .numero{
        font-size: 4.5rem;
        line-height: 4.5rem;
    }
        
    #legacy_equipos .equipo .datos .goles img{
        height: 25px;
        margin-top: 10px;
    }

    /* **************************************************** */ 
    /* Legacy equipo                                        */
    /* **************************************************** */

    /* **************************************************** */ 
    /* video principal legacyEquipo                          */
    /* **************************************************** */
    #videoPpal.legacyEquipo{
        min-height: 500px;

        padding-bottom: 20px;
    }

    #videoPpal.legacyEquipo .container{
        margin-top: 4rem;
    }

    #videoPpal.legacyEquipo .container .logo{
        height: 180px;
        margin-bottom: 2rem;
    }

    #videoPpal.legacyEquipo h2{
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    #videoPpal.legacyEquipo .datos{
        font-size: 3.5rem;
        letter-spacing: -4px;
    }

    #videoPpal.legacyEquipo .timeline{
        position: relative;
        height: initial;
        bottom: 0;
        padding-bottom: 3rem;

        /*background-color: green;*/
    }

    #videoPpal.legacyEquipo .timeline .col1{
        float: none;
        width: 100%;
        height: initial;
        margin-bottom: 2rem;
    }
      
    #videoPpal.legacyEquipo .timeline .col2{
        float: none;
        width: 100%;
        height: initial;
    }

    /* **************************************************** */ 
    /* Mosaico de momentos - 2 columnas                     */
    /* **************************************************** */
    #mosaicoMomentos{
        padding: 9rem 0 0 4%;
    }
      
    #mosaicoMomentos .momento{
        width:44%;
        margin:0 4% 35px 0;
    }


    /* ******************************** */ 
    /* Momento detalle                  */
    /* ******************************** */

    #momento article .cabecera .swiper-container{
        height: 450px;
        margin-bottom: 4rem;
    }

    #momento article .cuerpo .fecha{
        margin-bottom: 2.5rem;
        font-size: 3rem;
    }

    #momento article .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #momento article .cuerpo .col1{
        padding-right: 20px;
    }

    /* ******************************** */ 
    /* Partidos                         */
    /* ******************************** */

    .partido h2{
        padding: 1.2rem;
        font-size: 1.9rem;
    }

    .partido .resultado .equipo{
        height: 80px;
        
        padding-top: 1.5rem;
        padding-left: 80px;
        padding-right: 65px;
        border-bottom: 1px solid #CCC;
    }

    .partido .resultado .equipo:last-child{
        border-bottom: 0;
    }

    .partido .resultado .equipo.visitante{
        padding-left: 80px;
        padding-right: 65px;
    }

    .partido .resultado .equipo h3{
        font-size: 1.8rem;
        height: 65px;
    }

    .partido .resultado .equipo.visitante h3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .partido .resultado .equipo .escudo{
        right: initial;
        left: 0;
        width: 70px;
        height: 80px;
        padding-top: 10px;
        overflow: hidden;
    }

    .partido .resultado .equipo.visitante .escudo{
        right: initial;
        left: 0;
    }

    .partido .resultado .equipo .escudo img{
        width: auto;
        height: 65px;
    }

    .partido .resultado .equipo .goles{
        width: 60px;
        height: 80px;
        border-right: 0;
            
        font-size: 2.8rem;
        border-bottom: 1px solid #999;
    }
      
    .partido .resultado .equipo.visitante .goles{
        right: 0;
        left: initial;
        border-left: 0;
        border-bottom: 0;
    }

    .partido .cuerpoPartido .alineacion{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .contAlineacion{
        font-size: 1.5rem;
    }

    .partido .cuerpoPartido .adicional{
        margin-top: 2.5rem;
    }
    
    .partido .cuerpoPartido .adicional .col1{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .adicional .col2{
        text-align: left;
        margin-top: 1rem;
    }

    .partido .cuerpoPartido .adicional a{
        font-size: 1.8rem;
    }

    /* ******************************** */ 
    /* Estadísticas                     */
    /* ******************************** */
    #estadísticas h2{
        font-size: 3rem;
        line-height: 3.5rem;
    }

    #estadísticas .estadistica .col1{
        margin-bottom: 3rem;
    }

    #estadísticas .estadistica .col2 .partidos .numero,
    #estadísticas .estadistica .col2 .goles .numero{
        font-size: 6rem;
    }

    #estadísticas .estadistica .col2 .partidos .texto,
    #estadísticas .estadistica .col2 .goles .texto{
        font-size: 2.2rem;
        display: block;
    }

    #estadísticas .estadistica .col2 .titular .numero,
    #estadísticas .estadistica .col2 .minutos .numero{
        font-size: 4rem;
    }

    #estadísticas .estadistica .col2 .titular .texto,
    #estadísticas .estadistica .col2 .minutos .texto{
        font-size: 2.2rem;
        display: block;
    }

    /* ******************************** */ 
    /* Palmarés                         */
    /* ******************************** */
    /* **************************************************** */ 
    /* Imagen principal de Palmarés trofeos                 */
    /* **************************************************** */
    #imgPpalNoLink.palmares h2{
        font-size: 5rem;
    }

    /* ******************************** */ 
    /* Trofeos                          */
    /* ******************************** */
    #trofeos{
        padding-left: 40px;
        padding-right: 40px;
    }

    #trofeos .trofeo{
        margin-bottom: 3rem;
        border-bottom: 1px solid #CCC;
    }

    #trofeos .trofeo .imagen{
        margin-bottom: 0.5rem;
    }

    #trofeos .trofeo .imagen img{
        width: auto;
        height: 200px;
    }

    #trofeos .trofeo .datos{
        height: 200px;
        padding: 0 0 0 0;
    }

    #trofeos .trofeo .datos .titulo{
        height: initial;
        margin-bottom: 1.5rem;
    }

    #trofeos .trofeo .datos .titulo h2{
        font-size: 2rem;
        text-align: center;
    }

    #trofeos .trofeo .datos .titulo h2 span{
        display: block;
    }
      
    #trofeos .trofeo .datos .titulo h3{
        font-size: 1.7rem;
        text-align: center;
    }

    #trofeos .trofeo .datos .info .boton{
        right: 0;
        bottom: 20px;
    }

    /* **************************************************** */ 
    /* Página de goles                                      */
    /* **************************************************** */
    /* **************************************************** */ 
    /* Video principal de goles                             */
    /* **************************************************** */
    #videoPpal.legacyGoles h2{
        font-size: 13rem;
        letter-spacing: -10px;
        color: #FFF;
    }

    #videoPpal.legacyGoles h2 img{
        height: 60px;
    }
    /* **************************************************** */ 
    /* Titular de goles                                     */
    /* **************************************************** */

    h2#titGoles{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }

    /* **************************************************** */ 
    /* Mosaico de goles - 2 columnas                     */
    /* **************************************************** */
    #mosaicoGoles{
        padding: 2rem 0 0 4%;
    }
      
    #mosaicoGoles .gol{
        width:44%;
        margin:0 4% 35px 0;
    }

    /* **************************************************** */
    /* Páginas de opinión                                   */
    /* **************************************************** */

    /* **************************************************** */ 
    /* Cuerpo y Titular de opinión                          */
    /* **************************************************** */

    article.opinion{
        margin-bottom: 6rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #CCC;
    }

    article.opinion .col1 .imagen{
        position: relative;
        margin: 0 auto;
        width: 180px;
        height: 180px;
    }

    article.opinion .col1 figure{
        padding-left: 170px;
        padding-right: 170px;
        margin-bottom: 3rem;
    }

    h2#titOpinion{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }
    
}



/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){

    /* ********************************************************
    ESTILOS GENERALES
    ******************************************************** */
    body{
        padding-top: 50px;
    }

    .tooltip{
        display: none;
    }

    /* ********************************************************
    CABECERA
    ******************************************************** */

    header{
        height: 50px;
        background-color: rgba(0,0,0,1);
        overflow: hidden;
    }

    header.desplegado{
        height: 100%;
        background-color: rgba(0,0,0,0.8);
    }

    /* logo */

    header h1.logo{
        height: 50px;
        background-color:rgba(0,0,0,1);
    }

    header h1.logo a{
        top: 5px;
        width:90px;
        height:45px;
    }

    header h1.logo img{
        height: 45px;
    }

    
    /* Idiomas */
    header .idiomas{
        top: 80px;
        right: 30px;
    }

    header .idiomas div{
        width: 45px;
        height: 45px;
        margin-left: 2rem;
    }

    header .idiomas div.spanish{
        background-position: -53px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.spanish:hover,
    header .idiomas div.spanish.selected{
        background-position: 0 0;
    }

    header .idiomas div.english{
        background-position: -57px 0;
        background-size: 105px 45px;
    }

    header .idiomas div.english:hover,
    header .idiomas div.english.selected{
        background-position: -4px 0;
    }

    /* Sponsors */

    header .sponsors{
        right: initial;
        left: 20px;
        top: 100px;
    }

    header .sponsors li{
        display: block;
        margin-bottom: 1rem;
    }


    /* Menú */
    header .menus{
        position: absolute;
        top:170px;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }

    header .menus .desplegable{
        position: relative;
    }

    header .menus .link-desplegable-movil{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3rem;
        z-index: 10;
        display: block;
        background-color: transparent;
    }

    header .menus .desplegable-cont{
        position: relative !important;
        transform: initial !important;
        top: 0px !important;
        left: 0px !important;
        will-change: initial !important;

        height: 0;
        overflow: hidden;
    }

    header .barra1,
    header .barra2{
        display: initial !important;
    }

    header .barra1{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.4rem;
    }

    header .barra1.trans{
        background-color: initial;
    }

    header .barra1 a:hover,
    header .barra1 a:focus
    {
    background-color: #a03f3f;
    }

    header .barra1 .legacy{
        display: none;
    }

    header .barra1 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(160,12,12,0.7);
    }

    header .barra1 .desplegable-cont a{
        padding-left: 40px;
    }

    header .barra2{
        position: relative;
        height: initial;
        background-color: initial;
        font-size: 1.6rem;
        text-transform: initial;
    }

    header .barra2.trans{
        background-color: initial;
    }

    header .barra2 a:hover,
    header .barra2 a:focus
    {
        background-color: #333;
    }

    header .barra2 a{
        display: block;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        color:#FFF;
        text-transform: uppercase;

        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: rgba(0,0,0,0.5);
    }

    header .barra2 .desplegable-cont a{
        padding-left: 40px;
    }

    /* Redes Sociales */
    header .social{
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3rem;
        text-align: center;
        padding-left: 20px;
    }

	header .social a{
                font-size: 3rem;
                color: #444;
                margin-right: 25px;
            }

            header .social a.imagen.tiktok img{
                height: 30px;
                width: auto;

                -moz-transform: translateY(-11px);
                -webkit-transform: translateY(-11px);
                -o-transform: translateY(-11px);
                -ms-transform: translateY(-11px);
                transform: translateY(-11px);
            }

    header .social a:last-child{
        margin-right: 0;
    }

    /* ********************************************************
    PIE
    ******************************************************** */
    
    footer .sponsors .container{
        min-width: inherit;
    }


    /* ****************************************************** */
    /* PARTES */
    /******************************************************** */
        
    /* **************************************************** */ 
    /* Vídeo flotante                                       */
    /* **************************************************** */
    .videoFloat{
        left: 10%;
        width: 80%;
    }

    /* **************************************************** */ 
    /* Vídeo principal                                      */
    /* **************************************************** */
    #videoPpal{
        height: 500px;
    }

    #videoPpal .content{
        left: 3rem;
        right: 3rem;
        bottom: 5rem;
    }
  
    #videoPpal .content h2{
        font-size: 4rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    /* **************************************************** */ 
    /* imagen principal                                     */
    /* **************************************************** */

    #imgPpal a{
        height: 500px;
    }

    #imgPpal .content{
        left: 4rem;
        right: 4rem;
        bottom: 5rem;
    }
  
    #imgPpal .content h2{
        font-size: 3.5rem;
        font-weight: 600;
    }

    #imgPpal i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
    }

    /* **************************************************** */ 
    /* Imagen principal sin enlace                          */
    /* **************************************************** */

    #imgPpalNoLink i.fa-angle-double-down{
        font-size: 3rem;
        margin-left: -15px;
    }


    /* **************************************************** */ 
    /*  9F - ninefitness                                    */
    /* **************************************************** */
    #ninefitness h1{
        font-size: 3rem;
    }

    #ninefitness a.boton{
        font-size: 2rem;
        padding: 1.5rem;
        width: 100%;
        text-align: center;
    }

    /* **************************************************** */ 
    /*  Podoactiva                                          */
    /* **************************************************** */
    #podoactiva .banner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    #podoactiva .banner .logo{
        margin-bottom: 4rem;
    }

    #podoactiva .banner .slogan{
        margin-bottom: 4rem;
    }

    /* **************************************************** */ 
    /* Mosaico de noticias - 2 columnas                     */
    /* **************************************************** */

    #mosaicoNoticias{
        padding: 0 0 0 4%;
    }
      
    #mosaicoNoticias .noticia{
        width:44%;
        margin:0 4% 35px 0;
    }


    /* **************************************************** */ 
    /* Noticia desarrollada                                 */
    /* **************************************************** */

    #noticiaDesarrollada{
        padding: 4rem 0 7rem 0;
        background-color: #FFF;
    }

    #noticiaDesarrollada>figure figcaption{
        font-size: 1.5rem;
    }

    #noticiaDesarrollada h2{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }
    
    #noticiaDesarrollada h3{
        font-size: 1.7rem;
        line-height: 2.3rem;
    }
    
    
    #noticiaDesarrollada .fecha{
        font-size: 1.5rem;
    }
    
    #noticiaDesarrollada .cuerpo img{
        width: 90%;
    }

    #noticiaDesarrollada aside article .texto h2{
        font-size: 2.1rem;
        line-height: 3.1rem;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    
    #noticiaDesarrollada aside article .texto .fecha{
        font-size: 1.8rem;
    }

    /* **************************************************** */ 
    /* Imagen principal de Sponsors                         */
    /* **************************************************** */

    #imgPpalNoLink.sponsors h2{
        position: absolute;
        left: 20px;
        right: 20px;
        font-size: 5rem;
        text-align: right;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /* **************************************************** */ 
    /* Business                                             */
    /* **************************************************** */
    
    /* **************************************************** */ 
    /* video principal ninefitness                          */
    /* **************************************************** */
    #videoPpal.ninefitness{
        /*background-color: green;*/
    }

    #videoPpal.ninefitness .content{
        width: 720px;
        margin-left: -360px;
        text-align: center;

        margin-top: 7rem;
        margin-bottom: 6rem;
    }

    #videoPpal.ninefitness h2{
        font-family: 'Roboto', sans-serif;
        font-size: 3.5rem;
        font-weight: 200;

        margin-top: -1rem;
        width: 100%;
        left: initial;
        margin-left: initial;
    }

    #videoPpal.ninefitness h3{
        width: 100%;
        left: initial;
        margin-left: initial;
    }

    #videoPpal.ninefitness .logos{
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: -8rem;
    }

    /* **************************************************** */ 
    /* Gimnasios                                            */
    /* **************************************************** */
    #gimnasios .elementoSlide{
        border-radius: 10px;
    }

    #gimnasios .titulo{
        font-size: 3rem;
        padding-bottom: 3rem;
    }
    
    #gimnasios .titulo img{
        height: 75px;
        width: auto;
    }
    
/* ******************************** */
            /* Peñas                            */
            /* ******************************** */

            #penyas .texto{
                padding: 0 20px 0 20px;
            }

            #penyas .texto h2{
                font-size: 2.8rem;
                line-height: 3.5rem;
            }


    /* **************************************************** */ 
    /* Podoactiva Business                                  */
    /* **************************************************** */
    #podoactivaBusiness .container{
        margin-bottom: 5rem;
    }

    #podoactivaBusiness .container .col1{
        min-height: initial;
        text-align: center;
        padding-bottom: 5rem;
    }
      
    #podoactivaBusiness .container .col1 img{
        width: 75%;
        margin-left: 30px;
    }

    #podoactivaBusiness .container .col2 h2{
        font-size: 3rem;
    }

    #podoactivaBusiness .container .col2 p{
        font-size: 1.6rem;
    }

    #podoactivaBusiness .container .col2 .datos address{
        font-size: 2rem;
    }

    #podoactivaBusiness .container .col2 .datos .botones{
        padding: 0 30px 0 30px;
    }

    /* **************************************************** */ 
    /* Ocio                                                 */
    /* **************************************************** */

    #restaurantes .texto{
        font-size: 2.1rem;
    }
      
    #restaurantes .texto i{
        font-size: 2.5rem;
        margin-left: 10px;
    }

    /* ******************************** */ 
    /* Libros                           */
    /* ******************************** */

    #libros .texto{
        padding: 0 20px 0 20px;
    }

    #libros .texto h2{
        font-size: 2.8rem;
        line-height: 3.5rem;
    }

    
    /* ******************************** */ 
    /* Por ell@s                        */
    /* ******************************** */

    #porellos article.elementoPorellos .cabecera{
        height: 450px;
    }

    #porellos article.elementoPorellos .cabecera .logo{
        bottom: -75px;
        left: 50%;
        margin-left: -75px;
        width: 150px;
        height: 150px;
    }
      
    #porellos article.elementoPorellos .cabecera .logo img{
        width: 100px;
    }

    #porellos article.elementoPorellos .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #porellos article.elementoPorellos .cuerpo .col1{
        padding-right: 10px;
    }


    /* ******************************** */ 
    /* Legacy equipos                   */
    /* ******************************** */
    #legacy_equipos .equipo .datos .partidos{
        width: 150px;
    }

    #legacy_equipos .equipo .datos .partidos .numero{
        font-size: 5rem;
        line-height: 5.5rem;
    }

    #legacy_equipos .equipo .datos .partidos img{
        height: 25px;
        margin-top: 5px;
    }

    #legacy_equipos .equipo .datos .goles{
        width: 150px;
    }

    #legacy_equipos .equipo .datos .goles .numero{
        font-size: 5rem;
        line-height: 5.5rem;
    }
        
    #legacy_equipos .equipo .datos .goles img{
        height: 25px;
        margin-top: 5px;
    }

    /* **************************************************** */ 
    /* Legacy equipo                                        */
    /* **************************************************** */

    /* **************************************************** */ 
    /* video principal legacyEquipo                         */
    /* **************************************************** */
    #videoPpal.legacyEquipo{
        min-height: 500px;

        padding-bottom: 20px;
    }

    #videoPpal.legacyEquipo .container{
        margin-top: 4rem;
    }

    #videoPpal.legacyEquipo .container .logo{
        height: 180px;
        margin-bottom: 2rem;
    }

    #videoPpal.legacyEquipo h2{
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    #videoPpal.legacyEquipo .datos{
        font-size: 3.5rem;
        letter-spacing: -4px;
    }

    #videoPpal.legacyEquipo .timeline{
        position: relative;
        height: initial;
        bottom: 0;
        padding-bottom: 3rem;

        /*background-color: purple;*/
    }

    /* **************************************************** */ 
    /* Mosaico de momentos - 2 columnas                     */
    /* **************************************************** */

    #mosaicoMomentos{
        padding: 9rem 0 0 4%;
    }
      
    #mosaicoMomentos .momento{
        width:44%;
        margin:0 4% 35px 0;
    }

    
    /* ******************************** */ 
    /* Momento detalle                  */
    /* ******************************** */

    #momento article .cabecera .swiper-container{
        height: 450px;
    }

    #momento article .cuerpo h2{
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    #momento article .cuerpo .col1{
        padding-right: 20px;
    }

    /* ******************************** */ 
    /* Partidos                         */
    /* ******************************** */

    .partido h2{
        padding: 1.2rem;
        font-size: 1.9rem;
    }

    .partido .resultado .equipo{
        height: 80px;
        
        padding-top: 1.5rem;
        padding-left: 80px;
        padding-right: 65px;
        border-bottom: 1px solid #CCC;
    }

    .partido .resultado .equipo:last-child{
        border-bottom: 0;
    }

    .partido .resultado .equipo.visitante{
        padding-left: 80px;
        padding-right: 65px;
    }

    .partido .resultado .equipo h3{
        font-size: 1.8rem;
        height: 65px;
    }

    .partido .resultado .equipo.visitante h3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .partido .resultado .equipo .escudo{
        right: initial;
        left: 0;
        width: 70px;
        height: 80px;
        padding-top: 10px;
        overflow: hidden;
    }

    .partido .resultado .equipo.visitante .escudo{
        right: initial;
        left: 0;
    }

    .partido .resultado .equipo .escudo img{
        width: auto;
        height: 65px;
    }

    .partido .resultado .equipo .goles{
        width: 60px;
        height: 80px;
        border-right: 0;
            
        font-size: 2.8rem;
        border-bottom: 1px solid #999;
    }
      
    .partido .resultado .equipo.visitante .goles{
        right: 0;
        left: initial;
        border-left: 0;
        border-bottom: 0;
    }

    .partido .cuerpoPartido .alineacion{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .contAlineacion{
        font-size: 1.5rem;
    }

    .partido .cuerpoPartido .adicional{
        margin-top: 2.5rem;
    }
    
    .partido .cuerpoPartido .adicional .col1{
        font-size: 1.8rem;
    }

    .partido .cuerpoPartido .adicional .col2{
        text-align: left;
        margin-top: 1rem;
    }

    .partido .cuerpoPartido .adicional a{
        font-size: 1.8rem;
    }

    /* ******************************** */ 
    /* Estadísticas                     */
    /* ******************************** */
    #estadísticas h2{
        font-size: 3rem;
        line-height: 3.5rem;
    }

    #estadísticas h2 img{
        height: 35px;
        margin-left: 5px;
    }

    #estadísticas .selector{
        padding-left: 15%;
        padding-right: 15%;
    }

    #estadísticas .estadistica .col1{
        margin-bottom: 3rem;
    }

    #estadísticas .estadistica .col2 .partidos .numero,
    #estadísticas .estadistica .col2 .goles .numero{
        font-size: 6rem;
    }

    #estadísticas .estadistica .col2 .partidos .texto,
    #estadísticas .estadistica .col2 .goles .texto{
        font-size: 2.2rem;
        display: block;
    }

    #estadísticas .estadistica .col2 .titular .numero,
    #estadísticas .estadistica .col2 .minutos .numero{
        font-size: 4rem;
    }

    #estadísticas .estadistica .col2 .titular .texto,
    #estadísticas .estadistica .col2 .minutos .texto{
        font-size: 2.2rem;
        display: block;
    }

    /* ******************************** */ 
    /* Palmarés                         */
    /* ******************************** */
    /* **************************************************** */ 
    /* Imagen principal de Palmarés trofeos                 */
    /* **************************************************** */
    #imgPpalNoLink.palmares h2{
        font-size: 5rem;
    }

    /* **************************************************** */ 
    /* Página de goles                                      */
    /* **************************************************** */
    /* **************************************************** */ 
    /* Video principal de goles                             */
    /* **************************************************** */
    #videoPpal.legacyGoles h2{
        font-size: 17rem;
        letter-spacing: -10px;
        color: #FFF;
    }

    #videoPpal.legacyGoles h2 img{
        height: 90px;
    }

    /* **************************************************** */ 
    /* Titular de goles                                     */
    /* **************************************************** */

    h2#titGoles{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }

    /* **************************************************** */ 
    /* Mosaico de goles - 2 columnas                     */
    /* **************************************************** */

    #mosaicoGoles{
        padding: 2rem 0 0 4%;
    }
      
    #mosaicoGoles .gol{
        width:44%;
        margin:0 4% 35px 0;
    }

    /* **************************************************** */
    /* Páginas de opinión                                   */
    /* **************************************************** */

    /* **************************************************** */ 
    /* Cuerpo y Titular de opinión                          */
    /* **************************************************** */

    h2#titOpinion{
        font-size: 3rem;
        line-height: 3.5rem;
        margin-top: 3rem;
    }

    /* **************************************************** */ 
    /* Opiniones                                            */
    /* **************************************************** */

    article.opinion .col1 .imagen{
        width: 90px;
        height: 90px;
    }




}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){

    /* ********************************************************
        CABECERA
    ******************************************************** */

    header h1.logo a{
        left: 0;
    }

    /* ****************************************************** */
    /* PARTES */
    /******************************************************** */

    /* **************************************************** */ 
    /* Vídeo flotante                                       */
    /* **************************************************** */
    .videoFloat{
        left: 10%;
        width: 80%;
    }

    /* **************************************************** */ 
    /* Vídeo principal de portada                          */
    /* **************************************************** */
    #videoPpal .content{
        left: 5rem;
        right: 5rem;
        bottom: 5rem;
    }
  
    #videoPpal .content h2{
        font-size: 5rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    /* **************************************************** */ 
    /* imagen principal */
    /* **************************************************** */

    #imgPpal .content{
        left: 5rem;
        right: 5rem;
        bottom: 5rem;
    }
  
    #imgPpal .content h2{
        font-size: 5rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    /* **************************************************** */ 
    /* Mosaico de noticias - 3 columnas                     */
    /* **************************************************** */

    #mosaicoNoticias{
        padding: 0 0 0 2.5%;
    }
      
    #mosaicoNoticias .noticia{
        width:30%;
        margin:0 2.5% 30px 0;
    }

    /* **************************************************** */ 
    /* Imagen principal de Sponsors                         */
    /* **************************************************** */

    #imgPpalNoLink.sponsors h2{
        left: 50px;
        right: 50px;
        font-size: 6rem;
   
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;    
    }

    /* **************************************************** */ 
    /* Business                                             */
    /* **************************************************** */

    #videoPpal.ninefitness{
        /*background-color: red;*/
    }

    #videoPpal.ninefitness .content{
        width: 960px;
        margin-left: -480px;
        text-align: center;
    }

    #videoPpal.ninefitness h2{
        font-family: 'Roboto', sans-serif;
        font-size: 5.2rem;
        font-weight: 200;
    }

    /* **************************************************** */ 
    /* Ocio                                                 */
    /* **************************************************** */

    #restaurantes .texto{
        font-size: 2.1rem;
    }
      
    #restaurantes .texto i{
        font-size: 2.5rem;
        margin-left: 10px;
    }


    /* ******************************** */ 
    /* Legacy equipos                   */
    /* ******************************** */
    #legacy_equipos .equipo .datos .partidos{
        width: 150px;
    }

    #legacy_equipos .equipo .datos .partidos .numero{
        font-size: 5rem;
        line-height: 5.5rem;
    }

    #legacy_equipos .equipo .datos .partidos img{
        height: 25px;
        margin-top: 5px;
    }

    #legacy_equipos .equipo .datos .goles{
        width: 150px;
    }

    #legacy_equipos .equipo .datos .goles .numero{
        font-size: 5rem;
        line-height: 5.5rem;
    }

    #legacy_equipos .equipo .datos .goles img{
        height: 25px;
        margin-top: 5px;
    }

    /* **************************************************** */ 
    /* Mosaico de momentos - 3 columnas                     */
    /* **************************************************** */

    #mosaicoMomentos{
        padding: 9rem 0 0 2.5%;
    }
      
    #mosaicoMomentos .momento{
        width:30%;
        margin:0 2.5% 30px 0;
    }

    /* ******************************** */ 
    /* Estadísticas                     */
    /* ******************************** */
    #estadísticas .estadistica .col2 .partidos .numero,
    #estadísticas .estadistica .col2 .goles .numero{
        font-size: 6rem;
    }

    #estadísticas .estadistica .col2 .partidos .texto,
    #estadísticas .estadistica .col2 .goles .texto{
        font-size: 2.2rem;
        display: block;
    }

    #estadísticas .estadistica .col2 .titular .numero,
    #estadísticas .estadistica .col2 .minutos .numero{
        font-size: 4rem;
    }

    #estadísticas .estadistica .col2 .titular .texto,
    #estadísticas .estadistica .col2 .minutos .texto{
        font-size: 2.2rem;
        display: block;
    }

    /* **************************************************** */ 
    /* Mosaico de goles - 3 columnas                     */
    /* **************************************************** */

    #mosaicoGoles{
        padding: 2rem 0 0 2.5%;
    }
      
    #mosaicoGoles .gol{
        width:30%;
        margin:0 2.5% 30px 0;
    }

    /* **************************************************** */
    /* Páginas de opinión                                   */
    /* **************************************************** */

    /* **************************************************** */ 
    /* Opiniones                                            */
    /* **************************************************** */

    article.opinion .col1 .imagen{
        width: 130px;
        height: 130px;
    }
}





/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
}