@import  url("https://fonts.googleapis.com/css?family=Lato:100,300,400,900");
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i');

/* Desktop template styles */
@media (min-width: 768px) {
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}ul,menu,dir {-webkit-padding-start: 0;}a:link, a:visited {text-decoration: none;color: inherit;}@media  only screen and (max-width: 1366px) {body{background:#f6f5f5;}}@media  only screen and (min-width: 1367px) {body{background: #f6f5f5;}}img[alt]{color:#333;}article[id^="modulo-"]::before{content:"";display:none;}section[id^="modulo-"]::before{content:"";display:none;}img:not([src]) {visibility: hidden; }picture{background: #333;position: relative;}.icon-fb-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_dark.svg)no-repeat center;background-size: 100%;}.icon-tw-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_dark.svg)no-repeat center;background-size: 100%;}.icon-insta-dark{background:url(/noticias/imag/cooperativa_2018/iconos/sociales/instagram_dark.svg)no-repeat center;background-size: 100%;}article{font-family: "Merriweather", serif;display: table;position: relative;margin: auto;}time{font-weight: bolder;}#copiar-url{position: relative;text-align: right;color: #bebebe;font-family:lato;}

body{background:#000;}

@media  only screen and (max-width: 1366px) {header .fila-top .menu-centrado {
        margin: auto;
        height: 35px;
        width: 100%;
        min-width: 1180px;
        max-width: 1180px;
    }header .fila-mid .menu-centrado {
        margin: auto;
        width: 100%;
        min-width: 1180px;
        max-width: 1180px;
        position: relative;
    }}@media  only screen and (min-width: 1367px) {header .fila-top .menu-centrado {
        margin: auto;
        max-width: 1300px;
        width: 100%;
        height: 26px;
        
    }header .fila-mid .menu-centrado {
        margin: auto;
        max-width: 1300px;
        width: 100%;
        position: relative;
        
    }}header {
    width: 100%;
    height: 140px;
    display: table;
    font-family: "Merriweather", serif;
    margin: auto;
    position: relative;
}header section.contenedor-menu {
    width: 100%;
    height: 140px;
    margin: auto;
    display: table;
}header .fila-top {
    width: 100%;
    height: 26px;
    
    background: #0047b2;
    
}header .fila-top .contenedor-btn {
    height: auto;
    width: 200px;
    float: left;
}header .fila-top .contenedor-btn .btn-sub {
    height: 26px;
    display: table;
    float: left;
    margin-right: 10px;
}header .fila-top .contenedor-btn .btn-sub span {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
    color: #ffffff;
    font-family: lato;
    opacity: .5;
}header .fila-top .contenedor-btn .btn-icon {
    float: left;
    margin: auto;
    height: 26px;
    display: table;
    width: 40%;
}header .fila-top .contenedor-btn .btn-icon .btn-cont-logo {
    height: 26px;
    float: left;
    display: table;
    opacity: .5;
}header .fila-top .contenedor-btn .btn-icon .btn-cont-logo:hover {
    opacity: 1;
}header .fila-top .contenedor-btn .btn-icon .btn-cont-logo a {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
}header .fila-top .contenedor-btn .btn-icon .btn-cont-logo a img {
    margin-right: 3px;
    width: 21px;
}header .fila-top .contenedor-sociales {
    width: 216px;
    height: auto;
    float: left;
}header .fila-top .contenedor-sociales .btn-sig {
    height: 26px;
    float: left;
    display: table;
    margin-right: 10px;
}header .fila-top .contenedor-sociales .btn-sig span {
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    font-family: lato;
    opacity: .5;
}header .fila-top .contenedor-sociales .cont-icon-social {
    width: 100px;
    margin: auto;
    height: 26px;
    float: left;
    display: table;
}header .fila-top .contenedor-sociales .cont-icon-social a {
    display: table;
    width: 20px;
    height: 26px;
    float: left;
    margin-right: 5px;
}header .fila-top .contenedor-sociales .cont-icon-social a .btn-social {
    height: 20px;
    width: 20px;
    display: table-cell;
    vertical-align: middle;
}header .fila-top .contenedor-sociales .cont-icon-social a .icon-fb {
    background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_w.svg)no-repeat center;
    background-size: 100%;
    opacity: .5;
}header .fila-top .contenedor-sociales .cont-icon-social a .icon-tw {
    background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_w.svg)no-repeat center;
    background-size: 100%;
    opacity: .5;
}header .fila-top .contenedor-sociales .cont-icon-social a .icon-insta {
    background: url(/noticias/imag/cooperativa_2018/iconos/sociales/instagram_w.svg)no-repeat center;
    background-size: 100%;
    opacity: .5;
}header .fila-top .contenedor-sociales .cont-icon-social a .icon-fb:hover,header .fila-top .contenedor-sociales .cont-icon-social a .icon-tw:hover,header .fila-top .contenedor-sociales .cont-icon-social a .icon-insta:hover {
    opacity: 1;
}header .fila-mid {
    width: 100%;
    height: 70px;
    background: #005be5;
    
    position: relative;
}header .fila-mid .menu-centrado .cont-center-radios-clima {
    width: 100%;
    height: 70px;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-logo-nuevacooperativa {
    width: 300px;
    display: inline-flex;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-logo-nuevacooperativa .contenedor-logo {
    width: 300px;
    height: 58px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 5;
    background: url(/noticias/imag/cooperativa_2018/iconos/logos/cooperativacl.svg?v=2026)no-repeat left;
    background-size: 65%;
    background-position-x: 0;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima {
    
    width: 25%;
    margin-right: 0%;
    display: inline-flex;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima {
    width: 100%;
    height: 70px;
    
    position: relative;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top {
    height: 53px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #0047b2;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .btn-clima {
    height: 37px;
    float: left;
    text-align: left;
    margin-left: 9px;
    width: 100px;
    font-family: lato;
    font-weight: bold;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .logo-clima {
    height: 37px;
    float: left;
    width: 28px;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .logo-clima img {
    height: 37px;
    width: 100%;
    transition: background 1s;
    -webkit-animation-name: logo-header-clima;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: logo-header-clima;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .btn-clima .comuna {
    
    float: left;
    text-align: left;
    width: 100%;
    font-size: 12px;
    font-family: lato;
    font-weight: bold;
    color: #f6f5f5;
    margin-top: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .btn-clima .comuna span {
    
    text-align: right;
    
    margin-left: 5px;
    font-size: 15px;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .btn-clima .humedad {
    
    float: left;
    text-align: left;
    line-height: 0;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #ffffffb0;
    margin-top: 8px;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top .btn-clima .humedad span {
    
    text-align: right;
    margin-left: 5px;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-bot {
    height: 33px;
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: lato;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-bot .restriccion {
    text-align: left;
    color: #cccccc;
    padding: 5px;
    box-sizing: border-box;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-bot .restriccion p:nth-child(2) {
    color: #fff;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .btn-next {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 2;
    padding: 0 2px;
    font-size: 19px;
    position: absolute;
    top: 0px;
    right: 0px;
    
    color: white;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-flotante {
    
    width: 30%;
    display: inline-flex;
    height: 70px;
}header .fila-mid .menu-centrado .cont-center-radios-clima .cont-flotante .banner-flotante {
    width: 250px;
    height: 90px;
    
    position: absolute;
    text-align: center;
    line-height: 5;
    right: 15px;
    bottom: 0px;
}header.gris .fila-top {
    background: #1d1d1d !important;
}header.gris .fila-mid {
    background: #292929 !important;
}header.gris .fila-mid .menu-centrado .cont-center-radios-clima .cont-clima .contenedor-clima .contenedor-clima-top {
    border-bottom: 1px solid #36393b;
}.escuchanos-aqui {
        font-size: 14px;
    display: flex
;
    justify-content: center;
    color: #ffffff63;
    font-family: "Lato";
    align-items: flex-end;
    position: relative;
    align-content: center;
    padding: 3px;
    flex-wrap: wrap;
    flex-direction: row;
        cursor: default;

}.contenedor-radios {
    display: flex
;
    width: 75%;
    align-content: center;
    align-items: center;
    height: 100%;
}.wrap-radios {
    display: flex
;
    width: 160px;
    justify-content: center;
}.wrap-radios a{
    cursor: pointer;
}.wrap-radios a:hover{
      filter: drop-shadow(1px 1px 4px #00000050);
}.wrap-radios a img {
    
    width: 95px;
}header .fila-top .contenedor-sociales {
    width: 100%;
    height: auto;
    float: left;
}header .fila-top .contenedor-sociales {
    width: 70%;
    height: auto;
    float: left;
    height: 26px;
}@-webkit-keyframes logo-header-clima{
    0% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(.7);
    }

    100% {
        transform: scale(1.3);
    }
}@keyframes logo-header-clima{
    0% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(.7);
    }

    100% {
        transform: scale(1.3);
    }
}

@media  only screen and (max-width: 1366px) {footer .fila-top .menu-centrado {
        margin: auto;
        height: 45px;
        max-width: 1180px;
        width: 100%;
        min-width: 1180px;
    }footer .fila-mid .menu-centrado {
        margin: auto;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
        
        min-width: 1180px;
        max-width: 1180px;
    }footer .fila-inferior .menu-centrado {
        height: auto;
        max-width: 1180px;
        width: 100%;
        margin: auto;
        min-width: 1180px;
    }}@media  only screen and (min-width: 1367px) {footer .fila-top .menu-centrado {
        margin: auto;
        height: 45px;
        max-width: 1300px;
        width: 100%;
    }footer .fila-mid .menu-centrado {
        margin: auto;
        width: 100%;
        max-width: 1300px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
        
        padding: 15px 0;
    }footer .fila-inferior .menu-centrado {
        height: auto;
        width: 100%;
        max-width: 1300px;
        margin: auto;
        
    }}footer {
    width: 100%;
    display: table;
    margin: auto;
    height: auto;
    overflow: hidden;
}footer .fila-top {
    width: 100%;
    height: 45px;
    z-index: 2;
    background: #666666;
    
    margin: auto;
    display: table;
}footer .fila-top .menu-centrado nav {
    float: left;
    width: 77%;
    height: 45px;
    
}footer .fila-top .menu-centrado nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}footer .fila-top .menu-centrado nav li {
    display: inline-table;
    margin: auto;
    
}footer .fila-top .menu-centrado nav a {
    display: flex;
    
    width: 100%;
    height: 45px;
    text-align: center;
    text-decoration: none;
    color: #c7c7c7;
    margin: auto;
    font-size: 11px;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-family: "Merriweather", serif;
    padding: 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}footer .fila-top .menu-centrado nav a:hover {
    background: #999;
}footer .fila-top .menu-centrado .nav-otros {
    float: left;
    width: 23%;
    
    height: 45px;
}footer .fila-top .clearfix {
    clear: both;
}footer .fila-top input {
    background-color: #ffffff;
    border: none;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
}footer .fila-top input::-webkit-input-placeholder {
    color: #fff;
}footer .fila-top .cont-lupa {
    display: table;
    margin: auto;
    width: 100%;
}footer .fila-top .cont-lupa .expandSearch, footer .fila-top .cont-lupa .expandSearch input, footer .fila-top .cont-lupa .expandSearch a {
    float: left;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}footer .fila-top .cont-lupa .expandSearch {
    display: table;
    height: auto;
}footer .fila-top .cont-lupa .expandSearch input {
    height: 22px;
    overflow: hidden;
    width: 0px;
    opacity: 0;
}footer .fila-top .cont-lupa .expandSearch a {
    display: table;
}footer .fila-top .cont-lupa .expandSearch a svg {
    height: 45px;
    margin: auto;
}footer .fila-top .contenedor-nav-m360 {
    width: 25%;
    height: 45px;
    
    float: left;
    text-align: center;
    opacity: .5;
}footer .fila-top .contenedor-nav-m360 a .cont-logo-m360 {
    width: 100%;
    margin: auto;
    height: 45px;
}footer .fila-top .contenedor-nav-m360 a .cont-logo-m360 img {
    width: 37%;
    height: 33px;
    margin-top: 5px;
}footer .fila-top .contenedor-nav-buscar {
    width: 10%;
    display: table;
    height: 45px;
    
    float: left;
    margin: auto;
    position: relative;
}footer .fila-top .contenedor-nav-buscar a {
    width: 50px;
    height: 25px;
    float: right;
    text-align: center;
}footer .fila-top .contenedor-nav-buscar form {
    margin: auto;
    display: table;
}footer .fila-top .contenedor-nav-buscar img {
    width: 35px;
    height: 35px;
    float: right;
    text-align: center;
    margin-right: 10px;
    padding-top: 10px;
}footer .fila-mid {
    width: 100%;
    background: #464646;
    font-family: lato, sans-serif;
    margin: auto;
    display: table;
    padding: 10px 0;
}footer .fila-mid .menu-centrado .informacion-corporativa {
    width: 20%;
    height: 261px;
    display: table;
    
    
    margin: auto;
    margin-left: 1%;
    position: relative;
    
    margin-top: 0;
}footer .fila-mid .menu-centrado .informacion-corporativa .cont-title-corporativa {
    width: 90%;
    display: table;
    height: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #666;
}footer .fila-mid .menu-centrado .informacion-corporativa .cont-title-corporativa .txt-corporativa {
    font-size: 16px;
    
    color: #a8a8a8;
    padding: 0;
}footer .fila-mid .menu-centrado .informacion-corporativa p {
    font-size: 12px;
    padding: 3px 0;
    color: #ccc;
}footer .fila-mid .menu-centrado .informacion-corporativa .logo-trafico {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    
}footer .fila-mid .menu-centrado .informacion-corporativa .logo-trafico img {
    width: 100%;
    height: auto;
}footer .fila-mid .menu-centrado .informacion-corporativa .logo-iab {
    width: 180px;
    height: 100px;
    margin: auto;
    position: absolute;
    bottom: -14px;
    left: -18px;
}footer .fila-mid .menu-centrado .informacion-corporativa .logo-iab img {
    width: 100%;
    height: auto;
}footer .fila-mid .menu-centrado .programas {
    width: 30%;
    display: table;
    
    
    margin: 0 auto;
    height: 285px;
    
}footer .fila-mid .menu-centrado .programas .cont-title-programas {
    width: 90%;
    display: table;
    height: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #666;
}footer .fila-mid .menu-centrado .programas .cont-title-programas a .txt-programas {
    font-size: 16px;
    
    color: #a8a8a8;
    padding: 0;
}footer .fila-mid .menu-centrado .programas p {
    font-size: 12px;
    padding: 3px;
    color: #ccc;
    display: inline-table;
    width: 100%;
    box-sizing: border-box;
}footer .fila-mid .menu-centrado .area-comercial {
    width: 20%;
    display: table;
    
    
    height: 194px;
    
    margin: auto;
}footer .fila-mid .menu-centrado .area-comercial .cont-title-area {
    width: 90%;
    display: table;
    height: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #666;
}footer .fila-mid .menu-centrado .area-comercial .cont-title-area .txt-area-comercial {
    font-size: 16px;
    
    color: #a8a8a8;
    padding: 0;
}footer .fila-mid .menu-centrado .area-comercial .otra-area-comercial {
    font-size: 20px;
    font-weight: normal;
    margin-top: 31px;
    width: 90%;
    text-align: left;
}footer .fila-mid .menu-centrado .area-comercial .otra-area-comercial p {
    font-size: 13px;
    border-bottom: 1px solid #585858;
    border-width: 1px;
    padding: 2px 0;
    font-weight: normal;
    color: #949494;
    width: 100%;
    font-family: lato, sans-serif;
}footer .fila-mid .menu-centrado .area-comercial p {
    font-size: 12px;
    padding: 3px 0;
    color: #ccc;
}footer .fila-mid .menu-centrado .area-comercial .numero-comercial {
    font-size: 13px;
    font-weight: normal;
    width: 90%;
    margin-top: 3px;
    text-align: left;
    
    text-align: left;
    padding: 0px;
    color: #fff;
    
}footer .fila-mid .menu-centrado .area-comercial .numero-comercial a {
    font-size: 15px;
    border-width: 0px;
    padding: 2px 0;
    font-weight: normal;
    color: #fff;
    width: 100%;
    font-family: lato, sans-serif;
}footer .fila-mid .menu-centrado .area-comercial .numero-comercial p {
    font-size: 12px;
    border-width: 1px;
    padding: 2px 0;
    
    color: #fff;
    width: 100%;
    font-family: lato, sans-serif;
}footer .fila-mid .menu-centrado .contenedor-compartir {
    
    
    height: 261px;
    display: table;
    width: 20%;
    margin: auto;
    margin-right: 1%;
    background: #2b2b2b;
    
    color: #fff;
    position: relative;
    margin-top: 0px;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon {
    display: table;
    width: 100%;
    height: auto;
    margin: auto;
    float: left;
    padding: 25px 20px 40px 20px;
    box-sizing: border-box;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-noticias-mail {
    width: 100%;
    height: auto;
    margin: auto;
    display: table;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-noticias-mail a .cont-logo-news-mail {
    float: left;
    width: 10%;
    height: 28px;
    display: table;
    margin-right: 10px;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-noticias-mail a .cont-logo-news-mail img {
    width: 28px;
    margin: auto;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-noticias-mail a .cont-title-news-mail {
    width: 80%;
    height: 28px;
    display: table;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-noticias-mail a .cont-title-news-mail .txt-news-mail {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-feed-rss {
    width: 100%;
    height: auto;
    margin: auto;
    display: table;
    padding: 10px 0;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-feed-rss a .cont-logo-feed {
    float: left;
    width: 10%;
    height: 28px;
    display: table;
    margin-right: 10px;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-feed-rss a .cont-logo-feed img {
    width: 28px;
    margin: auto;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-feed-rss a .cont-title-feed {
    width: 80%;
    height: 28px;
    display: table;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-feed-rss a .cont-title-feed .txt-feed-rss {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-podcast {
    width: 100%;
    height: auto;
    margin: auto;
    display: table;
    
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-podcast a .cont-logo-podcast {
    float: left;
    width: 10%;
    height: 28px;
    margin-right: 10px;
    display: table;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-podcast a .cont-logo-podcast img {
    width: 28px;
    margin: auto;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-podcast a .cont-title-podcast {
    width: 80%;
    height: 28px;
    display: table;
}footer .fila-mid .menu-centrado .contenedor-compartir .cont-sociales-icon .cont-podcast a .cont-title-podcast .txt-podcast {
    display: table-cell;
    vertical-align: middle;
    color: #666;
}footer .fila-mid .menu-centrado .contenedor-compartir .contenedor-sociales {
    width: 100%;
    height: auto;
    display: table;
    position: absolute;
    margin: auto;
    padding: 7px 20px 10px 20px;
    box-sizing: border-box;
    bottom: 0;
}footer .fila-mid .menu-centrado .contenedor-compartir .contenedor-sociales .btn-social {
    width: 100%;
    height: auto;
    display: table;
    box-sizing: border-box;
}footer .fila-mid .menu-centrado .contenedor-compartir .contenedor-sociales .btn-social span {
    height: 20px;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
}footer .fila-mid .menu-centrado .contenedor-compartir .contenedor-sociales .cont-social {
    width: 100%;
    margin: auto;
    display: table;
}footer .fila-mid .menu-centrado .contenedor-compartir .contenedor-sociales .cont-social .btn-social {
    height: 28px;
    width: 28px;
    float: left;
    margin: auto 10px auto auto;
}footer .fila-inferior {
    margin: auto;
    width: 100%;
    height: auto;
    display: table;
    padding-top: 15px;
    background: #2b2b2b;
    
    overflow: hidden;
}footer .fila-inferior .menu-centrado .contenedor-red-nacional {
    width: 100%;
    height: auto;
    margin: auto;
    display: table;
}footer .fila-inferior .menu-centrado .contenedor-red-nacional .rot-bot {
    margin: auto;
    display: table;
    padding-bottom: 20px;
    width: 100%;
    
}footer .fila-inferior .menu-centrado .contenedor-red-nacional .rot-bot a .txt-red-nacional {
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    color: #666666;
    font-family: lato;
    padding-left: 5px;
}footer .fila-inferior .menu-centrado .contenedor-red-nacional .contenedor-regiones {
    width: 100%;
    display: table;
    padding: 0 5px 20px 5px;
    
    text-align: center;
    margin: auto;
}footer .fila-inferior .menu-centrado .contenedor-red-nacional .contenedor-regiones p {
    color: #ccc;
    font-family: lato, sans-serif;
    font-size: 11px;
    margin: 5px auto;
    border-right: 1px solid #464646;
    padding: 0 13px;
    display: inline-table;
    text-align: center;
}





body {
      font-family: 'Lato', sans-serif !important;
    }

    .font-lato {
      font-family: 'Lato', sans-serif !important;
    }

    .font-merriweather {
      font-family: 'Merriweather', serif !important;
    }

    /* Red de seguridad: el CSS global del sitio (Bootstrap) define un color oscuro
       por defecto para h1-h6, que le gana a la herencia de color blanco del body. */
    #content-wrapper h1,
    #content-wrapper h2,
    #content-wrapper h3 {
      color: #fff;
    }

    #hero-primary-cta {
      color: #fff;
    }

    #hero-primary-cta.is-linked-hover {
      background-color: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.4);
    }

    #hero-primary-cta:focus-visible {
      outline: 3px solid #93c5fd;
      outline-offset: 3px;
    }

    [data-hero-image] {
      transition: none;
    }

    #hero-image {
      opacity: 1;
      transition: none;
    }

    .hero-photo-transition-layer {
      position: absolute;
      inset: 0;
      z-index: 3;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      pointer-events: none;
      transition: opacity 1500ms linear;
    }

    [data-hero-photo-overlay] {
      position: absolute;
      inset: 0;
      z-index: 4 !important;
      pointer-events: none !important;
      background: rgba(0, 0, 0, 0.38) !important;
      mix-blend-mode: normal !important;
      opacity: 1 !important;
      transition: none !important;
      animation: none !important;
    }

    #hero-media [data-hero-photo-overlay] {
      z-index: 4 !important;
      background: rgba(0, 0, 0, 0.38) !important;
      opacity: 1 !important;
      transition: none !important;
      animation: none !important;
    }

    .lc-track {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(148, 163, 184, 0.16);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.45), rgba(30, 41, 59, 0.2));
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 -1px 3px rgba(15, 23, 42, 0.55);
      backdrop-filter: blur(3px);
    }

    .lc-fill {
      position: relative;
      display: block;
      height: 100%;
      width: 0;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(125, 211, 252, 0.92), rgba(59, 130, 246, 0.95), rgba(96, 165, 250, 0.92));
      box-shadow: 0 0 6px rgba(96, 165, 250, 0.45), 0 0 12px rgba(56, 189, 248, 0.2);
      transition: width 0.18s linear;
    }

    .lc-fill::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.65) 30%, transparent 55%);
      transform: translateX(-120%);
      animation: lcSweep 2.8s linear infinite;
    }

    [data-scroll-row] {
      scrollbar-width: none;
    }

    [data-scroll-row]::-webkit-scrollbar {
      display: none;
    }

    [data-hero-video],
    [data-audio-visualizer] {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.35s ease;
    }

    [data-audio-visualizer] {
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      z-index: 15;
    }

    @media (min-width: 768px) {
      [data-audio-visualizer] {
        right: 1.5rem;
        bottom: 1.5rem;
      }
    }

    [data-audio-bar] {
      animation: equalize 1s ease-in-out infinite;
      transform-origin: bottom;
    }

    [data-audio-bar="2"] {
      animation-delay: 0.15s;
    }

    [data-audio-bar="3"] {
      animation-delay: 0.3s;
    }

    [data-audio-bar="4"] {
      animation-delay: 0.45s;
    }

    [data-audio-wave] {
      position: absolute;
      inset: 0;
      z-index: 6;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.6s ease;
      overflow: hidden;
    }

    [data-audio-wave-core] {
      position: absolute;
      right: 12%;
      top: 52%;
      width: 10rem;
      height: 10rem;
      border-radius: 999px;
      transform: translate(50%, -50%);
      background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, rgba(56, 189, 248, 0.12) 35%, rgba(56, 189, 248, 0.04) 55%, transparent 75%);
      filter: blur(0.5px);
    }

    [data-audio-wave-ring] {
      position: absolute;
      right: 12%;
      top: 52%;
      width: 9rem;
      height: 9rem;
      border-radius: 999px;
      border: 1px solid rgba(125, 211, 252, 0.6);
      box-shadow: 0 0 18px rgba(56, 189, 248, 0.22);
      transform: translate(50%, -50%) scale(0.35);
      opacity: 0;
      animation: audioWavePulse 4.8s ease-out infinite;
    }

    [data-audio-wave-ring="2"] {
      animation-delay: 1.6s;
    }

    [data-audio-wave-ring="3"] {
      animation-delay: 3.2s;
    }

    .publicidad-torre {
      display: none;
    }

    #content-wrapper {
      margin-right: auto;
      margin-left: 320px;
    }

    @media (min-width: 1280px) {
      #publicidad-torre {
        display: block;
        float: left;
        width: 160px;
        max-width: 160px;
        margin: -275px 0 0 -328px;
        position: -webkit-sticky;
        position: sticky !important;
        top: 60px;
        z-index: 20;
      }

      #publicidad-torre .deco_98711_dfp {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0;
        min-height: 25px;
        padding-top: 25px !important;
      }
      #publicidad-torre .deco_98711_dfp::before {
        display: flex !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
        text-align: center !important;
        justify-content: center !important;
      }
      #publicidad-torre .coop_blockSlot {
        margin: 0 auto;
      }

      #content-wrapper {
        margin-right: auto;
      }

      body.gam-bloque-skin #content-wrapper {
        margin-left: 320px;
      }
    }

    @keyframes equalize {
      0%, 100% {
        transform: scaleY(0.35);
      }

      50% {
        transform: scaleY(1);
      }
    }

    @keyframes lcSweep {
      to {
        transform: translateX(140%);
      }
    }

    @keyframes audioWavePulse {
      0% {
        transform: translate(50%, -50%) scale(0.35);
        opacity: 0;
      }
      18% {
        opacity: 0.65;
      }
      70% {
        opacity: 0.22;
      }
      100% {
        transform: translate(50%, -50%) scale(1.85);
        opacity: 0;
      }
    }

    .active-ord {
      border-color: rgba(59,130,246,0.5) !important;
      color: #93c5fd !important;
    }

    @keyframes searchPulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
      50%       { box-shadow: 0 0 0 6px rgba(59,130,246,0.18); }
    }
    .search-pulse {
      animation: searchPulse 2.8s ease-in-out 0.6s infinite;
    }
    .search-pulse:focus-within {
      animation: none;
    }

    .img-cinema {
      transform: scale(1);
      transition: transform 7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .group:hover .img-cinema {
      transform: scale(1.1);
    }

    .card-uniform {
      height: 100%;
      width: 100%;
      isolation: isolate;
    }

    #ultimos-grid article .pointer-events-none.absolute.inset-0.z-10 {
      z-index: 1;
    }

    #ultimos-grid article .pointer-events-none.absolute.inset-0.z-20 {
      z-index: 2;
    }

    #ultimos-grid article .pointer-events-none.absolute.inset-y-0.right-0.z-30 {
      z-index: 3;
    }

    #ultimos-grid article[data-article-type] svg,
    #archivo-container article[data-article-type] svg {
      width: 24px;
      height: 24px;
    }

    #ultimos-grid article[data-article-type] .pointer-events-none.absolute.inset-0.z-20 > div,
    #archivo-container article[data-article-type] .pointer-events-none.absolute.inset-0.z-20 > div {
      width: 48px;
      height: 48px;
    }

    @media (min-width: 640px) {
      #ultimos-grid article[data-article-type] svg,
      #archivo-container article[data-article-type] svg {
        width: 28px;
        height: 28px;
      }

      #ultimos-grid article[data-article-type] .pointer-events-none.absolute.inset-0.z-20 > div,
      #archivo-container article[data-article-type] .pointer-events-none.absolute.inset-0.z-20 > div {
        width: 56px;
        height: 56px;
      }
    }

    .card-uniform [data-card-title] {
      display: -webkit-box;
      overflow: hidden;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }

    .card-uniform [data-card-summary] {
      display: -webkit-box;
      overflow: hidden;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      min-height: 4.5rem;
    }

    #ultimos-grid [data-card-title] {
      line-clamp: 4;
      -webkit-line-clamp: 4;
    }

    .archivo-panel {
      position: relative;
      isolation: isolate;
      background:
        linear-gradient(180deg, rgba(13, 13, 13, 0.96), rgba(13, 13, 13, 0.98)),
        radial-gradient(circle at top left, rgba(0, 102, 255, 0.16), transparent 32%);
    }

    #search-live-results {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 1rem;
      background: rgba(10, 10, 10, 0.94);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
      backdrop-filter: blur(16px);
    }

    .search-live-item + .search-live-item {
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .search-live-mark {
      color: #93c5fd;
      font-weight: 700;
    }

    .search-live-loading {
      display: inline-flex;
      align-items: center;
      gap: 0.65rem;
      color: rgba(255, 255, 255, 0.55);
    }

    .search-live-loading::before {
      content: '';
      width: 0.9rem;
      height: 0.9rem;
      border-radius: 999px;
      border: 2px solid rgba(255, 255, 255, 0.18);
      border-top-color: rgba(147, 197, 253, 0.95);
      animation: searchSpinner 0.8s linear infinite;
    }

    @keyframes searchSpinner {
      to {
        transform: rotate(360deg);
      }
    }

    #search-bar.search-bar-loading::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      border-radius: 0 0 1rem 1rem;
      background: linear-gradient(90deg, transparent, #3b82f6, transparent);
      background-size: 50% 100%;
      background-repeat: no-repeat;
      animation: searchBarSweep 1.1s linear infinite;
    }

    @keyframes searchBarSweep {
      0% { background-position: -50% 0; }
      100% { background-position: 150% 0; }
    }

    #archivo-buscador-wrap.is-fixed {
      position: fixed;
      z-index: 40;
      background: rgba(10, 10, 10, 0.97);
      backdrop-filter: blur(12px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    }

.publicidad_dfp .deco_98711_dfp,.publicidad-torre {
    background: #000000;
}
.publicidad-torre {
    width: 315px;
    z-index: 1000;
    display: table;
}
@media (max-width: 1279px) {
  #publicidad-torre {
    display: none !important;
  }
  #content-wrapper {
    margin-left: 0;
  }
  #content-wrapper > main {
    margin-right: 0;
  }
}
.publicidad_dfp {
        background-color: rgb(0 0 0 / 0%) !important;
}
#coop_d_990x90_02 {
  background: transparent !important;
  box-sizing: border-box;
  display: flex;
  height: 275px;
  justify-content: center !important;
  margin: 0;
  overflow: hidden;
  box-shadow: none !important;
}
#coop_d_990x90_02 > #deco_98711_dfp {
  background: #1d1d1d !important;
  box-sizing: border-box;
  height: 275px;
  margin: 0 auto !important;
  padding-top: 25px;
  box-shadow: none !important;
}
/* El top1 reserva el primer tramo del contenedor para el rótulo. */
#coop_d_990x90_01 {
  box-sizing: border-box;
  height: 275px !important;
  background-color: #1d1d1d !important;
}
#coop_d_990x90_01 > #deco_98711_dfp {
  background-color: #1d1d1d !important;
  box-sizing: border-box;
  height: 275px !important;
  max-height: 275px !important;
  margin: 0 auto !important;
  padding-top: 25px !important;
  top: 0 !important;
  justify-content: flex-start !important;
}
#coop_d_990x90_01 > #deco_98711_dfp::before {
  display: flex !important;
  top: 0 !important;
  box-sizing: border-box;
  height: 25px !important;
  padding: 0 !important;
  line-height: 25px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#coop_d_990x90_01 > #deco_98711_dfp > #coop_d_990x90_01_1 {
  margin: 0 auto !important;
  max-width: 100%;
}
.sticky-banner {
    position: fixed;
    top: var(--pv-sticky-top, 140px);
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    min-height: 286px;
}
#coop_d_990x90_01.sticky-banner {
  top: var(--pv-sticky-top, 140px) !important;
}
.contenedor-sticky {
  margin-top: 0 !important;
  background-color: #1d1d1d !important;
  max-height: 275px;
  box-shadow: none !important;
  z-index: 40 !important;
  transition: height 450ms cubic-bezier(0.2, 0.7, 0.2, 1),
    max-height 450ms cubic-bezier(0.2, 0.7, 0.2, 1),
    opacity 300ms ease,
    transform 450ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

#coop_d_990x90_01 > #deco_98711_dfp::before {
  background-color: #1d1d1d !important;
}

