.board-module__a:focus,
.board-module__a:hover,
a,
button {
    text-decoration: none
}

.share-text li>a,
a,
button,
div a,
h1 a {
    color: inherit
}

.header__button,
.header__user-logout,
.header__user-profile,
.nav__places {
    text-transform: uppercase
}

@font-face {
    font-display: optional;
    font-family: lib-frank;
    src: url("/tdmx-fonts/LibreFranklin-Regular.ttf")
}

@font-face {
    font-display: optional;
    font-family: src-bold;
    src: url("/tdmx-fonts/SourceSansPro-Bold.ttf")
}

@font-face {
    font-display: optional;
    font-family: src-italic;
    src: url("/tdmx-fonts/SourceSansPro-Italic.ttf")
}

@font-face {
    font-display: optional;
    font-family: src-pro;
    src: url("/tdmx-fonts/SourceSansPro-Regular.ttf")
}

@font-face {
    font-display: optional;
    font-family: src-semi-bold;
    src: url("/tdmx-fonts/SourceSansPro-SemiBold.ttf")
}

:root {
    --font-lib-frank: "lib-frank";
    --font-sans-serif: sans-serif;
    --font-src-bold: "src-bold";
    --font-src-italic: "src-italic";
    --font-src-pro: "src-pro";
    --font-src-semi-bold: "src-semi-bold"
}

* {
    box-sizing: border-box
}

body,
html {
    margin: 0;
    padding: 0
}

div a:focus,
div a:hover,
h1 a:focus,
h1 a:hover {
    text-decoration: underline;
    color: inherit
}

a:focus,
button:focus {
    outline: unset
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400
}

.b-lazy {
    opacity: 0;
    transition: opacity 250ms ease-in-out .1s
}

.b-error,
.b-loaded {
    opacity: 1
}

.body-content>.content .contenedor-detail-block>.list-base-findings,
.header__close-icon,
.header__date,
.noJs .b-lazy {
    display: none
}

.content {
    padding: 0 10px
}

.contenedor-back-layer {
    position: absolute;
    width: 100%
}

.contenedor-back-layer .backwrapper {
    text-align: center
}

.view-small-animation {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0)
}

.body-content {
    position: relative;
    margin-top: 18px;
    width: 100%
}

.body-content>.content {
    padding: 0
}

.body-content>.content .contenedor-notas-block {
    position: relative;
    max-width: 375px;
    padding: 0 6px 20px;
    margin: 0 auto;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between
}

.body-content>.content .contenedor-video-block {
    position: relative;
    max-width: 375px;
    padding: 0 6px 20px;
    margin: 0 auto;
    background-color: #fff
}

.body-content>.content .contenedor-video-block>* {
    transition: max-width .5s, width .5s, max-height .5s, height 2s
}

.body-content>.content .contenedor-detail-block.basic .nd-tags-detail-base,
.body-content>.content .contenedor-detail-block.video .nd-tags-detail-base,
.body-content>.content .contenedor-video-block .nd-tags-detail-base {
    padding: 25px 0;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777
}

.body-content>.content .contenedor-detail-block.basic .nd-comments-base,
.body-content>.content .contenedor-detail-block.basic .nd-disclaimer-base,
.body-content>.content .contenedor-detail-block.basic .nd-tags-detail,
.body-content>.content .contenedor-detail-block.video .nd-comments-base,
.body-content>.content .contenedor-detail-block.video .nd-disclaimer-base,
.body-content>.content .contenedor-detail-block.video .nd-tags-detail,
.body-content>.content .contenedor-video-block .nd-comments-base,
.body-content>.content .contenedor-video-block .nd-disclaimer-base,
.body-content>.content .contenedor-video-block .nd-tags-detail {
    padding: 20px 0
}

.body-content>.content .contenedor-detail-block {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    transition: .3s
}

.body-content>.content .contenedor-detail-block.news .article-row {
    max-width: 375px;
    padding: 0 15px 20px;
    margin: auto
}

.body-content>.content .contenedor-detail-block.basic,
.body-content>.content .contenedor-detail-block.event,
.body-content>.content .contenedor-detail-block.live,
.body-content>.content .contenedor-detail-block.opinion,
.body-content>.content .contenedor-detail-block.video {
    padding: 0 15px 20px;
    max-width: 375px
}

.body-content>.content .contenedor-detail-block.basic .nd-detail-body {
    max-width: 938px;
    margin: 0 auto
}

.header.view-small .header__view-small .tv .header__main-logo,
.tv .header__main-logo {
    max-width: 100px
}

.body-content>.content .contenedor-detail-block>.eo-free,
.body-content>.content .contenedor-detail-block>.sn-frame {
    margin: 18px auto;
    display: block
}

