@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap');

/* -----------------------------------------
MICROSITE
CUSTOM THEME STYLESHEET
sample
----------------------------------------- */


/**Desplazamiento de la cabecera para soportar el menú del diario**/

#pagedoc.microsite {
    padding-top: 47px;
}


/*Contenedor principal del site*/

#main {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}


/*Titular h2 portada*/

.microsite h2.headline {
    font-family: 'Exo', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #292829;
}


/*Titular h1 portada*/

h1.headline,
.m-title-1 {
    font-family: 'Exo', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #292829;
    font-size: 58px;
}


/*Titular módulos 33%*/

.microsite .u8 .headline {
    font-size: 28px;
    line-height: 30px;
    color: #292829;
}


/*Enlace Titulares*/

.microsite .headline .lnk:hover,
.microsite .m-title-1 .list .lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    color: #292829;
}


/*Cintillos generales*/

.microsite .kicker {
    padding-left: 5px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    padding: 5px 7px;
    margin-bottom: 10px!important;
    font-size: 15px;
    color: #FFF;
    background: #0d77a1;
    display: table;
    text-transform: none;
}

.microsite .pg-bkn-kicker {
    padding-left: 5px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    padding: 5px 7px;
    margin-bottom: 10px!important;
    font-size: 15px;
    color: #FFF;
    background: #0d77a1;
    display: table;
    text-transform: none;
}

.microsite .pg-bkn-kicker p.text {
    clear: both;
}

.microsite .pg-bkn-kicker a,
.microsite .kicker a {
    color: #FFF!important;
}

.microsite .m-title-1 h1 {
    color: #000;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 32px;
}

.microsite .m-title-1 {
    border-width: 0 0 2px;
    border-color: #000;
}


/*El cintillo del módulo de blog no se debe de mostrar*/

.microsite .md-blog-main.sk-3 .kicker {
    border-left: 0;
    padding-left: 0;
    text-align: center;
    background: #fff;
    color: #0d77a1;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    margin-bottom: 0!important;
}

.microsite .md-item-news.md-blog-main .kicker {
    border-left: 0;
    padding-left: 0;
    text-align: center;
    display: block;
}


/*Cintillo autor opinión*/

.microsite .md-opinion-author-lite-infor .mt .kicker {
    border-left: 0;
    padding: 5px 7px 2px;
    text-transform: uppercase;
}

.microsite .md-opinion-author-lite-infor .mt .txt a {
    color: #000;
}

.microsite .md-opinion-author-lite-infor .mt .txt a:hover {
    text-decoration-color: #000;
    text-decoration: underline;
}


/*Autor portada*/

.microsite p.byline {
    margin: 5px 0 5px;
    font-family: 'Exo', sans-serif;
    color: #666666;
}


/*Entradillas*/

.microsite .md-item-news .txt,
[class^=md-news] .txt {
    margin-top: 20px;
    font-family: 'Exo', sans-serif;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 400;
    color: #000;
}

