main.global-main { margin-bottom: 110px; }
section.component-article .section-container .main-content-left { width: calc(100% - 350px); }
article { position: relative; }
    article.detailed-article .article-header { margin-bottom: 10px; }
        article.detailed-article .article-header .category { text-align: center; margin-bottom: 45px; }
            article.detailed-article .article-header .category .link { font-family: 'Lora', serif; font-weight: 400; color: #000000; font-size: 1.5rem; line-height: 1; text-transform: uppercase; }
            article.detailed-article .article-header .category:after { content: ' '; position: relative; display: block; height: 6px; width: 50px; background-color: #0046ad; left: 50%; margin-left: -25px; margin-top: 10px; }
        article.detailed-article .article-header .sponsored { font-family: 'Lora', serif; font-weight: 900; font-size: 0.75rem; line-height: 30px; margin-top: -30px; margin-bottom: 20px; color: #ffffff; display: inline-block; z-index: 1; height: 30px; padding: 0 13px 0 10px; background-color: #0046ad; vertical-align: top; }
            article.detailed-article .article-header .sponsored .logo { margin-right: 9px; float: left; }
                article.detailed-article .article-header .sponsored .logo img { width: 30px; }
        article.detailed-article .article-header .headline { margin-bottom: 40px; text-align: center; }
            article.detailed-article .article-header .headline .title { display: block; font-family: 'Lora', serif; font-weight: 700; font-size: 2.125rem; color: #000000; line-height: 1.323; margin-bottom: 25px; }
            article.detailed-article .article-header .headline .excerpt { color: #868686; font-size: 1.188rem; line-height: 1.526; width: 70%; margin: 0 auto; }
        article.detailed-article .article-header .headline-opinion { margin-bottom: 40px; text-align: center; }
            article.detailed-article .article-header .headline-opinion .title { display: block; font-family: 'Lora', serif; font-weight: 400; font-style: italic; font-size: 2.125rem; color: #000000; line-height: 1.323; margin-bottom: 25px; }
            article.detailed-article .article-header .headline-opinion .author { color: #868686; font-size: 1.188rem; line-height: 1.526; margin-bottom: 15px; display: inline-block; }
            article.detailed-article .article-header .headline-opinion .position { color: #5b5b5b; font-size: 1rem; line-height: 1.5; }
        article.detailed-article .article-header .share { text-align: center; margin-bottom: 30px; }
            article.detailed-article .article-header .share:before,
            article.detailed-article .article-header .share:after { display: block; content: ''; height: 6px; width: 100%; background: url('../../../graphics/pc/MKNews/general/divider.png') repeat transparent; }
            article.detailed-article .article-header .share:before { margin-bottom: 12px; }
            article.detailed-article .article-header .share:after { margin-top: 12px; }
        article.detailed-article .article-header .date { display: inline-block; width: auto; margin: 0; font-family: 'Lora', serif; font-weight: 400; color: #868686; font-size: 0.875rem; }
    article.detailed-article .article-body { /*margin-bottom: 40px;*/ }
        article.detailed-article .article-body h2 { font-family: 'Lora', serif; font-weight: 700; color: #000000; font-size: 1.5rem; line-height: 1.454; margin-top: 20px; margin-bottom: 10px; }
        article.detailed-article .article-body h3 { font-family: 'Lora', serif; font-weight: 700; color: #000000; font-size: 1.313rem; line-height: 1.454; margin-top: 20px; margin-bottom: 10px; }
/*        article.detailed-article .article-body h4 { font-family: 'Lora', serif; font-weight: 700; color: #000000; font-size: 1.5rem; line-height: 1.454; margin-top: 20px; margin-bottom: 10px; }
        article.detailed-article .article-body h5 { font-family: 'Lora', serif; font-weight: 700; color: #000000; font-size: 1.313rem; line-height: 1.454; margin-top: 20px; margin-bottom: 10px; }*/
        article.detailed-article .article-body p { font-family: 'Lora', serif; font-weight: 400; color: #000000; font-size: 1.188rem; line-height: 1.684; margin-bottom: 35px; }
            article.detailed-article .article-body p a { color: #0046ad; text-decoration: underline; }
            article.detailed-article .article-body p strong { font-family: 'Lora', serif; font-weight: 700; }
            article.detailed-article .article-body p.question { color: #0046AD; font-weight: 700; margin-bottom: 5px; }
        article.detailed-article .article-body ul,
        article.detailed-article .article-body ol { margin-bottom: 35px; margin-left: 45px; list-style-position: outside; }
            article.detailed-article .article-body ul li,
            article.detailed-article .article-body ol li { /*display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex;*/ font-family: 'Lora', serif; font-weight: 400; color: #000000; font-size: 1.188rem; line-height: 1.684; margin-bottom: 25px; }
                article.detailed-article .article-body ul li:last-child,
                article.detailed-article .article-body ol li:last-child { margin-bottom: 0; }
                article.detailed-article .article-body ul li:before { content: "\25CF"; color: #0046ad; display: inline-block; position: relative; margin-right: 8px; font-family: 'Lora', serif; font-weight: 700; font-size: 1.188rem; }
            article.detailed-article .article-body ol li { counter-increment: chapter; }
                article.detailed-article .article-body ol li:before { content: counter(chapter) "."; color: #0046ad; display: inline-block; position: relative; margin-right: 8px; font-family: 'Lora', serif; font-weight: 700; font-size: 1.188rem; }
        article.detailed-article .article-body blockquote.summary-block { font-family: 'Lora', serif; font-weight: 700; color: #000000; font-size: 1.5rem; line-height: 1.5; position: relative; width: 100%; padding: 40px 20px 35px 15px; border-left: 7px solid #0046ad; background-color: #f5f6f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; margin-bottom: 40px; float: left; }
            article.detailed-article .article-body blockquote.summary-block.left { width: 50%; float: left; margin-right: 30px; margin-bottom: 20px; }
            article.detailed-article .article-body blockquote.summary-block.right { width: 50%; float: right; margin-left: 30px; margin-bottom: 20px; }
        article.detailed-article .article-body .twitter-tweet { margin: 12px auto; }
        article.detailed-article .article-body figure { font-size: 0; }
            article.detailed-article .article-body figure.center { float: left; width: 100%; margin-bottom: 50px; }
                article.detailed-article .article-body figure.center .image { position: relative; }
                    article.detailed-article .article-body figure.center .image.video:before { content: ""; position: absolute; width: 150px; height: 109px; background: transparent url('../../../graphics/pc/MKNews/general/play.svg') bottom left no-repeat; background-size: auto 100%; top: 50%; left: 50%; margin-left: -75px; margin-top: -54px; z-index: 1; }
            article.detailed-article .article-body figure.left { float: left; width: 40%; margin-right: 40px; margin-bottom: 20px; margin-top: 10px; }
                article.detailed-article .article-body figure.left .image { position: relative; }
                    article.detailed-article .article-body figure.left .image.video:before { content: ""; position: absolute; width: 70px; height: 50px; background: transparent url('../../../graphics/pc/MKNews/general/play.svg') bottom left no-repeat; background-size: auto 100%; top: 50%; left: 50%; margin-left: -35px; margin-top: -25px; }
            article.detailed-article .article-body figure.right { float: right; width: 40%; margin-left: 40px; margin-bottom: 20px; margin-top: 10px; }
                article.detailed-article .article-body figure.right .image { position: relative; }
                    article.detailed-article .article-body figure.right .image.video:before { content: ""; position: absolute; width: 70px; height: 50px; background: transparent url('../../../graphics/pc/MKNews/general/play.svg') bottom left no-repeat; background-size: auto 100%; top: 50%; left: 50%; margin-left: -35px; margin-top: -25px; }
            article.detailed-article .article-body figure img { width: 100%; }
            article.detailed-article .article-body figure figcaption { margin-top: 13px; text-align: left; font-family: 'Lora', serif; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; color: #868686; border-bottom: 1px solid #f2f2f2; padding-bottom: 13px; }
                article.detailed-article .article-body figure figcaption .author-photo { font-family: 'Lora', serif; font-weight: 700; color: #000000; }
                    article.detailed-article .article-body figure figcaption .author-photo:after { content: "|"; display: inline-block; margin-right: 3px; margin-left: 4px; color: #868686; }
        article.detailed-article .article-body .audio { font-size: 0; margin-bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; clear: both; }
            article.detailed-article .article-body .audio .icon { width: 157px; background: url('../../../graphics/pc/MKNews/general/audio.svg') center center no-repeat #0046ad; background-size: 66px auto; }
            article.detailed-article .article-body .audio .data { width: calc(100% - 157px); background-color: #f5f6f7; padding-top: 15px; }
                article.detailed-article .article-body .audio .data .title { font-family: 'Lora', serif; font-weight: 700; font-size: 1.188rem; line-height: 1.263; padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; }
                article.detailed-article .article-body .audio .data .subtitle { font-family: 'Lora', serif; font-weight: 400; font-size: 0.875rem; line-height: 1.285; color: #5b5b5b; padding: 0 25px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
                article.detailed-article .article-body .audio .data audio { width: 100%; }
        /* Añadido por Juan */
        article.detailed-article .article-body iframe.det-video { height: 366px; }
    article.detailed-article .article-footer { float: left; /* Añadido por Juan */ width: 100%; margin-top: 40px; }
        article.detailed-article .article-footer .tags { margin-bottom: 65px; margin-left: 30px; font-size: 0; }
            article.detailed-article .article-footer .tags h4 { font-family: 'Lora', serif; font-weight: 400; font-size: 1rem; color: #000000; line-height: 2; display: inline-block; position: relative; margin-right: 20px; }
                article.detailed-article .article-footer .tags h4:before { content: url('../../../graphics/pc/MKNews/general/article-marker.svg'); position: absolute; left: -30px; top: 5px; width: 20px; height: 30px; }
            article.detailed-article .article-footer .tags ul { display: inline; }
                article.detailed-article .article-footer .tags ul li { display: inline-block; }
                    article.detailed-article .article-footer .tags ul li a { font-family: 'Lora', serif; font-weight: 400; color: #5b5b5b; font-size: 1rem; line-height: 2; margin-right: 20px; }
        article.detailed-article .article-footer .share { text-align: center; margin-bottom: 75px; }
            article.detailed-article .article-footer .share:before,
            article.detailed-article .article-footer .share:after { display: block; content: ''; height: 6px; width: 100%; background: url('../../../graphics/pc/MKNews/general/divider.png') repeat transparent; }
            article.detailed-article .article-footer .share:before { margin-bottom: 10px; }
            article.detailed-article .article-footer .share:after { margin-top: 10px; }
        article.detailed-article .article-footer .related-news { padding: 40px 25px 30px; background-color: #f2f2f2; margin-bottom: 0; }
            article.detailed-article .article-footer .related-news h4 { font-family: 'Lora', serif; font-weight: 400; font-size: 1.5rem; line-height: 1; color: #000000; text-align: center; margin-bottom: 25px; text-transform: uppercase; }
                article.detailed-article .article-footer .related-news h4:after { content: ' '; position: relative; display: block; height: 7px; width: 65px; background-color: #0046ad; left: 50%; margin-left: -25px; margin-top: 20px; }
            article.detailed-article .article-footer .related-news .list-items .item { border-bottom: solid 1px #bebebe; padding: 25px 0 30px; }
                article.detailed-article .article-footer .related-news .list-items .item .title { font-family: 'Lora', serif; font-weight: 700; font-size: 1.5rem; line-height: 1.25; color: #000000; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; }
                    article.detailed-article .article-footer .related-news .list-items .item .title:hover { color: #5b5b5b; }
                article.detailed-article .article-footer .related-news .list-items .item:last-child { border: none; }

    article.detailed-article .article-header .cpatro { position: absolute; width: 300px; margin-left: 780px; }
        article.detailed-article .article-header .cpatro span { font-size: 12px; margin-right: 10px; color: #505050; }

aside.opinion .content { padding: 0 10px 30px; }
    aside.opinion .content .opinion { margin-top: 35px; }
        aside.opinion .content .opinion .image { width: 67px; margin: 0; float: left; }
        aside.opinion .content .opinion .quote { font-size: 1.125rem; line-height: 1.333; text-align: left; margin-left: 82px; }
        aside.opinion .content .opinion .author { font-size: 1.125rem; text-align: left; margin-left: 82px; }

.pcivoox { margin-bottom: 20px; height: 250px; }

/*Vídeos - Pedro*/
article.detailed-article .article-body .vscPlayer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 35px;
    text-align: center;
}
    article.detailed-article .article-body .vscPlayer iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
article.detailed-article .article-body .vscPlayerShort {
    margin-bottom: 35px;
    text-align: center;
}
    article.detailed-article .article-body .vscPlayerShort iframe.resourceVideoShort {
        width: 315px;
        height: 560px;
        margin: 0 auto;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    article .detailed-article .article-body .audio .data audio { background-color: #000; }
}

@media (max-width: 768px) {
    main.global-main { margin-bottom: 50px; }
    section.component-article .section-container .main-content-left { padding: 0; margin-right: 0; width: 100%; float: left; clear: both; }
    section.component-article .section-container .sidebar-content-right { width: 100%; clear: both; }
    article.detailed-article .article-header { margin-bottom: 5px; }
        article.detailed-article .article-header .category .link { font-size: 1.375rem; }
        article.detailed-article .article-header .category:after { height: 4px; width: 35px; margin-left: -17px; }
        article.detailed-article .article-header .headline { margin-bottom: 35px; }
            article.detailed-article .article-header .headline .title { width: 70%; font-size: 1.75rem; line-height: 1.428; margin: 0 auto 20px; }
            article.detailed-article .article-header .headline .excerpt { width: 100%; font-size: 1.25rem; line-height: 1.5; }
        article.detailed-article .article-header .headline-opinion { margin-bottom: 35px; }
            article.detailed-article .article-header .headline-opinion .title { font-size: 1.75rem; line-height: 1.428; margin-bottom: 20px; }
            article.detailed-article .article-header .headline-opinion .author { font-size: 1.25rem; margin-bottom: 10px; }
            article.detailed-article .article-header .headline-opinion .position { font-size: 1rem; }
        article.detailed-article .article-header .share:before { margin-bottom: 22px; }
        article.detailed-article .article-header .share:after { margin-top: 22px; }
    article.detailed-article .article-body p { font-size: 1rem; line-height: 1.75; }
    article.detailed-article .article-body ul li,
    article.detailed-article .article-body ol li { font-size: 1rem; line-height: 1.75; }
        article.detailed-article .article-body ul li:before,
        article.detailed-article .article-body ol li:before { font-size: 1rem; line-height: 1.75; }
    article.detailed-article .article-body figure.center { margin-bottom: 45px; }
    article.detailed-article .article-body figure.right { width: 46%; }
    article.detailed-article .article-body figure.left { width: 46%; }
    article.detailed-article .article-body blockquote { font-size: 1.375rem; padding: 30px 20px 30px 15px; }
    /* Añadido por Juan */
    article.detailed-article .article-body iframe.det-video { max-width: 650px; }
    article.detailed-article .article-footer .share:before { margin-bottom: 22px; }
    article.detailed-article .article-footer .share:after { margin-top: 22px; }
    article.detailed-article .article-footer .related-news { margin-bottom: 50px; padding-bottom: 10px; }
        article.detailed-article .article-footer .related-news h4 { font-size: 1.375rem; }
        article.detailed-article .article-footer .related-news .list-items .item .title { font-size: 1.25rem; line-height: 1.5; }
    aside.list-mostread .content .item a { font-size: 1rem; line-height: 1.375; }
    aside.opinion .content { padding: 0 10px 30px; }
        aside.opinion .content .opinion { margin-top: 35px; }
            aside.opinion .content .opinion .image { width: 74px; margin: 0 auto 25px; float: none; }
            aside.opinion .content .opinion .quote { font-size: 1.25rem; line-height: 1.3; text-align: center; margin-left: 0; margin-bottom: 5px; }
            aside.opinion .content .opinion .author { font-size: 1.125rem; line-height: 2; text-align: center; margin-left: 0; }

    article.detailed-article .article-header .cpatro { margin-left: 575px; }
        article.detailed-article .article-header .cpatro span { font-size: 10px; margin-right: 5px; }
        article.detailed-article .article-header .cpatro img { width: 80px; }
}

@media (max-width: 670px) {
    article.detailed-article .article-header .category { margin-bottom: 35px; }
        article.detailed-article .article-header .category .link { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 0.75rem; }
        article.detailed-article .article-header .category:after { height: 3px; width: 22px; margin-left: -11px; margin-top: 7px; }
    article.detailed-article .article-header .sponsored { margin-top: -20px; }
    article.detailed-article .article-header .headline .title { width: 100%; font-size: 1.625rem; line-height: 1.23; }
    article.detailed-article .article-header .headline .excerpt { font-size: 1rem; line-height: 1.5; }
    article.detailed-article .article-header .headline-opinion .title { font-size: 1.625rem; line-height: 1.23; margin-bottom: 30px; }
    article.detailed-article .article-header .headline-opinion .author { font-size: 1.125rem; line-height: 1.611; }
    article.detailed-article .article-header .headline-opinion .position { font-size: 1rem; line-height: 1.5; }
    article.detailed-article .article-header .share { width: calc(100% - 10px); margin: 0 5px 25px; }
        article.detailed-article .article-header .share:before { margin-bottom: 15px; }
        article.detailed-article .article-header .share:after { margin-top: 15px; }
    article.detailed-article .article-body { margin-bottom: 25px; }
        article.detailed-article .article-body h4 { /* Modificado por Juan */ font-size: 1.25rem; line-height: 1.555; }
        article.detailed-article .article-body h5 { font-size: 1.063rem; line-height: 1.588; }
        article.detailed-article .article-body p { margin-bottom: 30px; }
        article.detailed-article .article-body ul,
        article.detailed-article .article-body ol { margin-left: 15px; }
        article.detailed-article .article-body blockquote { font-size: 1.25rem; line-height: 1.6; padding: 30px 20px; margin-bottom: 40px; }
            article.detailed-article .article-body blockquote.left { width: 100%; float: left; margin-right: 0; margin-bottom: 40px; margin-top: 5px; }
            article.detailed-article .article-body blockquote.right { float: left; width: 100%; margin-left: 0; margin-bottom: 40px; margin-top: 5px; }
        article.detailed-article .article-body figure.center .image.video:before { width: 69px; height: 50px; margin-left: -35px; margin-top: -25px; }
        article.detailed-article .article-body figure.left { float: left; width: 100%; margin-right: 0; margin-bottom: 30px; margin-top: 5px; }
            article.detailed-article .article-body figure.left .image.video:before { width: 69px; height: 50px; margin-left: -35px; margin-top: -25px; }
        article.detailed-article .article-body figure.right { float: left; width: 100%; margin-left: 0; margin-bottom: 30px; margin-top: 5px; }
            article.detailed-article .article-body figure.right .image.video:before { width: 69px; height: 50px; margin-left: -35px; margin-top: -25px; }
        article.detailed-article .article-body figure figcaption { margin-top: 5px; padding-bottom: 10px; }
        article.detailed-article .article-body .audio .icon { width: 70px; background-size: 46px auto; }
        article.detailed-article .article-body .audio .data { width: calc(100% - 70px); }
            article.detailed-article .article-body .audio .data .title { font-size: 0.875rem; line-height: 1.428; }
            article.detailed-article .article-body .audio .data .subtitle { font-size: 0.75rem; line-height: 1.166; }
        /* Añadido por Juan */
        article.detailed-article .article-body iframe.det-video { max-width: 355px; height: 202px; }
    article.detailed-article .article-footer .tags { margin-bottom: 55px; }
    article.detailed-article .article-footer .share { width: calc(100% - 10px); margin: 0 5px 25px; }
        article.detailed-article .article-footer .share:before { margin-bottom: 15px; }
        article.detailed-article .article-footer .share:after { margin-top: 15px; }
    article.detailed-article .article-footer .related-news h4 { font-size: 1.25rem; line-height: 1.2; margin-bottom: 10px; }
        article.detailed-article .article-footer .related-news h4:after { height: 5px; width: 47px; margin-left: -23px; margin-top: 14px; }
    article.detailed-article .article-footer .related-news .list-items .item { padding: 25px 0 20px; }
        article.detailed-article .article-footer .related-news .list-items .item .title { line-height: 1.3; }

    article.detailed-article .article-header .cpatro { width: 240px; margin-left: 525px; }
        article.detailed-article .article-header .cpatro span { font-size: 8px; margin-right: 3px; }
        article.detailed-article .article-header .cpatro img { width: 50px; }
}

@media (max-width: 440px) {
    article.detailed-article .article-header .cpatro { width: 240px; margin-left: 275px; }
        article.detailed-article .article-header .cpatro span { font-size: 8px; margin-right: 3px; }
        article.detailed-article .article-header .cpatro img { width: 50px; }
}

@media (max-width: 380px) {
    article.detailed-article .article-header .cpatro { width: 240px; margin-left: 240px; }
        article.detailed-article .article-header .cpatro span { font-size: 8px; margin-right: 3px; }
        article.detailed-article .article-header .cpatro img { width: 50px; }
}