.body-content>.content .contenedor-detail-block>.sn-frame .media-container {
    height: auto;
    min-height: auto;
    max-height: none
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .body-content .content .contenedor-notas-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.background-color-container {
    background: #444
}

#pushNotification-disclaimer .modal .modalQuestion,
.holder-container,
.media-container {
    position: relative
}

.glyphicon-play {
    color: #fff
}

.container-space-gray .glyphicon-play,
.description-btn-container .glyphicon-play {
    font-size: 15px
}

.media-container-white {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    float: left
}

.btn-remove-floated,
.floated {
    padding: 5px;
    background-color: #ebebeb
}

#container-redband {
    line-height: 0
}

.btn-remove-floated {
    display: none;
    position: absolute;
    top: 0;
    right: -30px;
    font-size: 20px;
    line-height: 0;
    border: 0;
    outline: 0
}

.btn-remove-floated .glyphicon {
    top: 0
}

.floated {
    position: fixed;
    right: 45px;
    bottom: 15px;
    width: 410px !important;
    height: 260px !important;
    z-index: 9
}

.floated .img-container {
    height: 100% !important;
    overflow: visible
}

.floated .btn-remove-floated {
    display: block !important
}

.holder-container,
.image,
.img-container {
    overflow: hidden
}

.holder-container img,
.image img,
.img-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.board-module__a::before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.tp-modal-open .tp-modal .tp-close.tp-active {
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.368L9.632 0 5.5 4.142 1.368 0 0 1.368 4.142 5.5 0 9.632 1.368 11 5.5 6.858 9.632 11 11 9.632 6.858 5.5 11 1.368z' fill='white'/%3E%3C/svg%3E") center center no-repeat;
    border: 0;
    box-shadow: none;
    right: 0;
    top: 4.5px
}

.bl-bkc {
    background-color: rgba(0, 123, 255, 1) !important
}

.bl-bdc,
.gd-bdc {
    border-color: rgba(0, 123, 255, 1) !important
}

.bl-bdc:after,
.gd-bdc:after {
    border-left-color: rgba(0, 123, 255, 1) !important
}

.bl-c,
.bl-hgl,
.gd-c,
.gd-hgl {
    color: rgba(0, 123, 255, 1) !important
}

.bk-bkc {
    background-color: #000 !important
}

.bk-bdc {
    border-color: #000 !important
}

.bk-bdc:after {
    border-left-color: #000 !important
}

.bk-c,
.ss-c,
.tbk {
    color: #000 !important
}

.bk-hgl {
    color: #ffd100 !important
}

.gd-bkc {
    background-color: #ffd100 !important
}

.gn-bkc {
    background-color: #4c892e !important
}

.gn-bdc {
    border-color: #4c892e !important
}

.gn-bdc:after {
    border-left-color: #4c892e !important
}

.gn-c {
    color: #4c892e !important
}

.gy-bkc {
    background-color: #666 !important
}

.gy-bdc,
.ss-bdc {
    border-color: #666 !important
}

.gy-bdc:after,
.ss-bdc:after {
    border-left-color: #666 !important
}

.gy-c,
.ss-hgl {
    color: #666 !important
}

.gy-hgl {
    color: #c7c7c7 !important
}

.pk-bkc {
    background-color: #e40079 !important
}

.pk-bdc {
    border-color: #e40079 !important
}

.pk-bdc:after {
    border-left-color: #e40079 !important
}

.pk-c {
    color: #e40079 !important
}

.pk-hgl,
.rd-hgl {
    color: #f5c6c6 !important
}

.rd-bkc {
    background-color: #f42121 !important
}

.rd-bdc {
    border-color: #f42121 !important
}

.rd-bdc:after {
    border-left-color: #f42121 !important
}

.rd-c {
    color: #f42121 !important
}

.ss-bkc {
    background-color: #f1f1f1 !important
}

.twt {
    color: #fff !important
}