@media (min-width: 1280px) {
  html body.fondo-oscuro .contenedor-sticky {
    position: sticky !important;
    top: var(--pv-sticky-top, 140px) !important;
  }

  #publicidad-torre,
  #publicidad-torre > .publicidad_dfp,
  #publicidad-torre .deco_98711_dfp,
  #publicidad-torre .deco_98711_dfp::before {
    background-color: #151515 !important;
  }
}

body.fondo-oscuro .contenedor-sticky.pv-banner-top-oculto {
  min-height: 0;
  max-height: 0;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none !important;
  transform: translateY(-12px);
}

/* Override Bootstrap font variables — se carga después del header para ganar en cascade */
  :root {
    --bs-font-sans-serif: 'Lato', sans-serif !important;
    --bs-body-font-family: 'Lato', sans-serif !important;
  }
  body, p, span, a, li, td, input, select, button, label {
    font-family: 'Lato', sans-serif !important;
  }
  h1, h2, h3, h4, h5, h6, .font-merriweather {
    font-family: 'Merriweather', serif !important;
  }
}

/* Mobile template styles */
@media (max-width: 767px) {
/* m_global.css (purgado, sin @import - fuentes/ad-css/iconos ya se cargan aparte) */
a:link, a:visited {text-decoration: none;color: inherit;}body{min-width:100%;max-width:100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: flex-start;margin: auto;}article{font-family: "Merriweather", serif;position: relative;}time{font-family: "Lato", sans-serif;}time {}img[data-src] {opacity: 0; }img[src]{opacity: 1; transition: opacity .3s; }img:not([src]) {visibility: hidden; }img[alt]{color:#333;}picture{background: #333;display: block;position: relative;}*, :after, :before {

}

/* iconos_min.css (sin purgar: iconos usados por header/footer externos) */
/*iconos globales*/ 
.icon-fb-white{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_w.svg)no-repeat center;background-size: 100%;}
.icon-tw-white{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_w.svg)no-repeat center;background-size: 100%;}/*/noticias/imag/cooperativa_2018/iconos/iconos/video.svg*/ 
.icon-in-white{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/linkedin_w.svg)no-repeat center;background-size: 100%;} 
.icon-go-white{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/googleplus_w.svg)no-repeat center;background-size: 100%;display: none;} 
.icon-insta-white{background:url(/noticias/imag/cooperativa_2018/iconos/sociales/instagram_w.svg)no-repeat center;background-size: 100%;} .icon-wp-white{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/whatsapp_w.svg)no-repeat center;background-size: 100%;} .icon-fb-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_dark.svg)no-repeat center;background-size: 100%;} .icon-tw-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_dark.svg)no-repeat center;background-size: 100%;}/*../../iconos/video.svg*/ .icon-in-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/linkedin_dark.svg)no-repeat center;background-size: 100%;} .icon-go-dark{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/googleplus_dark.svg)no-repeat center;background-size: 100%;display: none;} .icon-insta-dark{background:url(/noticias/imag/cooperativa_2018/iconos/sociales/instagram_dark.svg)no-repeat center;background-size: 100%;} .icon-fb-black{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_b.svg)no-repeat center;background-size: 100%;} .icon-tw-black{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_b.svg)no-repeat center;background-size: 100%;}/*/noticias/imag/cooperativa_2018/iconos/iconos/video.svg*/ .icon-in-black{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/linkedin_b.svg)no-repeat center;background-size: 100%;} .icon-go-black{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/googleplus_b.svg)no-repeat center;background-size: 100%;display:none} .icon-fb-gris{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_g.svg)no-repeat center;background-size: 100%;} .icon-tw-gris{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_g.svg)no-repeat center;background-size: 100%;}/*/noticias/imag/cooperativa_2018/iconos/iconos/video.svg*/ .icon-in-gris{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/linkedin_g.svg)no-repeat center;background-size: 100%;} .icon-go-gris{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/googleplus_g.svg)no-repeat center;background-size: 100%;display: none;} .icon-wp-gris{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/whatsapp_g.svg)no-repeat center;background-size: 100%;} .icon-correo-gris{background: url(/noticias/imag/cooperativa_2018/iconos/llevatelo/correo_g.svg)no-repeat center;background-size: 100%;} .icon-embed-gris{background: url(/noticias/imag/cooperativa_2018/iconos/llevatelo/embed_g.svg)no-repeat center;background-size: 100%;}/*/noticias/imag/cooperativa_2018/iconos/iconos/video.svg*/ .icon-print-gris{background: url(/noticias/imag/cooperativa_2018/iconos/llevatelo/print_g.svg)no-repeat center;background-size: 100%;} .icon-link-gris{background: url(/noticias/imag/cooperativa_2018/iconos/llevatelo/link_g.svg)no-repeat center;background-size: 100%;}
.icon-fb-naranjo{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/facebook_n.svg)no-repeat center;background-size: 100%;} 
.icon-tw-naranjo{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/twitter_n.svg)no-repeat center;background-size: 100%;}
.icon-wp-naranjo{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/whatsapp_n.svg)no-repeat center;background-size: 100%;} 
.icon-in-naranjo{background: url(/noticias/imag/cooperativa_2018/iconos/sociales/linkedin_n.svg)no-repeat center;background-size: 100%;} 