.microsite .summary {
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.microsite .md-item-news,
[class^=md-news] {
    border: 0;
}

.microsite .md-item-news .txt,
[class^=md-news] .txt {
    margin-top: 0px;
}

.microsite .md-opinion-author-lite-infor .mt .txt a {
    font-family: 'Exo', sans-serif;
    font-style: normal;
}

.md-opinion-author-lite-infor .mt .headline {
    margin: 0 0 2px;
    font-size: 24px!important;
    line-height: 25px!important;
}


/*Cintillo general al 100% de portada*/


/* .m-title-1 {
font-family: 'Exo', sans-serif;
letter-spacing: 0;
background: #fff2ba;
border-top: 2px solid #000;
border-bottom: 0;
padding: 5px 0;
}

.m-title-1 h1 {
color: #000;
text-transform: none;
font-weight: 600;
font-size: 34px;
overflow: hidden;
text-align: left;
display: block;
padding-left: 10px;
}

.m-title-1 h1:after {
content: url(https://loremflickr.com/cache/resized/65535_50110366842_51c5ed854b_t_80_41_nofilter.jpg);
}

.m-title-1 a.lnk {
color: #000;
}

,
.m-title-1 a.lnk:hover {
filter: alpha(opacity=70);
opacity: 0.7;
color: #000;
} */


/* .m-title-1 h1:after {
background-color: #359cf3;
content: "";
display: block;
height: 5px;
position: absolute;
width: 25%;
} */


/*Cintillos especiales para este microsite*/

.cintillo-deportes {
    font-family: 'Exo', sans-serif;
    letter-spacing: 0;
    background: #fff2ba;
    border-top: 3px solid #000;
    border-bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 15px 0;
}

.cintillo-deportes h1 {
    color: #000;
    text-transform: none;
    font-weight: 600;
    font-size: 34px;
    overflow: hidden;
    text-align: left;
    display: block;
    padding: 0px 0 0 10px;
}

.cintillo-deportes img.sevilla,
.cintillo-deportes img.betis {
    margin-left: 30px;
}

.cintillo-deportes h1.betis:after {
    content: '';
}

.cintillo-deportes h1.sevilla:after {
    content: '';
}

.cintillo-deportes h1 a {
    color: #000;
    text-decoration: none;
}

.cintillo-deportes h1 a:hover {
    opacity: 0.7;
    text-decoration: none;
}


/*En móvil*/

.microsite .m-title-3 {
    font-family: 'Exo', sans-serif;
}

.microsite h2.m-title-3 {
    color: #000;
    font-weight: 600;
    font-size: 28px;
    overflow: hidden;
    text-align: left;
    display: block;
    border: 0;
}

.microsite h2.m-title-3:after {
    background-color: #359cf3;
    content: "";
    display: block;
    height: 5px;
    width: 50%;
}

.microsite h2.m-title-3 a.lnk {
    color: #359cf3;
}

,
.microsite h2.m-title-3 a.lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    color: #359cf3;
}


/*Autor del módulo con la foto completa y que ocupa el 50%*/

.microsite [class^=md-news-main].sk-1 .mt p.byline .author a.lnk,
.microsite [class^=md-news].sk-1 .mt .txt .lnk {
    color: #fff;
    text-decoration: none;
}

.microsite [class^=md-news-main].sk-1 .mt p.byline .author a.lnk:hover {
    text-decoration: underline;
}


/*Autor con enlace en las noticias*/

.microsite .nws-data p.byline .author a.lnk,
[class^=md-news].sk-1 .mt .txt .lnk {
    color: #000;
    text-decoration: none;
}

.microsite .nws-data p.byline .author a.lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}

.microsite .mt p.byline a.lnk,
.microsite p.byline a.lnk {
    color: #000;
    text-decoration: none;
}

.microsite .mt p.byline a.lnk:hover,
.microsite p.byline a.lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}

.microsite [class^=md-news].sk-1 .mt .headline .lnk {
    color: #fff!important;
}


/*Noticias relacionadas en portada*/

.microsite .rel-content {
    font-family: 'Exo', sans-serif;
    font-size: 16px;
}

.microsite .rel-entry .lnk,
.microsite .rel-entry [class^=rel] {
    color: #000;
    text-decoration: none;
}

.microsite .rel-entry .lnk:hover,
{
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}

.microsite .rel-entry:before {
    color: #000;
}

.microsite .rel-entry [class^=rel] {
    color: #000;
    font-family: 'Exo', sans-serif;
}


/*Tipo de relacionado en portada*/

.microsite em.rel-gal {
    color: #000;
    text-decoration: none!important;
}


/*Módulo galería destacada*/

.microsite [class^=md].sk-0:before,
.microsite [class^=group].sk-0:before {
    border-color: #000;
}


/*Borde*/

.microsite [class^=md].sk-0 .kicker {
    margin: 2px 0 10px 10px!important;
    color: #333;
    background: #fff;
    padding: 0;
}


/*Cintillo*/

.microsite [class^=md-gallery] .txt {
    color: #000;
    font-family: 'Exo', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
}


/*Módulo encuesta*/

.microsite .poll .kicker {
    margin: 0 0 10px!important;
}


/*Cintillo*/

.microsite .form-button {
    background-color: #0d77a1;
    color: #FFF;
}


/*Botón encuesta*/

.microsite .form-button:hover {
    background-color: #0d77a1;
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}


/*Botón encuesta*/

.microsite .form-meter .bar {
    background-color: #0d77a1;
}


/*Barra resultado encuesta*/

.microsite .md-poll-main .item .form-label,
.microsite .md-poll-main .item p,
.microsite .poll .mce-body {
    margin: 0 0 20px;
    font-family: 'Exo', sans-serif;
}


/*Tipografía opciones*/


/*Módulos de opinión*/


/*Línea superior*/

.microsite [class^=md].sk-3:before {
    border-color: #000;
}