#pushNotification-disclaimer .modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1050;
    display: block;
    opacity: 1;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    animation-name: popUpStart;
    animation-duration: 2s
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent {
    position: relative;
    background-color: #fff;
    padding: 24px;
    border-radius: 10px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody {
    position: relative;
    display: flex
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .iconContent {
    width: 80px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .iconContent .icon {
    margin: auto;
    width: 100%;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .message {
    box-sizing: border-box;
    margin: 0 0 0 15px;
    width: calc(100% - 95px);
    font-size: 16px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #000
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter {
    text-align: right
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .btn {
    display: inline-block;
    width: 111px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    font-size: 16px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .btn.btnPrimary {
    background-color: #0078d1;
    border-color: #0078d1;
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #fff
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .btn.btnPrimary:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3)
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .btn.btnSecondary {
    background: 0 0;
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #0078d1
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .btn.btnSecondary:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

#pushNotification-disclaimer .fade {
    opacity: 0 !important;
    display: none !important
}

@media only screen and (max-width:648px) {
    .twitter-video {
        min-width: 300px !important
    }

    .floated {
        right: 35px;
        width: 320px !important;
        height: 210px !important
    }

    #pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .message {
        font-size: 13px
    }
}

@keyframes popUpStart {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#cookie-disclaimer .react-cookie-banner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 194px;
    margin: auto;
    transform: translateY(-50%);
    border: 10px solid #c8e3f9;
    background-color: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    animation-name: disclaimerStart;
    animation-duration: 2s
}

#cookie-disclaimer .react-cookie-banner .cookie-message {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 629px;
    padding: 13px 20px 0;
    text-align: center;
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #333
}

#cookie-disclaimer .react-cookie-banner .cookie-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: #333
}

#cookie-disclaimer .react-cookie-banner .cookie-link {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: rgba(0, 123, 255, 1)
}

#cookie-disclaimer .react-cookie-banner .cookie-options {
    width: 90%;
    margin-top: 13px;
    text-align: center
}

#cookie-disclaimer .react-cookie-banner .button-close,
#cookie-disclaimer .react-cookie-banner .link-more {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    text-decoration: none;
    padding: 12px;
    font-size: 12px;
    margin-bottom: 20px
}

#cookie-disclaimer .react-cookie-banner .link-more {
    background-color: #fff;
    font-family: var(--font-src-bold), var(--font-sans-serif);
    color: #333;
    border: 1px solid #d1d1d1;
    border-radius: 25px
}

#cookie-disclaimer .react-cookie-banner .button-close:active,
#cookie-disclaimer .react-cookie-banner .link-more:active {
    transform: scale(.94)
}

#cookie-disclaimer .react-cookie-banner .link-more:hover {
    background-color: rgba(0, 0, 0, .2)
}

#cookie-disclaimer .react-cookie-banner .button-close {
    border: 0;
    background-color: #666;
    font-family: var(--font-src-bold), var(--font-sans-serif);
    color: #fff;
    border-radius: 25px
}

#cookie-disclaimer .react-cookie-banner .button-close:hover {
    background-color: #444
}

@media only screen and (min-width:321px) {
    #cookie-disclaimer .react-cookie-banner .cookie-options {
        width: 100%;
        margin-bottom: 20px
    }

    #cookie-disclaimer .react-cookie-banner .button-close,
    #cookie-disclaimer .react-cookie-banner .link-more {
        margin-bottom: 0
    }

    #cookie-disclaimer .react-cookie-banner .link-more {
        margin-right: 20px
    }
}