.iso-m360-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/m360_logo.svg)no-repeat center;background-size: 100%;}
.iso-sg-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/sg_logo.svg)no-repeat center;background-size: 100%;}
.iso-aal-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/aal_isotipo.svg)no-repeat center;background-size: 100%;}
.iso-dp-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/dulce_patria_isotipo.svg)no-repeat center;background-size: 100%;}
.iso-legales-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/legales_isotipo.svg)no-repeat center;background-size: 100%;}
.iso-marca-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/marca_isotipo.svg)no-repeat center;background-size: 100%;}
.iso-podcast-white{background: url(/noticias/imag/cooperativa_2018/iconos/otros/podcast_isotipo.svg)no-repeat center;background-size: 100%;}




















 
  





































header{height: 60px;max-height: 60px;/* background: #0047b2; */width: 100%;max-width: 100vw;position: relative;top: 0;z-index: 111;}
header .cont_menu{width: 100%;height: 60px;background: #0047b2;position: fixed;z-index:50;padding: 0px 0;top: 0;}
header .cont_menu .menu{width: 20%;height:40px;float: left;background: #eac901;}
header .cont_menu .buscador{width: 268px;height: 38px;float: left;margin: 4px 0 0 90px;}
header  .cont_menu .home-iconss{float:left;width: 40px;height: 40px;margin:2px auto 0 auto;background: url(/noticias/imag/iconos/svg/icono-home.svg)no-repeat center center;float:left;padding:0;background-size: 54px;display:inline-block;z-index:998;position:relative;}
header  .cont_menu .buscador .buscador-ico {width:38px;height:38px;background:url(/noticias/imag/iconos/svg/lupa-white.svg)no-repeat center center;float:right;}
header  .logo{width: 280px;height:110px;position: relative;display: table;margin: 55px auto 0 auto;background: url(/noticias/imag/iconos/svg/logo-m360-negro-movil.svg)no-repeat;background-size:280px;z-index: -1;}
header .nav-logo{/* position: absolute; *//* padding-left: 20px; */background: url(/noticias/imag/cooperativa_2018/iconos/logos/cooperativacl.svg)no-repeat center;width: 59%;background-size: 100%;background-position-x: 0;height: 60px;float: left;max-width: 209px;}
header .nav-logo-regiones{/* position: absolute; *//* padding-left: 20px; */background: url(/noticias/imag/cooperativa_2018/iconos/logos/cooperativaclregiones.svg)no-repeat center;width: 59%;background-size: 100%;background-position-x: 0;height: 60px;float: left;max-width: 209px;}

header .nav-envivo{width: 10%;height: 60px;float: left;background: url(/noticias/imag/cooperativa_2018/iconos/otros/icono_radio_player.svg)no-repeat;background-size: 23px;background-position: center;background-position-y: 16px;margin-left: 0%;text-align: center;}
header .nav-envivo:after{content:"EN VIVO";font-size: 8px;color: #e7e7e7;font-family: lato;line-height: 10;text-align:  center;z-index: 9;width: 100%;}
header .nav-legales{width: 15%;height: 60px;float: left;background: url(/noticias/imag/cooperativa_2018/iconos/otros/icono_legales.svg)no-repeat;background-position: 10px 16px;background-size: 28px;display: none;}
header .nav-lomas{width: 20%;height: 55px;float: left;color: #fff;background: url(/noticias/imag/cooperativa_2018/iconos/otros/lomas.svg)no-repeat;background-size: 92%;max-width: 65px;background-position:  center;}
header .contenedor-sociales{/* float:left; */text-align: center;color: #ffffff;background: #0451c3;display: table;position: relative;margin: 20px auto 0 auto;padding: 20px 20%;box-shadow: none;width: 100%;}
header .contenedor-sociales .btn-social{height: 28px;width: 28px;float: left;text-align: center;display: table;margin-left: 5px;}
header .contenedor-sociales .btn-social span{height: 20px;float: left;text-align: center;font-size: 14px;margin-top: 7px;color: #f6f5f5;font-weight: bold;font-family: lato;}
header .buscador-media{width: 100%;float: left;height: 50px;background: #0047b2;}
header form{width: 100%; height: 55px; }
header input{background: #0066ff;color:#fff;border:none;height: 40px;width: 90%;display: table;margin: auto;text-indent: 10px;outline: none;font-family: lato;font-size: 16px;font-weight: normal;border-radius: 0;}
header .buscador-content{width: 100%; display: table; }
header .buscador-input{}
header .buscador-boton{}
header .btn-archivo{width: 40px; height: 40px; float: left; position: absolute; right: 5%; background: yellow; }
header .btn-busqueda{/* width: 40px; *//* height: 40px; *//* float:left; */text-indent: 0px;background: url(/noticias/imag/cooperativa_2018/iconos/otros/icono_buscar.svg)no-repeat center;/* top: 9px; */}
header input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ }
header input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }
header input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; }











/*FOOTER*/
footer{width:100%;background: #edebec;font-family: 'Merriweather', serif;display: table;margin: auto;position: relative;/* padding-bottom: 20px; */}
footer .menu-centrado{margin: auto;width: 100%;display: table;position: relative;}
footer section.contenedor-menu{width: 100%;height:447px;margin:auto;display: table;}
footer .fila-top{width: 100%;z-index: 2;background: #edebec;margin:auto;}
footer .fila-top div.listado-footer{list-style: none;width: 100%;float: left;}
footer .fila-top div.listado-footer{width: 40%;background: #dad8d9;float: left;text-align: center;margin: 4px 5%;} 
footer .fila-top div.listado-footer a{display: block;width: 100%;padding: 15px 0;text-decoration: none;margin: 0px;float: left;color: #666;font-family: 'Merriweather', serif;font-size: 12px;font-weight: bold;text-rendering: optimizeLegibility;text-align: center;} 
footer .fila-top div.listado-footer a:hover{background: #999;}
footer .fila-mid{width: 100%;background: #edebec;position: relative;font-family: lato;color:#666;margin: auto;padding-top: 25px;}
footer .fila-mid .rot-mid{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
footer .fila-mid .area-comercial{width: 270px;height: 233px;float:left;padding-left: 60px;}
footer .fila-mid .area-comercial p{font-size: 12px;padding: 3px 0;}
footer .fila-mid .contenedor-compartir{width: 96%;/* height: 54px; */margin: auto;color: #fff;position: relative;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
footer .fila-mid .contenedor-compartir p{/* padding-left: 3px; */text-decoration: none;color: #666;font-weight: bold;margin-top: 8px;}
footer .fila-mid .contenedor-compartir p a{padding-left: 3px;text-decoration: none;color: #666;font-weight: bold;}
footer .fila-mid .contenedor-compartir p a img{width: 35px;margin-right: 5px;}
footer .fila-mid .contenedor-compartir .contenedor-sociales{width: 75%;height: 47px;display: table;margin: auto;text-align: center;/* line-height: 2; */color: #fff;/* position: absolute; *//* bottom: 10px; */padding: 10px  0;font-family: lato;float: none;background: none;box-shadow: none;}
footer .fila-mid .contenedor-compartir .contenedor-sociales .btn-social{height: 44px;width: 44px;float: left;text-align: center;display: table;margin-left: 7px;}
footer .fila-mid .contenedor-compartir .contenedor-sociales .btn-social span{height: 20px;float: left;text-align: center;font-size: 14px;margin-top: 14px;color: #666;font-weight: bold;}
footer .fila-inferior{width: 100%;/* height: 70px; */background: #edebec;font-family: lato;color:#666;margin: auto;padding: 20px 0 0 0;}
footer .fila-inferior .rot-bot{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
footer .fila-inferior .contenedor-regiones{background: #fff;color:#000;/* display: table; */width: 320px;padding: 16px 0px;height: 15px;margin:auto;/* max-width: 320px; */}
footer .fila-inferior .contenedor-regiones .dial-region{color: #666666;font-family: lato;padding: 17px 0;text-align: center;/* width: 200px; */margin: auto;display: table;}
footer .fila-inferior .contenedor-regiones{text-align: center}
footer .fila-inferior .owl-theme .owl-nav {margin-top: -64px;}
footer .fila-inferior #nav-footer  .owl-nav [class*=owl-prev] {float: left;left: 0px;top: 0;position: absolute;color: #FFF;background: none;font-size: 14px;cursor: pointer;border-radius: 0;width: 27px;height: 45px;margin: 0px;padding: 0px 0px;}
footer .fila-inferior #nav-footer  .owl-nav [class*=owl-next] {float: left;right: 0;top: -22px;position: absolute;color: #FFF;background: none;font-size: 14px;cursor: pointer;border-radius: 0;width: 27px;height: 45px;margin: 0px;padding: 0px 0px;}
footer .fila-inferior #nav-footer  .owl-nav [class*=owl-prev] img {width: 27px;height: 45px;margin-top: -21px;/* margin-left: -10px; */background-position:  center;}
footer .fila-inferior #nav-footer  .owl-nav [class*=owl-next] img {width: 27px;height: 45px;background-position: center;}
footer .contenedor-contacto{width: 96%; height: 43px; display: table; margin: auto; font-size: 14px; font-family: lato; padding: 15px 0; }
footer .contenedor-contacto .cont-comunicate{float: left;width: 40%;background: #dad8d9;padding: 10px 2%;text-align: left;position: relative;}
footer .contenedor-contacto .cont-comunicate a{color: #666; text-decoration:  none; }
footer .contenedor-contacto .cont-comunicate a img{}
footer .contenedor-contacto .cont-comunicate span{top: 13px; position: absolute; font-family: lato; font-weight: bold; letter-spacing: 0px; font-size: 16px; }
footer .contenedor-contacto .cont-escribenos{float: right;width: 37%;background: #dad8d9;padding: 10px 4%;text-align: left;position: relative;}
footer .contenedor-contacto .cont-escribenos a{  color: #666; text-decoration:  none;}
footer .contenedor-contacto .cont-escribenos span{top: 13px;left: 40px;position: absolute;font-family: lato;font-weight: bold;letter-spacing: 0px;font-size: 16px;}

footer .contenedor-iab{width: 200px;display: block;height: 90px;margin: auto;font-size: 14px;font-family: lato;}
footer .contenedor-iab .logo-trafico{width: 28%;position: relative;bottom: 11px;right: 0;display: inline-table;}
footer .contenedor-iab .logo-trafico img{width: 100%;height: auto;}
footer .contenedor-iab .logo-iab{width: 60%;margin: auto;position: relative;bottom: 0;left: 0;display: inline-table;}
footer .contenedor-iab .logo-iab img{width: 100%;height: auto;}


footer .contenedor-top-version{width: 96%;height: 40px;display: table;margin: auto;font-size: 14px;font-family: lato;margin-top: 20px;position: relative;}
footer .contenedor-top-version .cont-version{width: 50%; height: 22px; float: left; text-align: left; }
footer .contenedor-top-version .cont-version a{color: #666; text-decoration: none; }
footer .contenedor-top-version .cont-version a img{}
footer .contenedor-top-version .cont-version span{left: 28px;top: 7px;position: absolute;font-family: lato;color: #666;}
footer .contenedor-top-version .cont-ir-portada{width: 40%; height: 22px; float: right; text-align: right; }
footer .contenedor-top-version .cont-ir-portada a{color: #666; text-decoration: none; }
footer .contenedor-top-version .cont-ir-portada a img{}
footer .contenedor-top-version .cont-ir-portada span{right: 33px;top: 7px;position: absolute;font-family: lato;}
footer .contenedor-creditos{height: 40px; }
footer .contenedor-creditos span{text-align: center; font-family: lato; font-size: 14px; width: 96%; color: #666; margin: auto; display: table; }

/* cooperativa_2023/menu.css (sin purgar: header movil "port-movil2") */
/*menu_m1*/
/*HEADER MOBILE*/
header {
    height: 60px;
    width: 100%;
    max-width: 100vw;
    position: relative;
    top: 0;
    z-index: 111;
}

















/*
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social::after; {font-family: 'Lato';}

    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-podcast-white::after{content: 'Cooperativa Podcast';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-aal-white::after{content: 'Alairelibre';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-m360-white::after{content: 'M360';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-sg-white::after{content: 'Super Geek';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-marca-white::after{content: 'Marcas & Negocios';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-legales-white::after{content: 'Avisos Legales';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
    header .navbar-dark .navbar-nav li.nav-rrss .btn-social.iso-dp-white::after{content: 'Dulce Patria';position: absolute;bottom: -19px;background: transparent;font-size: 7px;width: 40px;text-align: center;padding: 1px 0;line-height: 1;}
*/
header .nav-link.dropdown-toggle.show {
    text-decoration: underline;
}











header .btn {
    background-color: #0000006b;
}

header .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa00;
}

header .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgb(255 255 255);
    opacity: 1;
}

header .nav-envivo:after {
    content: "";
    display: flex;
    font-size: 8px;
    color: #e7e7e7;
    font-family: lato;
    text-align: center;
    z-index: 9;
    left: -3px;
    top: 0px;
    width: 100%;
    position: relative;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

header .container-fluid {
    padding-right: var(--bs-gutter-x,0rem);
    padding-left: var(--bs-gutter-x,0rem);
}



/*falta pasar a boostrap5*/
header .modal-cont {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #00000091;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 999;
}

header .modal-cont {
    display: none
}

header .modal-box {
    width: 30%;
    margin: 0px auto;
    background-color: #ffffff;
    position: absolute;
    padding: 0;
    right: 0;
}

header .modal-box .close {
    position: absolute;
    right: 16px;
    top: 5px;
    font-size: 25px;
    font-weight: bolder;
    cursor: pointer;
    animation-name: zoom;
    animation-duration: .7s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    /* border: 1px solid #b7b7b7; */
    border-radius: 13px;
}

header .modal-box .close:hover, .modal-box .close:focus {
    color: #c6c6c6
}

header .modal-box img {
    width: 30%;
    /* border-radius: 50%; */
    display: block;
    margin: auto;
    /* padding: 14px; */
    margin-bottom: 30px;
    min-width: 150px;
    /* max-width: 230px; */
}

header input[type=text], input[type=password], input[type=email] {
    width: 100%;
    /* border: 1px solid #d0d0d0; */
    display: block;
    padding: 0px;
    margin: 5px 0;
    margin-bottom: 10px;
}

header .modal-box .login-button {
    padding: 10px;
    font-size: 15px;
    display: block;
    width: 100%;
    color: white;
    background-color: #29a6d4;
    margin: 16px 0;
}

header input[type = checkbox] {
    margin-right: 2px;
    vertical-align: baseline;
    display: inline-block;
    width: auto;
    margin-left: 16px/*no effect for baseline*/
}

header .close-forgot {
    background-color:
}

header .modal-box .login-button {
    margin-top: 16px;
    cursor: pointer
}

header .modal-box .close-forgot {
    width: 95%;
    padding: 15px 2.5%;
}

header .modal-box .cancel {
    background-color: #ffffff;
    padding: 5px 15px;
    font-size: 14px;
    color: dimgrey;
    cursor: pointer;
    /* float: right; */
    border: none;
    margin-bottom: 18px;
    display: none;
}

header .modal-box span {
    float: right
}

header .modal-box a {
    color: #1483be;
    font-weight: 500;
    text-decoration: underline
}





























@media (min-width: 992px) {
    
}

/*mustra capa oscura al desplegar menú*/




header .nav-envivo {
    background: none;
}



footer .btn-logueo {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    display: none;
}

footer .btn-logueo img {
    width: 30px
}

footer .btn-logueo .btn-label {
    position: relative;
    top: 0px;
    padding: 0 10px ;
    display: none;
}

footer .d-flex {
    display: flex!important;
    justify-content: center;
    flex-direction: row;
}

footer.card {
    padding: inherit;
    color: #666666;
    background-color: #edebec;
    border-radius: 0;
    border: 0;
    width: 100%;
  
}

footer .card-text {
    text-align: center;
    /* text-shadow: 0 0 1px #666666; */
    color: #666666;
    text-decoration: underline;
    text-decoration-line: overline;
    font-size: 19px;
}

footer .bg-gris {
    background: #e3e1e1;
    min-width: 300px;
}

footer .bg-primario {
    background: #edebec;
}

footer .bg-gris-claro {
    background: #c3c3c3;
}

footer span.btn-label {
    text-align: center;
    font-weight: bolder;
    color: #edebec;
    position: relative;
    top: 2px;
    border-right: 1px solid #bdafaf;
    padding-right: 6px;
}

footer .bg-dark span.btn-label {
    font-size: 10px;
    /* float: right; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

footer span.img-label {
    width: 30px;
}

footer span.img-label img {
    width: 48px;
    height: 48px;
    display: none;
}

footer .btn-social {
    background-size: 48px;
    height: 48px;
}

footer .logos-ext img {
    height: 50px
}

footer .form-select {
    color: #707070;
    background-color: #f5f3f3;
    border: 0;
    font-weight: bolder;
}

footer li a strong {
    font-weight: bold;
    font-size: 13px;
    margin-right: 1vw;
    color: #afafaf;
}

footer .social {
    width: 50%;
    margin: auto
}

/*btn-login oculto*/
.nav-ingresa {
    display: none
}

/* cooperativa_2023/home.css (purgado: casi todo era exclusivo de la home del sitio) */
a:link, a:visited {
    text-decoration: none;
    color: inherit;
}body {
    min-width: 100%;
    margin: 0;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    margin: auto;
}a,img {
    text-decoration: none;
    border: 0;
    outline: none;
}article {
    font-family: "Merriweather", serif;
    position: relative;
}time {
    font-family: "Lato", sans-serif;
}img[data-src] {
    opacity: 0;
}img[src] {
    opacity: 1;
    transition: opacity .2s ease;
}img:not([src]) {
    visibility: hidden;
}img[alt] {
    color: #fff0;
    ;}picture {
    background: #333;
    display: block;
    position: relative;
}ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}div>button {
    padding: 4px
}.carousel-control-next,.carousel-control-prev {
    top: 43%;
    bottom: 43%;
}

/* m_otros.css (purgado) */
body.fondo-oscuro,body.bg-multimedia {
    color: #fff;
    background: #000;
}

body {
      font-family: 'Lato', sans-serif !important;
    }

    .font-lato {
      font-family: 'Lato', sans-serif !important;
    }

    .font-merriweather {
      font-family: 'Merriweather', serif !important;
    }

    [data-hero-image] {
      transition: none;
    }

    #hero-image {
      opacity: 1;
      transition: none;
    }

    [data-hero-photo-overlay] {
      position: absolute;
      inset: 0;
      z-index: 4 !important;
      pointer-events: none !important;
      background: rgba(0, 0, 0, 0.38) !important;
      mix-blend-mode: normal !important;
      opacity: 1 !important;
      transition: none !important;
      animation: none !important;
    }

    #hero-media [data-hero-photo-overlay] {
      z-index: 4 !important;
      background: rgba(0, 0, 0, 0.38) !important;
      opacity: 1 !important;
      transition: none !important;
      animation: none !important;
    }

    .lc-track {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(148, 163, 184, 0.16);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.45), rgba(30, 41, 59, 0.2));
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 -1px 3px rgba(15, 23, 42, 0.55);
      backdrop-filter: blur(3px);
    }

    .lc-fill {
      position: relative;
      display: block;
      height: 100%;
      width: 0;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(125, 211, 252, 0.92), rgba(59, 130, 246, 0.95), rgba(96, 165, 250, 0.92));
      box-shadow: 0 0 6px rgba(96, 165, 250, 0.45), 0 0 12px rgba(56, 189, 248, 0.2);
      transition: width 0.18s linear;
    }

    .lc-fill::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.65) 30%, transparent 55%);
      transform: translateX(-120%);
      animation: lcSweep 2.8s linear infinite;
    }

    [data-scroll-row] {
      scrollbar-width: none;
    }

    [data-scroll-row]::-webkit-scrollbar {
      display: none;
    }

    [data-hero-video],
    [data-audio-visualizer] {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.35s ease;
    }

    [data-audio-visualizer] {
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      z-index: 15;
    }

    @media (min-width: 768px) {
      [data-audio-visualizer] {
        right: 1.5rem;
        bottom: 1.5rem;
      }
    }

    [data-audio-bar] {
      animation: equalize 1s ease-in-out infinite;
      transform-origin: bottom;
    }

    [data-audio-bar="2"] { animation-delay: 0.15s; }
    [data-audio-bar="3"] { animation-delay: 0.3s; }
    [data-audio-bar="4"] { animation-delay: 0.45s; }

    [data-audio-wave] {
      position: absolute;
      inset: 0;
      z-index: 6;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.6s ease;
      overflow: hidden;
    }

    [data-audio-wave-core] {
      position: absolute;
      right: 12%;
      top: 52%;
      width: 10rem;
      height: 10rem;
      border-radius: 999px;
      transform: translate(50%, -50%);
      background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, rgba(56, 189, 248, 0.12) 35%, rgba(56, 189, 248, 0.04) 55%, transparent 75%);
      filter: blur(0.5px);
    }

    [data-audio-wave-ring] {
      position: absolute;
      right: 12%;
      top: 52%;
      width: 9rem;
      height: 9rem;
      border-radius: 999px;
      border: 1px solid rgba(125, 211, 252, 0.6);
      box-shadow: 0 0 18px rgba(56, 189, 248, 0.22);
      transform: translate(50%, -50%) scale(0.35);
      opacity: 0;
      animation: audioWavePulse 4.8s ease-out infinite;
    }

    [data-audio-wave-ring="2"] { animation-delay: 1.6s; }
    [data-audio-wave-ring="3"] { animation-delay: 3.2s; }

    #hero-audio-wave {
      display: none;
    }

    .img-cinema {
      transform: scale(1);
      transition: transform 7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .group:hover .img-cinema {
      transform: scale(1.1);
    }

    .card-uniform {
      height: 100%;
      width: 100%;
    }

    .img-breathe {
      animation: img-breathe 8s ease-in-out infinite;
      transform-origin: center;
    }

    @keyframes img-breathe {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.06); }
    }

    .card-uniform [data-card-title] {
      display: -webkit-box;
      overflow: hidden;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }

    .card-uniform [data-card-summary] {
      display: -webkit-box;
      overflow: hidden;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      min-height: 4.5rem;
    }

    .archivo-panel {
      position: relative;
      isolation: isolate;
      background:
        linear-gradient(180deg, rgba(13, 13, 13, 0.96), rgba(13, 13, 13, 0.98)),
        radial-gradient(circle at top left, rgba(0, 102, 255, 0.16), transparent 32%);
    }

    .archivo-panel::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0.2;
      background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.12) 0%, transparent 45%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 14px, transparent 14px 46px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0, transparent 10%, transparent 90%, rgba(255, 255, 255, 0.08) 100%);
      background-size: 280px 100%, 160px 100%, 100% 100%;
      animation: filmStripMove 24s linear infinite;
    }

    .archivo-panel::after {
      content: '';
      position: absolute;
      inset: 1.25rem;
      border: 1px solid rgba(255, 255, 255, 0.04);
      border-radius: 1.5rem;
      pointer-events: none;
    }

    @keyframes equalize {
      0%, 100% { transform: scaleY(0.35); }
      50% { transform: scaleY(1); }
    }

    @keyframes lcSweep {
      to { transform: translateX(140%); }
    }

    @keyframes audioWavePulse {
      0% {
        transform: translate(50%, -50%) scale(0.35);
        opacity: 0;
      }
      18% { opacity: 0.65; }
      70% { opacity: 0.22; }
      100% {
        transform: translate(50%, -50%) scale(1.85);
        opacity: 0;
      }
    }

    @keyframes filmStripMove {
      from { background-position: 0 0, 0 0, 0 0; }
      to { background-position: 280px 0, 160px 0, 0 0; }
    }

html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  .pv-movil-2026 {
    background: #07090f;
    color: #f4f7ff;
    font-family: 'Lato', sans-serif;
    width: 100%;
    max-width: 100%;
  }

  .pv-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
  }

  .pv-hero-media {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
  }

  .pv-archivo-oculto {
    display: none !important;
  }

  .pv-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .pv-hero-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.85));
    pointer-events: none;
  }

  .pv-icono-media {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    color: #fff;
    pointer-events: none;
  }

  .pv-icono-media svg {
    width: 18px;
    height: 18px;
  }

  .pv-grid-dos .pv-icono-media {
    width: 68px;
    height: 68px;
  }

  .pv-grid-dos .pv-icono-media svg {
    width: 36px;
    height: 36px;
  }

  #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div,
  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div {
    width: 80px;
    height: 80px;
  }

  #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg,
  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg {
    width: 40px;
    height: 40px;
  }

  @media (min-width: 640px) {
    #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div,
    #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div {
      width: 88px;
      height: 88px;
    }

    #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg,
    #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg {
      width: 48px;
      height: 48px;
    }
  }

  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div {
    width: 56px;
    height: 56px;
  }

  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg {
    width: 28px;
    height: 28px;
  }

  /* El play del hero se ve al doble que el de las tarjetas chicas (Destacados/recientes) */
  .pv-hero-media .pv-icono-media {
    width: 86px;
    height: 86px;
  }

  .pv-hero-media .pv-icono-media svg {
    width: 44px;
    height: 44px;
  }

  .pv-hero-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px 16px 18px;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.68) 24%, rgba(0, 0, 0, 0.94) 100%);
  }

  .pv-hero-etiquetas {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 9px;
  }

  .pv-hero-categoria {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #8ebcff;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
  }

  .pv-hero-categoria::after {
    content: '';
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background: #4f91ff;
  }

  .pv-hero-tipo {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 25px;
    padding: 4px 9px;
    border: 1px solid rgba(122, 176, 255, 0.42);
    border-radius: 999px;
    background: rgba(20, 48, 88, 0.66);
    color: #dbeafe;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
  }

  .pv-hero-tipo svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }

  .pv-hero-titulo {
    margin: 0;
    font-size: 1.95rem;
    line-height: 1.15;
    font-weight: 800;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }

  .pv-hero-meta {
    margin-top: 6px;
    font-size: 0.72rem;
    opacity: 0.88;
  }

  .pv-seccion {
    padding: 14px 12px 4px;
    content-visibility: auto;
    contain-intrinsic-size: 560px;
  }

  /* Archivo tiene scroll infinito (seccion muy larga) y ademas contiene el
     buscador sticky: content-visibility:auto en una seccion tan larga puede
     generar comportamiento inconsistente de position:sticky en algunos
     navegadores. Se desactiva puntualmente aca para que el anclado del
     buscador sea confiable durante todo el scroll. */
  #archivo.pv-seccion {
    content-visibility: visible;
  }

  .pv-rotulo {
    margin: 20px 0 10px;
    font-size: calc(1.5rem + 3px);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7ab0ff;
    font-weight: 800;
  }

  .pv-rotulo-fila {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .pv-rotulo-fila .pv-rotulo {
    margin-top: 0;
    margin-bottom: 0;
  }

  .pv-ver-todos {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(122, 176, 255, 0.4);
    border-radius: 999px;
    color: #7ab0ff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    padding: 6px 12px;
    white-space: nowrap;
  }

  .pv-ver-todos:active {
    background: rgba(122, 176, 255, 0.14);
  }

  .pv-grid-dos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .pv-grid-dos > .pv-tarjeta:first-child {
    grid-column: 1 / -1;
  }

  .pv-tarjeta {
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #131a27;
    /* box-shadow inset en vez de border real: un border real sobre un
       contenedor con overflow:hidden + border-radius que ademas se
       escala via transform (is-touching) repinta mal el borde en el
       limite del recorte y produce un parpadeo visible solo en el
       borde. El inset shadow no sufre ese artefacto. */
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .pv-tarjeta.is-touching {
    transform: scale(0.985) translateZ(0);
    box-shadow: inset 0 0 0 1px rgba(122, 176, 255, 0.6);
  }

  .pv-tarjeta a {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  .pv-tarjeta-img {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #000;
  }

  .pv-tarjeta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .pv-tarjeta-cuerpo {
    padding: 8px;
  }

  .pv-cat {
    margin: 0;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7ab0ff;
    font-weight: 700;
  }

  .pv-titulo {
    margin: 6px 0 0;
    font-size: 0.82rem;
    line-height: 1.25;
    font-weight: 700;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .pv-hora {
    margin: 6px 0 0;
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.6);
  }

  .pv-lomas-grid {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  #pv-archivo-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    min-height: 700px;
    margin-top: 30px;
    overflow: hidden;
  }

  /* "Modo plataforma": fila horizontal deslizable (estilo streaming) en vez
     de grilla estatica de 2 columnas; las tarjetas ya vienen con
     min-w-[84vw]/snap-start pensadas para esto (ver ultimas_${TIPO_FID}_2026.html). */
  #pv-ultimas-grid {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  #pv-ultimas-grid > *,
  #pv-ultimas-grid article,
  #pv-ultimas-grid [data-article-type] {
    flex: 0 0 84%;
    width: 84% !important;
    max-width: 84% !important;
    min-width: 84% !important;
    scroll-snap-align: start;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .pv-lomas-grid .wrapper,
  .pv-lomas-grid .items,
  .pv-lomas-grid [id^='items_'] {
    display: contents;
  }

  .pv-lomas-grid .carousel-control-prev,
  .pv-lomas-grid .carousel-control-next {
    display: none;
  }

  #pv-archivo-grid #archivo-container,
  #pv-archivo-grid #items-container,
  #pv-archivo-grid #mv-items-container,
  #pv-archivo-grid .items,
  #pv-archivo-grid .wrapper,
  #pv-archivo-grid [id^='items_'] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #pv-archivo-grid > *,
  #pv-archivo-grid article,
  #pv-archivo-grid [data-article-type] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* Las tarjetas de busqueda (search_multimedia_2018.html) comparten clases
       con las de "Ultimas" (min-w-[84vw], pensadas para el carrusel horizontal),
       que en algunos navegadores alcanzan a fijar un grid-column propio antes de
       que esta regla cargue. Sin este override, un solo resultado de busqueda
       puede terminar ocupando las dos columnas (o el ancho completo) en vez de
       mantener la grilla de 2 columnas fija. */
    grid-column: auto !important;
  }

  #pv-archivo-grid article,
  .pv-lomas-grid article {
    min-width: 0;
    width: 100%;
  }

  .pv-separador {
    height: 1px;
    margin: 14px 12px 0;
    background: rgba(255, 255, 255, 0.1);
  }

  .pv-buscador-archivo-form {
    margin-top: 12px;
    position: relative;
  }

  .pv-buscador-archivo-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 10px 10px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(23, 23, 23, 0.96), rgba(17, 24, 39, 0.96));
    transition: border-color 0.2s ease;
  }

  .pv-buscador-archivo-box:focus-within {
    border-color: rgba(122, 176, 255, 0.55);
  }

  .pv-buscador-archivo-icono {
    width: 17px;
    height: 17px;
    color: rgba(122, 176, 255, 0.9);
    flex: 0 0 auto;
  }

  .pv-buscador-archivo-input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f4f7ff;
    font-size: 0.85rem;
    line-height: 1.2;
  }

  .pv-buscador-archivo-input::placeholder {
    color: rgba(255, 255, 255, 0.45);
  }

  .pv-buscador-archivo-filtro-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.75);
    border-radius: 10px;
    padding: 7px 9px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
  }

  .pv-filtro-chevron {
    transition: transform 0.2s ease;
  }

  .pv-buscador-archivo-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 0;
    background: #2563eb;
    color: #fff;
  }

  .pv-buscador-archivo-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 0;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    line-height: 1;
  }

  #filter-dropdown-wrap {
    position: relative;
    flex: 0 0 auto;
  }

  .pv-filtro-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 50;
    width: 230px;
    max-width: 78vw;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #12141c;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }

  .pv-filtro-titulo {
    margin: 0;
    padding: 12px 14px 6px;
    font-size: 0.62rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
  }

  .pv-filtro-lista {
    list-style: none;
    margin: 0;
    padding: 0 0 8px;
  }

  .pv-filtro-item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.8rem;
    padding: 9px 14px;
    text-align: left;
  }

  .pv-filtro-item.active-sec {
    color: #fff;
    background: rgba(122, 176, 255, 0.12);
  }

  .pv-filtro-orden-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 12px;
  }

  .pv-filtro-orden-row {
    display: flex;
    gap: 8px;
    padding: 0 14px;
  }

  .pv-filtro-orden-btn {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 9px;
    padding: 7px 6px;
    font-size: 0.68rem;
    font-weight: 700;
  }

  .pv-filtro-orden-btn.active-ord {
    border-color: rgba(122, 176, 255, 0.55);
    color: #7ab0ff;
  }

  .pv-live-resultados {
    /* relative (no absolute) a proposito: el listado de sugerencias debe
       empujar el contenido de abajo (barra de filtro activo, grilla de
       Archivo) en vez de quedar flotando encima y taparlo. */
    position: relative;
    margin-top: 8px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #12141c;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: min(55vh, 420px);
    z-index: 60;
  }

  .search-live-item + .search-live-item {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .search-live-mark {
    background: rgba(122, 176, 255, 0.35);
    color: #fff;
    border-radius: 3px;
    padding: 0 2px;
  }

  .search-live-loading {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.55);
  }

  .search-live-loading::before {
    content: '';
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-top-color: #7ab0ff;
    animation: searchSpinner 0.8s linear infinite;
  }

  .pv-filtro-activo-bar {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
  }

  /* Refuerzo con mayor especificidad: .pv-filtro-activo-bar trae su propio
     display:flex, y segun el orden en que Tailwind inyecte su hoja .hidden
     (display:none) puede perder contra esta regla propia y quedar visible
     sin filtro activo. */
  .pv-filtro-activo-bar.hidden {
    display: none;
  }

  .pv-filtro-activo-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: rgba(122, 176, 255, 0.15);
    color: #7ab0ff;
    padding: 4px 10px;
  }

  .pv-filtro-activo-chip button {
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 0.7;
    font-size: 0.75rem;
    line-height: 1;
  }

  .pv-archivo-empty {
    grid-column: 1 / -1;
    padding: 32px 0;
    text-align: center;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.4);
  }

  @keyframes searchSpinner {
    to { transform: rotate(360deg); }
  }

  #search-bar.search-bar-loading::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 0 0 14px 14px;
    background: linear-gradient(90deg, transparent, #7ab0ff, transparent);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    animation: searchBarSweep 1.1s linear infinite;
  }

  @keyframes searchBarSweep {
    0% { background-position: -50% 0; }
    100% { background-position: 150% 0; }
  }

  #archivo-buscador-wrap {
    position: relative;
    z-index: 40;
  }

  /* position:fixed (relativo al viewport/body), no sticky: sticky quedaba
     acotado al contenedor de Archivo como "containing block" y no se
     sentia como un anclaje real bajo el header. Esta clase la agrega/quita
     el JS (actualizarBuscadorFijoArriba) solo mientras se esta viendo la
     seccion de Archivo. #archivo-buscador-spacer reserva el espacio que
     el buscador deja libre en el flujo normal al pasar a fixed, para que
     el contenido de abajo no salte hacia arriba. */
  #archivo-buscador-wrap.pv-buscador-fijo-arriba {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 45;
    background: rgba(7, 9, 15, 0.97);
    backdrop-filter: blur(12px);
    padding: 6px 12px 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  }

  @media (prefers-reduced-motion: reduce) {
    .pv-tarjeta {
      transition: none;
    }
  }
}