.microsite [class^=md].sk-3 {
    padding: 5px 10px 10px 10px;
}

.microsite p.byline>small.author {
    font-size: 12px;
}


/*El mismo módulo pero en Móvil*/

.microsite .md-item-news.md-blog-main .kicker {
    border-top: 3px solid #0d77a1;
    background: none;
    color: #000;
    text-align: center;
    display: block;
}

.microsite [class*=blog] .headline {
    font-family: 'Exo', sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;
}

.microsite .md-blog-main .txt,
.microsite .md-item-blog .txt,
.microsite .md-item-blog-entry .txt,
.microsite .md-wgt-blog .txt {
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    font-weight: 400;
}


/*Módulo gris de reportaje 66%*/

.microsite [class^=md].sk-2 .mt {
    background-color: #e5f2fd;
    font-weight: 400;
}

.microsite [class^=md-news].sk-2 .headline {
    font-family: 'Exo', sans-serif;
}

.microsite [class^=md].sk-2 .image-holder,
[class^=md].sk-2 .mt {
    background-color: #e5f2fd;
}

.u6 [class*=item] .headline,
.u8 [class*=item] .headline {
    font-size: 24px!important;
    line-height: 25px!important;
}


/*Cintillos 100%*/


/**
 * SUBNAV
 **/

.microsite #subnav {
    padding: 0;
    margin: 10px auto 20px;
}

.microsite #subnav .nav-join {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
}

.microsite #subnav .nav-item {
    margin-right: 30px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.microsite #subnav .nav-item:last-child {
    margin-right: 0;
}

.microsite #subnav .lnk {
    font-size: 15px;
}

.microsite #subnav .lnk:hover {
    color: #000;
    text-decoration: underline;
}

.microsite #subnav .nav-item:hover>.lnk {
    text-decoration: underline;
    color: #000;
}

.microsite #subnav .nav-item.active>.lnk {
    background: #074d7c;
    color: #FFF;
}

.microsite [class^=md-sports] .aside {
    background-color: #0d77a1;
}

.microsite [class^=md-sports] .headline,
.microsite [class^=md-sports] .rel-item,
.microsite [class^=md-sports] .rel-item strong {
    font-family: 'Exo', sans-serif;
}


/*Noticia*/


/*Titular noticia*/

.microsite .pg-bkn-headline {
    font-family: 'Exo', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    line-height: 58px;
    color: #292829;
    margin: 0 0 20px;
}


/*Entradilla*/

.microsite .summary {
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: 400;
    border: 0;
    line-height: 30px;
    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
    color: #000;
}


/*Enlace de la entradilla*/

.microsite .summary a,
.microsite .summary a.lnk {
    text-decoration-color: #359cf3!important;
    -webkit-text-decoration-color: #359cf3;
    color: #000;
}

.microsite .summary a:hover,
.microsite .summary a.lnk:hover {
    text-decoration: none;
    color: #359cf3;
}


/*Cuerpo de la noticia*/

.microsite .mce-body .mce {
    font-family: 'PT Serif', serif;
    font-size: 20px;
    line-height: 28px;
}


/*Etiquetas dentro de la noticia*/

.microsite a.tag {
    color: #000!important;
    text-decoration: none;
}

.microsite a.tag:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}


/*Bolo de la entradilla dentro de la noticia*/

.microsite .summary .summary-entry:before {
    color: #359cf3;
    list-style: square;
}


/*Clip del cintillo de Más información dentro de una noticia*/

.microsite .rel-content-news .kicker .text:before {
    color: #359cf3;
}

.microsite .md-news-column-aperture>.mt .headline {
    font-size: 34px;
    line-height: 36px;
}

.microsite .rel-content-news .kicker .text {
    font-size: 12px;
}

.microsite .rel-entry [class^=rel] {
    font-size: 16px;
}


/*Cita*/

.microsite .blockquote {
    font-family: 'Exo', sans-serif;
    font-size: 21px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    border-width: 0px;
    padding: 0;
    line-height: 28px;
    border-bottom: 1px solid #000;
}

.microsite .blockquote:before {
    border: 0;
}

.microsite .blockquote:after {
    background-color: #0d77a1;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    vertical-align: bottom;
    width: 30%;
    margin-top: 25px;
    border-width: 0 0 0px;
}


/*Noticias relacionadas*/


/*Cintillo*/

.microsite .rel-content-news .kicker {
    border-left: 0;
    padding-left: 0;
}