@keyframes disclaimerStart {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -75%);
        -ms-transform: translate(0, -75%);
        -o-transform: translate(0, -75%);
        transform: translate(0, -75%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.share-text {
    max-width: 8em;
    pointer-events: none;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
    -webkit-animation: .3s a;
    animation: .3s a
}

.share-text ul {
    pointer-events: auto;
    list-style: none;
    padding: 0;
    margin: -.75em 0 0;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.share-text ul li {
    display: inline-block;
    width: 3em;
    height: 3em;
    text-align: center
}

.share-text li>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: .35em
}

.share-text li>a:focus,
.share-text li>a:hover {
    background: rgba(255, 255, 255, .25)
}

.share-text li[data-share-via=facebook] {
    background-color: #0071bc
}

.share-text li[data-share-via=twitter] {
    background-color: #00c3f3
}

.share-text li[data-share-via=whatsapp] {
    display: none;
    background-color: #39b54a
}

.share-text li[data-share-via=email] {
    background-color: #7f7f7f
}

@media only screen and (max-width:720px) {
    .share-text li[data-share-via=whatsapp] {
        display: inline-block
    }
}

.cookies-policy-block {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #333;
    background-color: #f5f5f5;
    font-size: 20px;
    line-height: 29px;
    width: 100%
}

.cookies-policy-block .cookies-text {
    display: block;
    padding: 30px 0
}

.cookies-policy-block .cookies-text .cookies-policy {
    padding: 0 20px;
    max-width: 968px;
    margin: 0 auto
}

.header__menu {
    visibility: hidden;
    height: 0
}

.camus-defer-video,
camus-video {
    display: block;
    height: 220px;
    width: 100%
}

@media only screen and (min-width:649px) {

    .camus-defer-video,
    camus-video {
        height: 348px
    }
}

.header {
    top: 0;
    z-index: 1;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.header__hot-topics {
    display: flex;
    margin: 0 auto;
    max-width: 1284px;
    padding: 10px 15px;
    width: 100%;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    order: 6;
    overflow: auto
}

.header__ul,
.nav__places,
.nav__places-ul {
    display: flex;
    padding: 0
}

.header__hr {
    border-top: 1px solid #d1d1d1;
    margin: 0;
    order: 5
}

.nav__places {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #000;
    margin: 0 auto;
    max-width: 1284px;
    align-items: center;
    font-size: 14px;
    flex-wrap: nowrap;
    line-height: 17px;
    list-style: none;
    overflow: auto;
    width: auto
}

.header__actions,
.header__ul,
.nav__places-ul {
    margin: 0;
    list-style: none
}

.nav__places li:not(:last-child) {
    margin-right: 10px
}

.nav__places a[aria-current] {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: #000
}

.nav__places-ul {
    flex-wrap: nowrap
}

.header__date,
.header__date-mobile,
.header__li {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #888
}

.header__input,
.header__today {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif)
}

.header__today {
    color: rgba(0, 123, 255, 1);
    align-self: center;
    white-space: nowrap
}

.header__ul {
    flex-direction: row;
    overflow: auto;
    white-space: nowrap
}

.header__li::before {
    content: '•';
    padding: 0 5px
}

.header__date,
.header__date-mobile,
.header__li,
.header__today {
    font-size: 13px;
    line-height: 17px
}

.header__search {
    display: none;
    background-color: #eff8ff
}

.header__search-container {
    align-items: center;
    display: flex;
    background-color: #fff;
    height: 50px;
    width: 90%
}

.header__input {
    color: #666;
    border: 0;
    box-shadow: none;
    font-size: 20px;
    line-height: 15px;
    flex-grow: 1
}

.header__input:focus {
    outline: 0
}

.header__button {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #fff;
    background: #666;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 17px;
    overflow: hidden;
    transition: background-color .3s;
    width: 96px
}

.header__actions {
    align-items: center;
    border-left: 1px solid rgba(0, 123, 255, 1);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 0 15px
}

.header__actions-icon,
.header__actions.empty {
    display: none
}

.header__actions-icon,
.header__actions-icon-mobile,
.header__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 20px;
    padding: 0;
    width: 20px
}

.header__user-profile {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: rgba(0, 123, 255, 1);
    background-color: #fff;
    border-radius: 50%;
    font-size: 13px;
    line-height: 17px;
    height: 30px;
    position: relative;
    width: 30px
}

.header__user-logout {
    font-family: var(--font-src-bold), var(--font-sans-serif);
    color: #fff;
    font-size: 12px;
    height: auto;
    line-height: 17px;
    text-decoration: underline;
    width: auto
}

.header__main {
    background-color: rgba(0, 123, 255, 1);
    height: 55px;
    order: 2
}

.header__main-container {
    display: flex;
    margin: 0 auto;
    max-width: 1284px;
    padding: 0 15px;
    width: 100%;
    align-items: center;
    background-color: rgba(0, 123, 255, 1);
    flex-direction: row;
    height: 100%
}

.header__view-small {
    height: inherit
}

.header__main-left,
.header__main-right {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-basis: 10%;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__main-right {
    justify-content: flex-end
}

.header__close-menu,
.header__open-menu {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: 0;
    display: flex;
    height: 20px;
    padding: 0
}

.header__open-menu {
    display: flex
}

.header__close-menu {
    display: none
}

.header__climate-button {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 0;
    display: none;
    font-size: 15px;
    line-height: 17px;
    margin: 0;
    padding: 0 0 0 15px
}

.header__register-button,
.header__register-button-mobile,
.header__tv-button,
.header__tv-button-mobile {
    font-family: var(--font-src-bold), var(--font-sans-serif)
}

.header__climate-button .header__menu-icon {
    height: 30px;
    width: 30px
}

.header__toggle-weather {
    padding-left: 5px
}

.header__toggle-weather::after {
    content: ' / Abrir'
}

.header__register-button,
.header__register-button-mobile,
.header__search-button,
.header__tv-button,
.header__tv-button-mobile {
    border: 0;
    border-radius: 50px;
    font-size: 12px;
    height: 30px;
    line-height: 12px;
    padding: 7px 16px;
    text-transform: uppercase
}

.header__register-button {
    color: rgba(0, 123, 255, 1);
    background: #fff;
    display: none
}

.header__register-button-mobile {
    color: #fff;
    background: rgba(0, 123, 255, 1)
}

.header__tv-button,
.header__tv-button-mobile {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 7px 11px;
    position: relative;
    width: 96px
}

.header__tv-button-mobile {
    color: rgba(0, 123, 255, 1);
    border: 1px solid rgba(0, 123, 255, 1)
}

.header__tv-button {
    color: #fff;
    background-color: rgba(0, 123, 255, 1);
    border: 2px solid #fff;
    display: none;
    margin-right: 20px
}

.footer__disclaimer strong,
.footer__sections span,
.footer__services span,
.header__sub-menu-li[aria-current],
.header__sub-menu-section {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif)
}