@media (min-width: 768px) {
  .contenedor-sticky {
    box-sizing: border-box;
    height: 275px;
  }

  #coop_d_990x90_02_1 {
    display: table;
    height: 250px;
    margin: 0 auto;
  }

  #hero-youtube {
    display: none;
    pointer-events: none;
  }
}

@media (max-width: 767px) {
  .pv-hero-link {
    color: inherit;
    text-decoration: none;
  }

  .pv-separador-oculto,
  .pv-seccion-oculta {
    display: none;
  }

  #filter-toggle-btn > svg:first-of-type {
    width: 13px;
    height: 13px;
  }

  #filter-chevron {
    width: 9px;
    height: 9px;
  }

  .pv-buscador-archivo-submit svg {
    width: 14px;
    height: 14px;
  }
}

    [data-audio-visualizer] { display: none !important; }
    .cta-eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 1rem; width: 1rem; }
    .cta-eq i { display: block; flex: 1; height: 100%; border-radius: 999px; background: currentColor; transform-origin: bottom; animation: equalize 1s ease-in-out infinite; }
    .cta-eq i:nth-child(2) { animation-delay: .15s; }
    .cta-eq i:nth-child(3) { animation-delay: .3s; }
    .cta-eq i:nth-child(4) { animation-delay: .45s; }