.microsite .rel-content-news .kicker .text:before {
    /* content: url(https://www.diariodesevilla.es/salud/icono_bloque_relacionadas.jpg); */
    content: '  ';
}

.microsite .rel-content-news .headline {
    font-family: 'Exo', sans-serif;
    font-size: 18px!important;
}

.microsite .rel-content-news .headline [class^=rel] {
    color: #000;
    font-family: 'Exo', sans-serif;
}

.microsite .md-item-news em.rel-type {
    font-size: 18px!important;
}


/*Tipo de relacionado*/

.microsite .rel-entry .lnk {
    color: #000;
}

.microsite .rel-entry .lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
    color: #000;
}


/*Icono relacionada*/

.microsite .rel-entry:before {
    color: #000;
}


/*Pie de foto*/

.microsite .footnote {
    font-family: 'Exo', sans-serif;
    font-size: 12px;
}


/*Sumario*/

.microsite .rel-content-abstract {
    background: #0d77a1;
}

.microsite .rel-content-abstract .label {
    color: #fff;
    font-family: 'Exo', sans-serif;
    font-size: 1.7em;
    font-weight: 600;
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
}

.microsite .rel-content-abstract p {
    color: #fff;
    font-family: "Exo", sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 10px 0;
}


/*Frases*/

.microsite .rel-content-phrases {
    background: #0d77a1;
    border-color: #074d7c;
}

.microsite .rel-content-phrases .label {
    color: #fff;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-color: #FFF;
}

.microsite .rel-content-phrases p {
    color: #fff;
    font-family: "Exo", sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 10px 0;
}

.microsite .rel-content-phrases .label {
    line-height: 24px;
}


/*Ladillo*/

.microsite .mce-body h2.mce,
.microsite .mce-body h3.mce {
    color: #000;
    font-family: 'Exo', sans-serif;
    font-size: 28px;
}

.microsite .mce-body h2.mce em.mce,
.microsite .mce-body h3.mce em.mce {
    color: #000;
    font-style: italic;
    font-family: 'Exo', sans-serif;
    font-size: 1em;
}


/*Despiece*/

.microsite .rel-content-more {
    border: 0;
    padding: 0;
    background-color: #eff7fe;
    padding: 15px 15px 1px 15px;
}

.microsite .rel-content-more .label {
    border: 0;
    font-family: 'Exo', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    padding: 13px!important;
    margin-bottom: 0;
    color: #000;
    background: #f9fcff;
    padding: 5px;
    border: 2px solid #FFF;
    border-bottom: 0;
}

.microsite .rel-content-more .label:after {
    background-color: #000;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    vertical-align: bottom;
    width: 98%;
    margin-top: 10px;
    padding-left: 15px;
}

.microsite .rel-content-more p.mce {
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    color: #000;
    background: #f9fcff;
    padding: 10px;
    border: 2px solid #FFF;
    border-top: 0;
}

.microsite .mce-body ul.mce {
    padding: 13px!important;
    margin-bottom: 0;
    color: #000;
    background: #f9fcff;
    padding: 5px;
    border: 2px solid #FFF;
    border-bottom: 0;
}


/*Enlaces del cuerpo de texto de la noticia*/

.microsite .mce-body a.mce,
.microsite .mce-body a.mce>.mce,
.microsite .mce-body a>em.mce,
.microsite .mce-body p.mce a.mce {
    text-decoration-color: #359cf3!important;
    -webkit-text-decoration-color: #359cf3;
    color: #000;
}

.microsite .mce-body a.mce:hover,
.microsite .mce-body a.mce>.mce:hover,
.microsite .mce-body a>em.mce:hover,
.microsite .mce-body a.mce:hover>.mce,
.microsite .mce-body p.mce a.mce:hover {
    text-decoration: none;
    color: #359cf3;
}

.microsite p.byline>small.author {
    font-size: 12px;
}


/*Autor con enlace en las noticias*/

.microsite [class^=md-news] p.byline .author a.lnk,
.microsite [class^=md-item-news] p.byline .author a.lnk {
    color: #000;
    text-decoration: none;
}

.microsite [class^=md-news] p.byline .author a.lnk:hover,
.microsite [class^=md-item-news] p.byline .author a.lnk:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}


/*Etiquetas*/

.microsite .tagbar .tagbar-title {
    font-family: "Cabin", sans-serif;
}