.header__main-home {
    height: 100%;
    flex-basis: 80%;
    text-align: center
}

.header__main-home-link {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center
}

.header__main-logo {
    height: 100%;
    object-fit: contain;
    max-width: 230px;
    user-select: none;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.header__main-logo-tv {
    align-self: flex-end;
    width: 100px
}

.header__sub-menu {
    display: flex;
    margin: 0 auto;
    max-width: 1284px;
    padding: 0 15px;
    width: 100%;
    height: 30px;
    order: 4
}

.header__sub-menu-ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0 auto;
    overflow: auto;
    padding: 0
}

.header.piano-user .header__actions,
.header.view-small .header__climate-button,
.header.view-small .header__view-small .header__register-button,
.header.view-small .header__view-small .header__tv-button,
.header.view-small .header__view-small .header__user-exit,
.header__main.menu-toggle .header__open-menu,
.header__search-icon-valid {
    display: none
}

.header__sub-menu-section {
    color: #333
}

.footer__apps-text,
.footer__disclaimer,
.footer__nav-li,
.footer__socials-ul,
.header__sub-menu-li {
    font-family: var(--font-src-pro), var(--font-sans-serif)
}

.header__sub-menu-li,
.header__sub-menu-section {
    font-size: 15px;
    line-height: 17px;
    margin-right: 10px;
    white-space: nowrap
}

.header__sub-menu-li {
    color: #333
}

.header.view-small .header__main-container {
    animation-name: sticky_header;
    animation-duration: .3s;
    top: 0
}

.header.view-small .header__readingband {
    top: 45px
}

.header.view-small .header__menu,
.header.view-small .header__readingband,
.header.view-small .header__view-small {
    position: fixed;
    width: 100%
}

.header.view-small .header__menu {
    max-height: calc(100% - 45px);
    order: 3;
    overflow-y: auto;
    top: 45px;
    width: 100%
}

.header.view-small .header__view-small {
    background-color: rgba(0, 123, 255, 1);
    height: 45px;
    top: 0;
    z-index: 100
}

.header.view-small .header__view-small .header__actions-icon-mobile {
    display: initial
}

.footer__logo,
.header.view-small .header__view-small .header__main-logo {
    width: 230px;
    max-width: 100%;
}

.header.view-small .header__view-small .header__main-logo-tv {
    height: 100%
}

.header.view-small .header__view-small .header__main-logo+.header__main-home-separator::before {
    height: 35px;
    margin: 0 0 0 10px
}

.header__main.menu-toggle .header__close-menu {
    display: flex
}

.header__main.climate-toggle .header__caret-icon {
    transform: rotateX(180deg)
}

.header__menu-climate.climate-toggle .header__more-weather-icon,
.header__menu-father.sub-open .header__menu-more {
    transform: scaleY(-1)
}

.header__main.climate-toggle .header__toggle-weather::after {
    content: ' / Cerrar'
}

.header__main.climate-toggle+.header__menu,
.header__main.menu-toggle+.header__menu {
    animation-name: menu_toggle;
    animation-duration: .3s;
    flex-direction: column;
    height: auto;
    padding: 0;
    visibility: visible
}

.header.piano-user .header__main .header__actions-icon-mobile {
    display: inline-block
}

.header__menu-climate.climate-toggle .header__more-weather,
.header__menu-father.sub-open .header__menu-more-button {
    margin: 17px 0
}

@keyframes sticky_header {
    0% {
        top: -45px
    }

    100% {
        top: 0
    }
}

@keyframes menu_toggle {
    0% {
        height: 0
    }

    100% {
        height: auto
    }
}

.footer {
    position: relative;
    background-color: #fff
}

.footer__container,
.footer__legal,
.footer__navegation {
    display: flex;
    margin: 0 auto;
    max-width: 1284px;
    padding: 0 15px;
    width: 100%
}

.footer__legal,
.footer__navegation {
    background-color: #fff;
    max-width: 375px
}

.footer__main {
    display: block
}

.footer__container {
    height: 55px;
    list-style: none;
    justify-content: space-between
}

.footer__to-top {
    border-bottom: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0;
    height: 100%;
    width: 60px
}

.footer__main,
.footer__to-top {
    background-color: rgba(0, 123, 255, 1)
}

.footer__legal,
.footer__navegation {
    flex-direction: column;
    list-style: none
}