/* Sin anuncios visibles: elimina los bloques y el espacio que reservan. */
html.adblock-on #publicidad-torre,
html.adblock-on .publicidad-torre,
html.adblock-on .contenedor-sticky,
html.adblock-on .publicidad_dfp,
html.adblock-on .coop_blockSlot,
html.adblock-on [data-adunit],
html.adblock-on .gam-bloque-itt,
html.adblock-on .gam-bloque-flotante,
html.adblock-on .gam-bloque-skin,
html.adblock-on .gam-bloque-expandible,
.pv-ad-slot-blocked { display: none !important; }
html.adblock-on #content-wrapper,
html.adblock-on body.gam-bloque-skin #content-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
html.adblock-on #content-wrapper > main { margin-right: 0 !important; }

/* Sin publicidad: hero mas bajo y centrado (recorta arriba y abajo) */
@media (min-width: 640px) {
  html.adblock-on #hero-media { aspect-ratio: auto; height: clamp(380px, 60vh, 620px); }
  html.adblock-on #hero-media #hero-image,
  html.adblock-on #hero-media #hero-video { object-fit: cover; object-position: center center; }
  html.adblock-on #hero-media #hero-youtube { top: 50%; bottom: auto; height: auto; aspect-ratio: 16 / 9; min-height: 100%; transform: translateY(-50%); }
}