.microsite .tagbar .tags {
    font-family: "Cabin", sans-serif;
}


/**
* DESKTOP
**/

@media (min-width: 1024px) {
    /* background color */
    #pagedoc {
        background-color: #fff;
    }
    /* main theme image */
    #microsite-head,
    #microsite-theme {
        /*z-index:0; */
        background: url(https://www.diariodesevilla.es/deportes/1011.jpg?hash=0a022812653e967d35cf452a779d6855a767ae8a);
        background-repeat: no-repeat;
        background-position: center top;
    }
    /* microsite header fixed height */
    #microsite-head,
    #microsite-link {
        height: 96px;
        margin: 0px 0 10px;
    }
    /*Menu*/
    /*#subnav{
    display:none;
   }*/
}


/**
  * MOBILE
  **/

@media (max-width:1023px) {
    #pagedoc.microsite {}
    #microsite-head,
    #microsite-theme {
        background: url(https://www.diariodesevilla.es/deportes/1011.jpg?hash=0a022812653e967d35cf452a779d6855a767ae8a);
        background-repeat: no-repeat;
        background-position: center top;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #microsite-head,
    #microsite-link {
        height: 96px;
        display: block;
        margin: 0;
    }
    /*Menu*/
    /*#subnav{
        display:none;
       }*/
}

@media (max-width: 890px) {
    #microsite-head,
    #microsite-theme {
        -webkit-background-size: cover;
        background-size: cover;
        background: url(https://www.diariodesevilla.es/deportes/674.jpg?hash=082dc483820f9e952a38fe7125ae5c7bb44b6310) #fff;
        background-repeat: no-repeat;
        background-position: center top;
    }
    #microsite-head,
    #microsite-link {
        height: 96px;
        margin: 68px 0 20px;
    }
    /*Volvemos a poner visible el enlace del site para el móvil*/
    #microsite-link {
        display: block;
    }
    /*Menu*/
    /*#subnav{
        display:none;*/
}

@media (max-width: 610px) {
    #microsite-head,
    #microsite-theme {
        -webkit-background-size: contain;
        background-size: contain;
        background: #fff url(https://www.diariodesevilla.es/deportes/410.jpg?hash=d79a1ea8e1b0945f93edbeedfb2722762360d6a1 ) no-repeat center top;
    }
    #microsite-head,
    #microsite-link {
        height: 58px;
        margin: 60px 0 20px;
    }
    /*Menu*/
    #subnav {
        display: block;
    }
    .cintillo-deportes {
        margin: 0 -15px 15px -15px;
    }
    /*Titular*/
    .microsite .pg-bkn-headline {
        font-size: 34px;
        line-height: 40px;
        margin: 0 0 28px;
    }
    /*Entradilla*/
    .microsite .summary {
        font-size: 16px;
        line-height: 22px;
    }
    /*Lo más visto*/
    .microsite h1.headline,
    .microsite .m-title-1 {
        font-size: 21px;
    }
    .microsite .mce-body .mce {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 395px) {
    #pagedoc.microsite {
        padding-top: 20px;
    }
    #microsite-head,
    #microsite-theme {
        background: #fff url(https://www.diariodesevilla.es/deportes/340.jpg?hash=475f09d67778511c571cd0e88ee1c69b4d4cda0d ) no-repeat center top;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #microsite-head,
    #microsite-link {
        height: 58px;
        /*margin: 80px 0 20px;*/
    }
    #subnav {
        display: block;
    }
    .microsite .kicker {
        font-size: 13px;
    }
    .microsite .md-news-aperture>.mt .headline {
        font-size: 31px;
        line-height: 35px;
    }
    .microsite p.byline>small.author {
        font-size: 12px;
    }
    .microsite .md-news-aperture>.mt .mce-body {
        font-size: 14px;
    }
    .microsite .mce-body {
        font-family: 'Exo', sans-serif;
    }
    .microsite .md-news-main.sk-2 .headline {
        font-size: 31px;
        line-height: 33px;
    }
    .cintillo-deportes {
        margin-bottom: 20px;
    }
    .microsite .pg-bkn-headline {
        font-size: 31px;
        line-height: 33px;
    }
    .microsite .summary {
        font-size: 16px;
        line-height: 23px;
        margin: auto;
        padding: 10px 0 13px;
    }
    .microsite .mce-body .mce {
        font-size: 17px;
    }
    .microsite .rel-content-news .kicker {
        padding-left: 7px;
    }
}


/* EOF */