.footer__picture {
    padding: 17px 0 12px
}

.footer__apps-ul,
.footer__socials-ul {
    list-style: none;
    padding: 0
}

.footer__legal-img {
    height: 46px;
    width: 160px
}

.footer__apps-text,
.footer__disclaimer {
    color: #888;
    font-size: 14px;
    line-height: 17px
}

.footer__disclaimer strong {
    color: #888
}

.footer__disclaimer-text {
    display: block;
    max-width: 316px
}

.footer__socials-ul {
    color: #888;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    flex-direction: row;
    line-height: 13px
}

.footer__socials-li a {
    align-items: center;
    border: 1px solid #888;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    margin: 0 10px;
    position: relative;
    width: 35px
}

.footer__apps-mobile,
.footer__sections,
.footer__services {
    display: flex;
    flex-direction: column
}

.footer__apps-mobile a:not(:first-child) .b-lazy,
.footer__apps-mobile a:not(:first-child) .b-loaded {
    margin-left: 10px;
    margin-bottom: 10px
}

.footer__sections span,
.footer__services span {
    color: #888;
    font-size: 14px;
    line-height: 13px
}

.footer__apps,
.footer__disclaimer,
.footer__sections,
.footer__services,
.footer__socials {
    border-top: 1px dashed #c1c1c1;
    padding: 15px 0
}

.footer__nav-ul {
    list-style: disc;
    padding-left: 20px
}

.footer__nav-li {
    color: #888;
    font-size: 20px;
    line-height: 42px
}

.header__actions-private-mobile,
.header__climate-header,
.header__menu-father,
.header__menu-more-button,
.header__more-weather {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: #666
}

.header__menu {
    background-color: #eff8ff;
    max-height: calc(100vh - 101px);
    order: 3;
    z-index: 50
}

.header__menu-content {
    display: flex;
    margin: 0 auto;
    max-width: 1284px;
    padding: 0;
    width: 100%;
    flex-direction: column
}

.header__date-mobile {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center
}

.header__menu-private-mobile {
    align-items: center;
    border-top: 1px solid #d1d1d1;
    display: flex;
    height: 56px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__actions-private-mobile {
    align-items: center;
    display: flex;
    font-size: 15px;
    line-height: 17px;
    justify-content: center;
    margin: 0 49px
}

.header__menu-private-li {
    align-content: center;
    display: flex;
    height: 100%
}

.header__menu-private-li+.header__menu-private-li {
    border-left: 1px solid #d1d1d1
}

.header__menu-private-img {
    margin-right: 15px
}

.header__menu-form {
    border-top: 1px solid #d1d1d1;
    height: 80px;
    padding: 15px
}

.header__menu-form:valid .header__input {
    color: rgba(0, 123, 255, 1)
}

.header__menu-form:valid .header__button {
    background-color: rgba(0, 123, 255, 1)
}

.header__menu-form:valid .header__search-icon-valid {
    display: initial
}

.header__menu-form:valid .header__search-icon {
    display: none
}

.header__menu-search-container {
    padding: 0 15px;
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100%
}

.header__menu-sub {
    display: none;
    flex-basis: 100%;
    flex-direction: column
}

.header__climate,
.header__menu-action-mobile,
.header__menu-container,
.header__menu-sub,
.header__socials-ul,
.weather__current,
.weather__forecast,
.weather__ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header__menu-container {
    border-bottom: 1px solid #d1d1d1
}

.header__climate-header,
.header__menu-child,
.header__menu-father,
.header__menu-nonfather {
    align-items: center;
    border-top: 1px solid #d1d1d1;
    display: flex;
    font-size: 22px;
    height: 56px;
    justify-content: space-between;
    line-height: 17px
}

.header__climate-container,
.header__climate-header {
    padding: 0 18px
}

.header__climate-container {
    display: none
}

.header__menu-more-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    line-height: 17px
}

.header__menu-more-button:before {
    content: "Abrir";
    margin-right: 5px
}

.header__more-weather {
    align-items: center;
    border: 0;
    background-color: transparent;
    display: flex;
    height: 100%;
    padding: 0
}

.header__more-weather-text {
    align-items: center;
    display: flex;
    font-size: 15px;
    line-height: 17px;
    margin: 0;
    padding: 0 9px 0 0
}

.header__img-icon-more {
    margin-right: 5px
}

.header__menu-more {
    transition: transform .3s ease-in-out
}

.header__menu-child,
.header__menu-nonfather {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #666
}

.header__menu-link:hover {
    color: rgba(0, 123, 255, 1)
}

.header__menu-father.sub-open {
    height: 56px;
    flex-wrap: wrap
}