/* CTA del hero alineado al borde derecho de las cards (mismo contenedor max-w-7xl) */
#hero-primary-cta { right: max(1rem, calc((100% - 80rem) / 2 + 1rem)) !important; }
@media (min-width: 640px) { #hero-primary-cta { right: max(1.5rem, calc((100% - 80rem) / 2 + 1.5rem)) !important; } }
@media (min-width: 1024px) { #hero-primary-cta { right: max(2rem, calc((100% - 80rem) / 2 + 2rem)) !important; } }

/* Buscador: sin listado en vivo; resultados con aparicion suave */
#search-live-results { display: none !important; }
#archivo-container article[data-article-type], #items-container article[data-article-type] { animation: archivoFadeIn .25s ease-out; }
@keyframes archivoFadeIn { from { opacity: 0; } to { opacity: 1; } }

#archivo-container,
#archivo-container.search-pocos-resultados,
#pv-archivo-grid.search-pocos-resultados,
#pv-archivo-grid.search-pocos-resultados #items-container {
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

#archivo-container article[data-article-type],
#archivo-container.search-pocos-resultados article[data-article-type],
#pv-archivo-grid.search-pocos-resultados article[data-article-type],
#pv-archivo-grid.search-pocos-resultados #items-container article[data-article-type] {
  height: auto !important;
  align-self: start !important;
}

/* Buscador fijo bajo el menu pegajoso (escritorio) + estado de busqueda */
@media (min-width: 768px) {
  #archivo-buscador-wrap.pv-buscador-fijo-arriba {
    position: fixed;
    z-index: 45;
    box-sizing: border-box;
    padding: 10px 20px 12px;
    background: rgba(10, 10, 10, 0.97);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  }
}
#search-status-multimedia {
  display: none;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.75);
}
#search-status-multimedia.is-visible { display: flex; }
#search-status-multimedia .ssm-spin {
  width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.25); border-top-color: #60a5fa;
  animation: searchSpinner .8s linear infinite;
}
/* Filtro: orden asc/desc + calendario de fechas */
#filter-panel { width: min(19rem, calc(100vw - 2rem)) !important; max-height: min(80vh, 680px); overflow-y: auto !important; }
#filter-panel .filter-ord-btn { flex: 1; text-align: center; white-space: nowrap; }
#filter-panel .filter-ord-btn.active-ord { background: rgba(59,130,246,.18); border-color: rgba(59,130,246,.6); color: #93c5fd; }
#filter-fecha-wrap { border-top: 1px solid rgba(255,255,255,.1); padding: 10px 12px 12px; }
#filter-fecha-toggle { display: flex; width: 100%; align-items: center; gap: 8px; padding: 6px 4px; font-size: .8rem; color: #d4d4d8; background: none; border: 0; cursor: pointer; }
#filter-fecha-toggle .ff-title { font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #71717a; }
#filter-fecha-toggle .ff-label { margin-left: auto; color: #a1a1aa; }
#filter-fecha-wrap.has-fecha .ff-label { color: #93c5fd; font-weight: 600; }
#filter-fecha-toggle .ff-chev { transition: transform .2s; }
#filter-fecha-toggle[aria-expanded="true"] .ff-chev { transform: rotate(180deg); }
#filter-cal { margin-top: 8px; }
#filter-cal button { cursor: pointer; font-family: inherit; }
#filter-cal .ff-presets { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
#filter-cal .ff-presets button { padding: 4px 10px; font-size: .72rem; color: #d4d4d8; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; transition: .15s; }
#filter-cal .ff-presets button:hover { color: #93c5fd; border-color: rgba(59,130,246,.5); }
#filter-cal .ff-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: .85rem; font-weight: 700; color: #fff; text-transform: capitalize; }
#filter-cal .ff-head button { width: 28px; height: 28px; font-size: 1.1rem; line-height: 1; color: #d4d4d8; background: rgba(255,255,255,.06); border: 0; border-radius: 8px; }
#filter-cal .ff-head button:hover { background: rgba(255,255,255,.14); }
#filter-cal .ff-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
#filter-cal .ff-dow { font-size: .65rem; color: #71717a; padding: 4px 0; }
#filter-cal .ff-day { height: 30px; font-size: .78rem; color: #e4e4e7; background: none; border: 0; border-radius: 8px; transition: background .12s; }
#filter-cal .ff-day:hover:not(:disabled) { background: rgba(255,255,255,.12); }
#filter-cal .ff-day:disabled { color: #3f3f46; cursor: default; }
#filter-cal .ff-day.is-hoy { box-shadow: inset 0 0 0 1px rgba(147,197,253,.6); }
#filter-cal .ff-day.is-in { background: rgba(59,130,246,.25); border-radius: 0; }
#filter-cal .ff-day.is-edge { background: #2563eb; color: #fff; font-weight: 700; }
#filter-cal .ff-foot { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
#filter-cal .ff-sum { flex: 1; font-size: .72rem; color: #a1a1aa; }
#filter-cal .ff-foot button { padding: 6px 12px; font-size: .75rem; color: #d4d4d8; background: rgba(255,255,255,.06); border: 0; border-radius: 8px; }
#filter-cal .ff-foot .ff-apply { color: #fff; background: #2563eb; font-weight: 700; }
#filter-cal .ff-foot .ff-apply:disabled { opacity: .4; cursor: default; }
#active-date-bar { margin-top: 8px; }
/* Filtro: categorias en selector */
#filter-cat-wrap { padding: 14px 12px 10px; }
#filter-cat-wrap .ff-cat-label { display: block; margin: 0 4px 6px; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #71717a; }
#filter-cat-wrap .ff-cat-box { position: relative; color: #a1a1aa; }
#filter-cat-wrap select { width: 100%; appearance: none; -webkit-appearance: none; padding: 9px 34px 9px 12px; font: inherit; font-size: .85rem; color: #f4f4f5; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; cursor: pointer; transition: border-color .15s; }
#filter-cat-wrap select:hover, #filter-cat-wrap select:focus { outline: 0; border-color: rgba(59,130,246,.6); }
#filter-cat-wrap select option { background: #18181b; color: #f4f4f5; }
#filter-cat-wrap .ff-cat-box svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
#archivo-container, #archivo-container * { overflow-anchor: none; }
#archivo-page-gate-btn:disabled { opacity: .6; cursor: progress; }

/* Movil: tarjetas del mismo alto y hora alineada al pie */
.pv-movil-2026 #pv-ultimas-grid,
.pv-movil-2026 #pv-archivo-grid,
.pv-movil-2026 #pv-archivo-grid #archivo-container,
.pv-movil-2026 #pv-archivo-grid #items-container { align-items: stretch; }
.pv-movil-2026 #pv-ultimas-grid article,
.pv-movil-2026 #pv-archivo-grid article[data-article-type],
.pv-movil-2026 .pv-grid-dos > .pv-tarjeta { display: flex !important; flex-direction: column; height: auto !important; }
.pv-movil-2026 #pv-ultimas-grid article > a,
.pv-movil-2026 #pv-archivo-grid article[data-article-type] > a,
.pv-movil-2026 .pv-grid-dos > .pv-tarjeta > a { display: flex !important; flex-direction: column; flex: 1 1 auto; height: auto !important; }
.pv-movil-2026 #pv-ultimas-grid article > a > div,
.pv-movil-2026 #pv-archivo-grid article[data-article-type] > a > div { flex: 1 1 auto; height: auto !important; }
.pv-movil-2026 .pv-tarjeta-cuerpo { flex: 1 1 auto; display: flex; flex-direction: column; }
.pv-movil-2026 .pv-tarjeta-cuerpo .pv-hora { margin-top: auto; padding-top: 6px; }
.pv-movil-2026 #pv-ultimas-grid article .self-center,
.pv-movil-2026 #pv-archivo-grid article .self-center { align-self: stretch !important; }
/* ===== Responsive: SOLO portada multimedia ===== */
/* Escritorio (plantilla port) bajo 768px: se ve como movil */
@media (max-width: 767px) {
  .pv-movil-2026 .pv-rotulo {
    font-size: 1.875rem;
    line-height: 1.2;
  }

  .pv-movil-2026 .pv-grid-dos .pv-titulo,
  .pv-movil-2026 #pv-ultimas-grid [data-card-title],
  .pv-movil-2026 #pv-archivo-grid [data-card-title] {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }

  .pv-movil-2026 #pv-archivo-grid [data-card-title] {
    display: block;
    overflow: visible;
    line-clamp: unset;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
  }

  .pv-movil-2026 .pv-grid-dos > .pv-tarjeta:first-child .pv-titulo {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
  }

  .pv-movil-2026 #pv-archivo-grid article[data-article-type] > a > div > div:not(.aspect-video) {
    box-sizing: border-box;
    width: 100%;
    padding: 8px !important;
  }

  body.fondo-oscuro { display: block !important; min-width: 0 !important; }
  body.fondo-oscuro #content-wrapper { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden; }
  body.fondo-oscuro #content-wrapper > main { margin-right: 0 !important; }
  body.fondo-oscuro #publicidad-torre { display: none !important; }

  .pv-movil-2026 #pv-ultimas-grid .card-uniform .aspect-video,
  .pv-movil-2026 #pv-archivo-grid .card-uniform .aspect-video {
    position: relative;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden;
    background: #000;
  }

  .pv-movil-2026 #pv-ultimas-grid .card-uniform .aspect-video::before,
  .pv-movil-2026 #pv-archivo-grid .card-uniform .aspect-video::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }

  .pv-movil-2026 #pv-ultimas-grid .card-uniform .aspect-video > img,
  .pv-movil-2026 #pv-archivo-grid .card-uniform .aspect-video > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    visibility: visible;
  }
}