.header__menu-father.sub-open .header__menu-more-button:before {
    content: "Cerrar";
    margin-right: 5px
}

.header__menu-father.sub-open+.header__menu-children .header__menu-sub {
    display: flex
}

.header__menu-climate.climate-toggle {
    background-color: #c8e3f9;
    padding: 20px 0 35px
}

.header__menu-climate.climate-toggle .header__more-weather .header__more-weather-text {
    display: none
}

.header__menu-climate.climate-toggle .header__more-weather:before {
    content: "Cerrar";
    font-size: 15px;
    line-height: 17px;
    margin-right: 5px
}

.header__menu-climate.climate-toggle .header__climate-container {
    display: block
}

.header__socials-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    max-width: 341px;
    padding: 20px 18px 40px
}

.header__socials-title {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: rgba(0, 123, 255, 1);
    font-size: 20px;
    line-height: 17px;
    margin-bottom: 16px;
    width: 100%
}

.header__socials-li {
    align-items: center;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    color: #888;
    display: inline-flex;
    height: 65px;
    justify-content: center;
    position: relative;
    width: 65px
}

.header__socials-li:hover {
    background-color: rgba(0, 123, 255, 1);
    color: #fff
}

.group-initial,
.individual-section {
    flex: 25%;
    padding-left: 18px;
    padding-right: 18px
}

.weather__current {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    max-width: 300px
}

.weather__data {
    display: flex;
    flex-wrap: wrap;
    max-width: 215px
}

.weather__city {
    font-size: 22px;
    line-height: 17px;
    width: 100%
}

.weather__city,
.weather__headline,
.weather__video-headline {
    font-family: var(--font-src-semi-bold), var(--font-sans-serif);
    color: rgba(0, 123, 255, 1)
}

.weather__current-temp,
.weather__li,
.weather__max,
.weather__min,
.weather__video-description {
    font-family: var(--font-src-pro), var(--font-sans-serif);
    color: #666
}

.weather__current-temp {
    font-size: 28px;
    line-height: 18px
}

.weather__max,
.weather__min {
    font-size: 17px;
    line-height: 17px
}

.weather__current-temp,
.weather__min {
    margin-right: 10px
}

.weather__headline,
.weather__video-headline {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 4px;
    width: 100%
}

.weather__li,
.weather__video-description {
    font-size: 17px;
    line-height: 21px
}

.weather__ul {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    white-space: nowrap
}

.weather__li+.weather__li {
    margin-left: 33px
}

.weather__video {
    display: flex;
    list-style: none;
    margin: 28px 0 0;
    padding: 0
}

.weather__video-data {
    display: flex;
    flex-direction: column;
    max-width: 176px
}

.weather__video-thumbnail {
    height: 91px;
    position: relative;
    width: 155px
}