/* Movil (plantilla port-movil2) desde 768px: se ve como escritorio */
@media (min-width: 768px) {
  .pv-movil-2026 {
      background: #07090f;
      color: #f4f7ff;
      font-family: 'Lato', sans-serif;
      width: 100%;
      max-width: 100%;
    }
  .pv-hero {
      position: relative;
      width: 100%;
      overflow: hidden;
      background: #000;
    }
  .pv-hero-media {
      position: relative;
      width: 100%;
      aspect-ratio: 9 / 16;
    }
  .pv-archivo-oculto {
      display: none !important;
    }
  .pv-hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  .pv-hero-media::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.85));
      pointer-events: none;
    }
  .pv-icono-media {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.28);
      background: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
      color: #fff;
      pointer-events: none;
    }
  .pv-icono-media svg {
      width: 18px;
      height: 18px;
    }
  .pv-grid-dos .pv-icono-media {
      width: 68px;
      height: 68px;
    }
  .pv-grid-dos .pv-icono-media svg {
      width: 36px;
      height: 36px;
    }
  #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div,
    #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div {
      width: 80px;
      height: 80px;
    }
  #pv-ultimas-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg,
    #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg {
      width: 40px;
      height: 40px;
    }
  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div {
      width: 56px;
      height: 56px;
    }
  #pv-archivo-grid article .pointer-events-none.absolute.inset-0.z-20 > div svg {
      width: 28px;
      height: 28px;
    }
  .pv-hero-media .pv-icono-media {
      width: 86px;
      height: 86px;
    }
  .pv-hero-media .pv-icono-media svg {
      width: 44px;
      height: 44px;
    }
  .pv-hero-info {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 20px 16px 18px;
      background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.68) 24%, rgba(0, 0, 0, 0.94) 100%);
    }
  .pv-hero-etiquetas {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 9px;
      margin-bottom: 9px;
    }
  .pv-hero-categoria {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #8ebcff;
      font-size: 0.67rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      line-height: 1;
      text-transform: uppercase;
    }
  .pv-hero-categoria::after {
      content: '';
      width: 22px;
      height: 2px;
      border-radius: 2px;
      background: #4f91ff;
    }
  .pv-hero-tipo {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 25px;
      padding: 4px 9px;
      border: 1px solid rgba(122, 176, 255, 0.42);
      border-radius: 999px;
      background: rgba(20, 48, 88, 0.66);
      color: #dbeafe;
      font-size: 0.64rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      line-height: 1;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }
  .pv-hero-tipo svg {
      width: 14px;
      height: 14px;
      flex: 0 0 14px;
    }
  .pv-hero-titulo {
      margin: 0;
      font-size: 1.95rem;
      line-height: 1.15;
      font-weight: 800;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }
  .pv-hero-meta {
      margin-top: 6px;
      font-size: 0.72rem;
      opacity: 0.88;
    }
  .pv-seccion {
      padding: 14px 12px 4px;
      content-visibility: auto;
      contain-intrinsic-size: 560px;
    }
  #archivo.pv-seccion {
      content-visibility: visible;
    }
  .pv-rotulo {
      margin: 20px 0 10px;
      font-size: calc(1.5rem + 3px);
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #7ab0ff;
      font-weight: 800;
    }
  .pv-rotulo-fila {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 20px;
      margin-bottom: 10px;
    }
  .pv-rotulo-fila .pv-rotulo {
      margin-top: 0;
      margin-bottom: 0;
    }
  .pv-ver-todos {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      border: 1px solid rgba(122, 176, 255, 0.4);
      border-radius: 999px;
      color: #7ab0ff;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: none;
      padding: 6px 12px;
      white-space: nowrap;
    }
  .pv-ver-todos:active {
      background: rgba(122, 176, 255, 0.14);
    }
  .pv-grid-dos {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
  .pv-grid-dos > .pv-tarjeta:first-child {
      grid-column: 1 / -1;
    }
  .pv-tarjeta {
      min-width: 0;
      border-radius: 12px;
      overflow: hidden;
      background: #131a27;
      
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  .pv-tarjeta.is-touching {
      transform: scale(0.985) translateZ(0);
      box-shadow: inset 0 0 0 1px rgba(122, 176, 255, 0.6);
    }
  .pv-tarjeta a {
      display: block;
      color: inherit;
      text-decoration: none;
    }
  .pv-tarjeta-img {
      position: relative;
      aspect-ratio: 16 / 10;
      background: #000;
    }
  .pv-tarjeta-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  .pv-tarjeta-cuerpo {
      padding: 8px;
    }
  .pv-cat {
      margin: 0;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #7ab0ff;
      font-weight: 700;
    }
  .pv-titulo {
      margin: 6px 0 0;
      font-size: 0.82rem;
      line-height: 1.25;
      font-weight: 700;
      display: -webkit-box;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
  .pv-hora {
      margin: 6px 0 0;
      font-size: 0.68rem;
      color: rgba(255, 255, 255, 0.6);
    }
  .pv-lomas-grid {
      display: block;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }
  #pv-archivo-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 10px;
      align-items: start;
      width: 100%;
      max-width: 100%;
      min-height: 700px;
      margin-top: 30px;
      overflow: hidden;
    }
  #pv-ultimas-grid {
      display: flex;
      flex-wrap: nowrap;
      align-items: stretch;
      gap: 10px;
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
    }
  #pv-ultimas-grid > *,
    #pv-ultimas-grid article,
    #pv-ultimas-grid [data-article-type] {
      flex: 0 0 84%;
      width: 84% !important;
      max-width: 84% !important;
      min-width: 84% !important;
      scroll-snap-align: start;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  .pv-lomas-grid .wrapper,
    .pv-lomas-grid .items,
    .pv-lomas-grid [id^='items_'] {
      display: contents;
    }
  .pv-lomas-grid .carousel-control-prev,
    .pv-lomas-grid .carousel-control-next {
      display: none;
    }
  #pv-archivo-grid #archivo-container,
    #pv-archivo-grid #items-container,
    #pv-archivo-grid #mv-items-container,
    #pv-archivo-grid .items,
    #pv-archivo-grid .wrapper,
    #pv-archivo-grid [id^='items_'] {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
    }
  #pv-archivo-grid > *,
    #pv-archivo-grid article,
    #pv-archivo-grid [data-article-type] {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      
      grid-column: auto !important;
    }
  #pv-archivo-grid article,
    .pv-lomas-grid article {
      min-width: 0;
      width: 100%;
    }
  .pv-separador {
      height: 1px;
      margin: 14px 12px 0;
      background: rgba(255, 255, 255, 0.1);
    }
  .pv-buscador-archivo-form {
      margin-top: 12px;
      position: relative;
    }
  .pv-buscador-archivo-box {
      position: relative;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 10px 10px 14px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: linear-gradient(180deg, rgba(23, 23, 23, 0.96), rgba(17, 24, 39, 0.96));
      transition: border-color 0.2s ease;
    }
  .pv-buscador-archivo-box:focus-within {
      border-color: rgba(122, 176, 255, 0.55);
    }
  .pv-buscador-archivo-icono {
      width: 17px;
      height: 17px;
      color: rgba(122, 176, 255, 0.9);
      flex: 0 0 auto;
    }
  .pv-buscador-archivo-input {
      flex: 1;
      min-width: 0;
      border: 0;
      outline: 0;
      background: transparent;
      color: #f4f7ff;
      font-size: 0.85rem;
      line-height: 1.2;
    }
  .pv-buscador-archivo-input::placeholder {
      color: rgba(255, 255, 255, 0.45);
    }
  .pv-buscador-archivo-filtro-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.06);
      color: rgba(255, 255, 255, 0.75);
      border-radius: 10px;
      padding: 7px 9px;
      font-size: 0.68rem;
      font-weight: 700;
      white-space: nowrap;
    }
  .pv-filtro-chevron {
      transition: transform 0.2s ease;
    }
  .pv-buscador-archivo-submit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      border-radius: 10px;
      border: 0;
      background: #2563eb;
      color: #fff;
    }
  .pv-buscador-archivo-clear {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 22px;
      height: 22px;
      border-radius: 999px;
      border: 0;
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.9rem;
      line-height: 1;
    }
  .pv-filtro-panel {
      position: absolute;
      right: 0;
      top: calc(100% + 8px);
      z-index: 50;
      width: 230px;
      max-width: 78vw;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: #12141c;
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
      overflow: hidden;
    }
  .pv-filtro-titulo {
      margin: 0;
      padding: 12px 14px 6px;
      font-size: 0.62rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
    }
  .pv-filtro-lista {
      list-style: none;
      margin: 0;
      padding: 0 0 8px;
    }
  .pv-filtro-item {
      display: flex;
      width: 100%;
      align-items: center;
      gap: 10px;
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.75);
      font-size: 0.8rem;
      padding: 9px 14px;
      text-align: left;
    }
  .pv-filtro-item.active-sec {
      color: #fff;
      background: rgba(122, 176, 255, 0.12);
    }
  .pv-filtro-orden-wrap {
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      padding-bottom: 12px;
    }
  .pv-filtro-orden-row {
      display: flex;
      gap: 8px;
      padding: 0 14px;
    }
  .pv-filtro-orden-btn {
      flex: 1;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.04);
      color: rgba(255, 255, 255, 0.7);
      border-radius: 9px;
      padding: 7px 6px;
      font-size: 0.68rem;
      font-weight: 700;
    }
  .pv-filtro-orden-btn.active-ord {
      border-color: rgba(122, 176, 255, 0.55);
      color: #7ab0ff;
    }
  .pv-live-resultados {
      
      position: relative;
      margin-top: 8px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: #12141c;
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      max-height: min(55vh, 420px);
      z-index: 60;
    }
  .pv-filtro-activo-bar {
      margin-top: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.7rem;
      color: rgba(255, 255, 255, 0.5);
    }
  .pv-filtro-activo-bar.hidden {
      display: none;
    }
  .pv-filtro-activo-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border-radius: 999px;
      background: rgba(122, 176, 255, 0.15);
      color: #7ab0ff;
      padding: 4px 10px;
    }
  .pv-filtro-activo-chip button {
      border: 0;
      background: transparent;
      color: inherit;
      opacity: 0.7;
      font-size: 0.75rem;
      line-height: 1;
    }
  .pv-archivo-empty {
      grid-column: 1 / -1;
      padding: 32px 0;
      text-align: center;
      font-size: 0.82rem;
      color: rgba(255, 255, 255, 0.4);
    }
  #archivo-buscador-wrap.pv-buscador-fijo-arriba {
      position: fixed;
      left: 0;
      right: 0;
      z-index: 45;
      background: rgba(7, 9, 15, 0.97);
      backdrop-filter: blur(12px);
      padding: 6px 12px 10px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    }
  .pv-movil-2026 { max-width: 1100px; margin: 0 auto; }
  .pv-hero-media { aspect-ratio: 16 / 9; }
  .pv-grid-dos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pv-grid-dos > .pv-tarjeta:first-child { grid-column: span 2; grid-row: span 2; }
  .pv-grid-dos > .pv-tarjeta:first-child .pv-tarjeta-img { aspect-ratio: auto; height: 100%; min-height: 220px; }
  .pv-movil-2026 #pv-archivo-grid #archivo-container,
  .pv-movil-2026 #pv-archivo-grid #items-container,
  .pv-movil-2026 #pv-archivo-grid #mv-items-container { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pv-movil-2026 #pv-ultimas-grid > *,
  .pv-movil-2026 #pv-ultimas-grid article,
  .pv-movil-2026 #pv-ultimas-grid [data-article-type] { flex: 0 0 32%; width: 32% !important; max-width: 32% !important; min-width: 32% !important; }
  .pv-movil-2026 #pv-ultimas-grid article > a > div,
  .pv-movil-2026 #pv-archivo-grid article[data-article-type] > a > div { grid-template-columns: 1fr !important; }
}

/* ===== Capas (z-index): el contenido nunca pasa sobre header ni publicidad ===== */
body.fondo-oscuro main,
main.pv-movil-2026 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
body.fondo-oscuro header {
  position: relative;
  z-index: 1100;
}
body.fondo-oscuro .publicidad-torre {
  z-index: 1000;
}
body.fondo-oscuro #publicidad-torre {
  z-index: 1000 !important;
}

/* Fondo negro en todo el main */
body.fondo-oscuro main,
main.pv-movil-2026 {
  background: #000 !important;
}

/* Publicidad (skin/expandibles) siempre sobre el main, bajo el header */
.contenedor-sticky,
body.fondo-oscuro > .publicidad_dfp,
body.bg-multimedia > .publicidad_dfp {
  position: relative;
  z-index: 50;
}

/* Solo con skin (body.gam-bloque-skin): todo el bloque (creativo y fondo) alineado a la izquierda, fuera del area del main */
@media (min-width: 1024px) {
  body.fondo-oscuro.gam-bloque-skin .contenedor-sticky .publicidad_dfp {
    justify-content: center !important;
  }
  body.fondo-oscuro.gam-bloque-skin .contenedor-sticky .deco_98711_dfp {
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: none !important;
  }
  body.fondo-oscuro.gam-bloque-skin {
    background-position: left top !important;
  }
}

  .archivo-buscador-fijo-label {
    display: none;
  }

  #archivo-buscador-wrap.pv-buscador-fijo-arriba .archivo-buscador-fijo-label {
    display: block;
    margin: 0 0 5px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.03em;
  }

  /* Con publicidad (sin AdBlock): main desplazado 60px a la derecha */
  @media (min-width: 1280px) {
  html:not(.adblock-on) body.fondo-oscuro #content-wrapper {
    padding-left: 60px;
    box-sizing: border-box;
  }
  }

/* La torre queda anclada al borde izquierdo desde el breakpoint desktop y el main reserva su columna. */
@media (min-width: 767px) {
  body.fondo-oscuro #content-wrapper {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.fondo-oscuro #publicidad-torre {
    display: block !important;
    position: fixed !important;
    top: var(--pv-sticky-top, 140px) !important;
    left: 0 !important;
    float: none;
    width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
    transform: none;
    z-index: 1000 !important;
  }

  body.fondo-oscuro #content-wrapper > main {
    width: calc(100% - 160px) !important;
    min-width: 0;
    margin: 0 0 0 160px !important;
    box-sizing: border-box;
  }
}

@media (min-width: 1367px) {
  body.fondo-oscuro #content-wrapper > main {
    width: calc(100% - 320px) !important;
  }
}

@media (min-width: 767px) {
  html.adblock-on body.fondo-oscuro #publicidad-torre {
    display: none !important;
  }

  html.adblock-on body.fondo-oscuro #content-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.adblock-on body.fondo-oscuro #content-wrapper > main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
  }
}