.weather__extra {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 40px;
    display: flex;
    flex-direction: row-reverse;
    height: 40px;
    justify-content: space-between;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 7px 17px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

.weather__extra-title {
    font-family: var(--font-src-bold), var(--font-sans-serif);
    color: #fff;
    font-size: 15px;
    line-height: 19px
}

@media only screen and (min-width:969px) {

    .body-content>.content .contenedor-notas-block,
    .body-content>.content .contenedor-video-block {
        padding: 0 15px 20px;
        max-width: 968px
    }

    .body-content>.content .contenedor-detail-block.news .article-row,
    .body-content>.content .contenedor-detail-block.opinion {
        max-width: 988px;
        padding: 0 20px 20px
    }

    .body-content>.content .contenedor-detail-block.basic,
    .body-content>.content .contenedor-detail-block.event,
    .body-content>.content .contenedor-detail-block.live {
        max-width: 1284px
    }

    .body-content>.content .contenedor-detail-block.video {
        max-width: 968px
    }

    .header.piano-user .header__actions {
        display: flex
    }

    .header__actions {
        border-left: 0;
        padding: 0
    }

    .header__actions.empty,
    .header__tv-button {
        display: flex
    }

    .header__actions-icon {
        display: inline
    }

    .header__actions-icon-mobile,
    .header__date,
    .header__register-button-mobile,
    .header__tv-button-mobile {
        display: none
    }

    .header__button,
    .header__date {
        display: block
    }

    .nav__places {
        margin: 0 auto;
        padding: 0 15px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .header__climate-button,
    .header__register-button {
        align-items: center;
        display: flex
    }

    .header__actions-icon,
    .header__actions-icon-mobile,
    .header__close-icon,
    .header__input {
        margin-left: 15px
    }

    .header__main {
        height: 70px
    }

    .header__main.menu-toggle+.header__menu .header__menu-form {
        border-top: 0;
        display: block
    }

    .header__main.climate-toggle+.header__menu .header__menu-climate,
    .header__main.menu-toggle+.header__menu .header__menu-child,
    .header__main.menu-toggle+.header__menu .header__menu-father,
    .header__main.menu-toggle+.header__menu .header__menu-nonfather,
    .header__main.menu-toggle+.header__menu .header__socials-ul {
        display: flex
    }

    .header__main.climate-toggle+.header__menu,
    .header__main.menu-toggle+.header__menu {
        padding: 15px
    }

    .header__main-home,
    .header__main-left,
    .header__main-right {
        flex-basis: 33.33%
    }

    .header__main-logo,
    .tv .header__main-logo {
        max-width: 100%
    }

    .header__main-logo+.header__main-home-separator::before {
        content: '';
        background-color: #fff;
        display: block;
        height: 45px;
        margin: 0 20px;
        width: 1px
    }

    .header__main-logo-tv {
        width: 124px
    }

    .header.view-small .header__view-small .tv .header__main-logo {
        max-width: 230px
    }

    .footer__logo {
        width: unset
    }

    .footer__legal,
    .footer__navegation {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 1284px
    }

    .footer__picture {
        order: 1
    }

    .footer__socials {
        border: 0;
        order: 2
    }

    .footer__disclaimer {
        order: 3
    }

    .footer__socials-ul {
        justify-content: flex-end
    }

    .footer__apps {
        order: 4
    }

    .footer__apps,
    .footer__disclaimer,
    .footer__picture,
    .footer__socials {
        width: calc(100% / 2)
    }

    .footer__apps-text {
        margin-top: 10px;
        width: 50%
    }

    .footer__apps-ul {
        display: flex;
        justify-content: end
    }

    .footer__apps-mobile {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 365px
    }

    .footer__apps-mobile a:not(:first-child) .b-lazy,
    .footer__apps-mobile a:not(:first-child) .b-loaded {
        margin-top: 10px
    }

    .footer__sections {
        width: 68%
    }

    .footer__services {
        justify-content: space-between;
        width: 32%
    }

    .footer__sections,
    .footer__services {
        flex-direction: row
    }

    .footer__nav-li {
        font-size: 16px;
        line-height: 26px
    }

    .header__menu-climate.climate-toggle {
        background-color: transparent;
        padding: 0
    }

    .header__menu-climate.climate-toggle .header__climate-container {
        display: flex
    }

    .header__menu-container {
        border-bottom: 0
    }

    .header__socials-ul {
        border-top: 1px solid #d1d1d1;
        width: 309px
    }

    .header__open-menu:after {
        content: "Secciones";
        padding-left: 5px
    }

    .header__close-menu:after {
        content: "Cerrar";
        padding-left: 5px
    }

    .header__close-menu,
    .header__open-menu {
        min-width: 100px;
        font-family: var(--font-src-semi-bold), var(--font-sans-serif);
        color: #fff;
        font-size: 15px;
        line-height: 17px
    }

    .header__climate-header,
    .header__date-mobile,
    .header__menu-child,
    .header__menu-climate,
    .header__menu-father,
    .header__menu-form,
    .header__menu-more-button,
    .header__menu-nonfather,
    .header__menu-private-mobile,
    .header__socials-ul {
        display: none
    }

    .header__main.menu-toggle+.header__menu .header__menu-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto
    }

    .header__menu-sub {
        display: initial
    }

    .header__climate-container {
        display: flex
    }

    .header__menu-search-container {
        flex-direction: row-reverse;
        padding: 0 15px 0 16px
    }

    .header__socials-li {
        height: 50px;
        width: 50px
    }

    .header__socials-li:not(:last-child) {
        margin-right: 20px
    }

    .header__social-icon,
    .header__social-icon-hover {
        height: 25px;
        width: 25px
    }

    .weather__current {
        flex-direction: column;
        margin-bottom: 0;
        margin-right: 20px;
        position: relative;
        width: 157px
    }

    .weather__icon {
        bottom: 0;
        position: absolute;
        right: 0
    }

    .weather__data {
        flex-direction: column
    }

    .weather__city {
        line-height: 28px;
        width: 100%
    }

    .weather__current-temp {
        line-height: 36px
    }

    .weather__max,
    .weather__min {
        line-height: 22px
    }

    .weather__ul,
    .weather__video {
        border-left: 1px solid rgba(0, 123, 255, 1);
        padding: 0 20px
    }

    .weather__ul {
        max-width: 460px;
        width: auto
    }

    .weather__li+.weather__li {
        margin-left: 27px
    }

    .weather__video {
        flex-direction: row-reverse;
        margin: 0
    }

    .weather__video-data {
        padding-left: 10px
    }
}