 /*------------------------------------------ */
/* COLORES GENERALES------------------------- */
/* ------------------------------------------ */


:root{
    --gris-claro:#adadad;
    --gris-oscuro:#2c2c2c;
    --gris-oscuro-2:#1b1b1b;
    --naranja:#fd6f23;
    --naranja-shadow:#d25d1d;
}


body,.article-home a,h2 a,h3 a,h4 a{color:#000}
.article-v2{background-color:rgba(255,255,255,1.00)}
a,.volanta,.time-now,.color-txt,h2 a:hover,h3 a:hover,h4 a:hover{color:var(--naranja)}
.article-footer small.marcado:before{background-color:var(--naranja)}
.inner-share-bar a.ico-comm,.read-more-line,.ico-arrow-down,.btn-brand{
    background-color:var(--naranja);text-decoration:none;color:#fff}

.btn-brand:hover{background-color:#bb1529;color:#fff}
.interna .txt_contenido a{border-bottom-color:#355877}
.titulo-modulo::after{background-color:var(--naranja)}
.interna .cuerpo-nota .cita{border-left:solid 4px var(--naranja)}
.azul,.titulo-pagina,.titulo-widget,.btn.add{color:#005ca5}
.btn-enviar{background-color:#355877;color:#FFF}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:#355877;color:#FFF;border-color:#355877}
.pagination>li>a,.pagination>li>span{color:#355877}
.btn.vermasnoticias{background-color:#23292e; color: #fff;}

.cuerpo-nota p a{text-decoration: underline; }



/* Colores nueva cabecera */


/* ------------------------------------------ */
/* TIPOGRAFIA ------------------------------- */
/* ------------------------------------------ */
/*
font-family: 'Ubuntu', sans-serif;
*/


/* normalizo */

body {
    font-family: 'Ubuntu', sans-serif;
}




/* Light 300 -------------- */


/* Regular ------------ */

body,
.volanta {font-weight: 400;}

 
/* Bold --------------- */

h1,h2,h3,h4,h5,h6,.titulo, .titulo-buscar,
.interna aside.relacionadas.con-foto .item-tit {}

.titulo,.volanta,.bold,strong{font-weight:500}






/*flex helper */

.f {
    display: flex;
}

.ul-f {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 100%;
    flex-wrap: wrap;
}


/* COMPONENTES COMUNES =========================
============================================= */

/*redes*/
.redes{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.redes a{padding:.5rem}
.main-header a:hover{text-decoration: none;}

.share-tool{display: none;}


/* VARIOS // UTILIDADES  // HELPERS ===========
============================================= */

.alert-info {
    background-color: #E3F2FD;
    border-color: #BBDEFB;
    color: #000000;
}

.share-article .ico i:before {
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.share-article .ico.fb i:before {
    content: "\ea90";
}

.share-article .ico.tw i:before {
    content: "\ea96";
}

.btn-brand i {
    margin-left: 5px;
    font-size: 10px;
}


/* REDES */


.redes {font-size: 17px; justify-content: flex-end;}
.redes a {margin-left: 10px; opacity: .9;}
.redes a:hover {opacity: 1;}
.redes a.tiktok {
    background-image: url(/u/plantillas/p/terra-chile/imgs/ico-ticktock.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;    
    width:19px ;
    height: 19px ;
}


.header-tools .redes a{font-size: 18px; padding: 0; margin: 0; margin-left: 15px;}
.header-tools  a:hover,
.header-tools  a:focus {text-decoration: none;}

.back-to-top{ font-size: 14px; background-color: rgba(44, 49, 55, 0.7);}


/* INTERNAS */

.alert-info{background-color: #ffc2a1;
border: solid 1px var(--naranja-shadow);
}

.modulo_buscar{ font-family: 'Ubuntu', sans-serif;}
.modulo_buscar *{ font-family: 'Ubuntu', sans-serif!important;}



.modulo_buscar .titulo-pagina{
  
    color: var(--gris-oscuro);
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: solid 1px var(--gris-claro)!important;
    border-left: solid 5px var(--naranja);
    padding-bottom: 10px;
    padding-left: 10px;
}

.modulo_buscar .titulo-pagina h1{
    font-weight: 600!important;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 1.3em!important;
}


/* modulo interno */

.col2.sticky_column .noticias-interiores article{border-bottom: solid 1px var(--naranja); padding-bottom: 15px;}

/* ================================================= */



/* HEADER =====================================
============================================= */

.main-header{
    background-color: var(--gris-oscuro);
    background-image: url(/u/plantillas/p/terra-chile/imgs/header-bg.png);
}

.main-header .sec-zone{background-color: var(--naranja); border-top: solid 2px var(--naranja-shadow);}



/* Main Zone (Zona principal de la cabecera) */
.main-zone .container{padding-top:15px;padding-bottom:15px;align-items:center}
.main-zone .f .item:nth-child(1){margin-right:auto;flex:1 1 0}
.main-zone .f .item:nth-child(2){margin-left:auto;margin-right:auto;flex:1 1 35%}
.main-zone .f .item:nth-child(3){margin-left:auto;flex:1 1 0}
.main-logo{text-align:center}
.main-logo img{margin-bottom: 5px;}

.img-main-logo{width:100%;max-width:505px;}




/* headers tools (ingresar registrarse)*/
.header-tools{justify-content:flex-end}

.header-search{background-color: var( --gris-oscuro-2); padding: 5px 10px;}
.header-search .input-buscar,
.header-search .btn-submit,
.header-search .input-buscar:focus {background-color: var( --gris-oscuro-2);  color: #fff; border: 0;}
.header-search .input-buscar:focus {outline:none}


/* NAV en sec-zone de header */
.sec-zone--nav{width:100%}
.sec-zone--nav-ul{width:100%;display:flex;justify-content:center;list-style:none;padding:0;margin:0;line-height:1em; flex-wrap: wrap;}
.sec-zone--nav-ul>li>a {
    color: #fff;
    padding: 11px;    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase
}
.sec-zone--nav-ul>li.home i{margin-top:-2px}
.sec-zone--nav-ul>li>a:hover,
.sec-zone--nav-ul>li>a.activo {
    background-color:var(--naranja-shadow);
    transition: ease-in all .1s;
}
.sec-zone--nav-ul a:hover{text-decoration:none}


/* ===================== */
/*   SLIDING BUSCADOR    */
/* ===================== */

.sliding-buscador{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.7);z-index:99}
.sliding-buscador .container{padding:30px;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%); display: flex; flex-direction: column;}

.sliding-buscador form{width:50%;display:block}
.sliding-buscador .search-group{height:50px;position:relative}
.sliding-buscador .input-buscar,
.sliding-buscador .btn-submit{background-color:#fff;border:none;padding-left:15px;padding-right:15px}
.sliding-buscador .input-buscar{border-top-left-radius:5px;border-bottom-left-radius:5px;flex:1 1 90%}
.sliding-buscador .btn-submit{border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:1.8em;line-height:1em;flex:1 1 10%;text-align:right}
.sliding-buscador .otros-links{font-size:.8em;padding-top:5px}
.sliding-buscador .otros-links i{margin-right:2px}
.sliding-buscador .otros-links a{color:#fff}
.sliding-buscador .otros-links a:hover{color:#fff068; text-decoration: none;}
.sliding-buscador .search-group button.btn{background-color:transparent}

.titulo-buscar{
    text-align: left;
    color: #fff;
    font-size: 3.5em;
}




/* boton cerrar */

#x-sliding-buscador{font-size:40px;color:var(--naranja);cursor:pointer;cursor:hand;position:absolute;right:15px;top:15px;opacity:.85}
#x-sliding-buscador:hover{opacity:1}





/* ===================== */
/* SLIDING MENU VERTICAL */
/* ===================== */
.sliding-menu {
    height: 100vh !important;
    width: 50vw;
    max-width: 330px;
    background-color: var(--gris-oscuro);
    background-image: url(/u/plantillas/p/terra-chile/imgs/header-bg-2.png);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;    
    transform: translateX(-100%);
    transition: all .4s ease-out ; /* que, cuanto, como, cuando */
    z-index: 999;
    box-shadow: 3px 0 2px rgba(0, 0, 0, 0.25);    
}

.sliding-menu.muestra-menu {
    opacity: 1;
    transform: translateX(0);

}



.sliding-menu--header, .sliding-menu--body {
    padding: 20px;
}

.sliding-menu a {color: #fff;}
.sliding-menu a:hover {text-decoration: none;}

.sliding-menu--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sliding-menu .redes {margin-right: auto;}
.sliding-menu .redes a{margin-left: 0; margin-right: 5px;padding-left: 0;}

.sliding-menu .close-menu {
    color: var(--naranja);
    cursor: pointer;
    font-size: 16px;
    margin-left: auto;
}



/* ================================ */

.sliding-menu .titulo-menu{font-weight:700;text-transform:uppercase;border-bottom:solid 1px rgba(255,255,255,0.6);color:#fff;padding-bottom:10px;margin-top:0}
.sliding-menu .form-control:focus{box-shadow:none}
.sliding-menu .container{padding:30px 0;justify-content:center;flex-wrap:wrap;flex-direction:column}
.sliding-menu .col{padding-right:15px;padding-left:15px}
.sliding-menu .col:nth-child(1){flex:1 1 33.3%}
.sliding-menu .col:nth-child(2){flex:1 1 33.3%}
.sliding-menu .col:nth-child(3){flex:1 1 33.3%}
.sliding-menu .titulo-menu.f .publicar{margin-left:auto;font-weight:100;font-size:.8em;background-color:rgba(0,0,0,0.2);padding:5px;margin-top:-3px;margin-bottom:-2px;text-transform:uppercase}
.sliding-menu,.sliding-menu a{color:#fff}
.sliding-menu a:focus{text-shadow:0 0 5px #fff;outline:0}
.sliding-menu .small-txt{font-size:.8em}
.sliding-menu .small-txt a{text-decoration:underline}
ul.main-nav{list-style:none;padding:0;margin:0;column-rule:1px solid rgba(0,0,0,0.2)}
ul.main-nav>li{display:block}
ul.main-nav>li>a{text-transform:uppercase;font-weight:700;border-bottom:solid 1px rgba(255,255,255,0.3);margin-bottom:5px;padding-bottom:5px;display:block}
ul.main-nav>li>a:hover{border-bottom:solid 1px rgba(255,255,255,0.8)}


/* Subsecciones estilo borde */
ul.main-nav>li.cont-subsec>a{border-bottom:0;padding-bottom:0;margin-bottom:0}
.main-nav .subsec{margin-bottom:5px;padding-bottom:5px;border-bottom:solid 1px rgba(255,255,255,0.3)}
.main-nav .subsec a{color:rgba(255,255,255,0.8)}
.main-nav .subsec a:hover{color:rgba(255,255,255,1)}


/* Animacion Toggle ===================================== */


/*genericos */

.c-hamburger:focus{outline:none}
.c-hamburger{background-color:transparent;display:block;position:relative;overflow:hidden;margin:0;padding:0;width:40px;height:30px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}
.c-hamburger span{display:block;position:absolute;top:13px;left:0;right:0;height:4px;width:100%;border-radius:10px}
.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;border-radius:10px;content:""}
.c-hamburger span::before{top:-10px}
.c-hamburger span::after{bottom:-10px}

/* animacion y efectos */
.c-hamburger span{-webkit-transition:background 0;transition:background 0}
.c-hamburger span::before,.c-hamburger span::after{-webkit-transition-duration:0.3s,.3s;transition-duration:0.3s,.3s;-webkit-transition-delay:0.3s,0;transition-delay:0.3s,0}
.c-hamburger span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
.c-hamburger span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.c-hamburger.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.c-hamburger.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.c-hamburger.is-active span::before,.c-hamburger.is-active span::after{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}

/*declaro los colores del toggle por que tenia problemas de color al agregar/remover clase fixed*/
.fixed .c-hamburger span::before,.fixed .c-hamburger span::after,.fixed .c-hamburger span{background-color:#fff}
.c-hamburger.is-active span::before,.c-hamburger.is-active span::after{background-color:#fff}
.c-hamburger span,.c-hamburger span::before,.c-hamburger span::after{background-color:#fff}
.c-hamburger.is-active span{background-color:transparent}


.c-hamburger{transform: scale(0.8);}

/* AL HACER SCROLL*/
/* =============== */

/* El script agrega la clase fixed, entonces, la animo y oculto/modifico propiedades internas */
.main-header.fixed{position:fixed;top:0;left:0;right:0;z-index:999;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25);
    height:auto; background-position:top center; height: 60px;}

.main-header.fixed .sec-zone,.main-header.fixed .bajo-logo,.main-header.fixed .zona-subsec{display:none}
.main-header.fixed .main-logo-color{display:none}
.main-header.fixed .main-logo-blanco{display:block}
.main-header.fixed .main-zone .container{padding-top:15px;padding-bottom:15px}

.main-header.fixed .c-hamburger{transform:scale(0.7)}
.main-header.fixed .main-zone a{color:#fff}
@-webkit-keyframes silde_to_top {
0%{transform:translateY(-100%);opacity:0}
100%{transform:translateY(0);z-index:999;opacity:1}
}
.main-header.fixed{-webkit-animation-name:silde_to_top;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-delay:0;-webkit-animation-play-state:running;-webkit-animation-fill-mode:forwards}

.main-header.fixed .main-logo img {width:90px; margin-bottom: 0; margin-top: -7px;}




/* ================================= */

@media only screen and (max-width: 768px) {
    /* Al body, acl clickear toggle anulo el scroll Y (ver js)*/
    body.body-noscroll-m {overflow-y: hidden;}
    /* doy un padding top por que fijo el menu arriba*/
    body{padding-top:60px}
    
    .main-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        height: 55px;
       
       
    }

    .main-logo img{width: 100px;}
    
    .main-header .sliding-menu{overflow:scroll;max-height:100vh;padding-top:45px}
    .main-zone{position:absolute;top:0;left:0;right:0;z-index:999}
    .main-zone .f .item:nth-child(1){flex:20%}
    .main-zone .f .item:nth-child(2){flex:60%}
    .main-zone .f .item:nth-child(3){flex:20%}
    .main-zone .f .item.header-tools{flex:20%}


    .c-hamburger{transform:scale(0.7)}
    .c-hamburger span::before{top:-10px}
    .c-hamburger span{left:0;width:30px}
    .c-hamburger span::after{bottom:-10px}
    .main-zone .container{padding-top:7.5px;padding-bottom:7.5px}
    .header-tools a{padding:0;font-size:20px;margin-left:10px}
    .main-logo{text-align:center}
    .img-main-logo{width:180px}
    .bajo-logo,.sec-zone,.zona-subsec{display:none}


    .header-tools .redes {display: none;}

    /*Menu*/

    .sliding-menu {
    width: 100%;
    max-width: 100vw;
    max-height: 100vh;
    overflow-y: scroll;
  }


    .sliding-menu .container{padding:0}
    .sliding-menu .col{padding:20px;border-bottom:solid 1px rgba(0,0,0,0.3);margin-bottom:0}
    .sliding-menu .col:nth-child(1){flex:100%;background-color:rgba(0,0,0,0.3)}
    .sliding-menu .col:nth-child(2){flex:100%;background-color:rgba(0,0,0,0.2);border-top:solid 1px rgba(255,255,255,0.1)}
    .sliding-menu .col:nth-child(3){flex:100%;border-top:solid 1px rgba(255,255,255,0.1)}
    .sliding-menu .zona-redes .iconos{font-size:1.6em}

    .sliding-menu--body{display: flex; flex-direction: column;}
    .sliding-menu--body .main-nav{display: flex; flex-direction: column;}


    .sliding-menu--header, 
    .sliding-menu--body {padding: 15px;      }
    
    
    .sliding-menu--body {padding-top: 0;}


    .sliding-buscador{      max-width: 100vw;  z-index: 9999  }

    
    .sliding-buscador form{width:100%}
    #x-sliding-buscador{top:3px;right:10px}

}





/* BUSCADOR EXPANDIBLE */
@media screen and (max-width:768px){

    .header-search{background-color: transparent;}

.searchbox{
    
    position:absolute;
    right: 0;
    top: 0;
    min-width:45px;
    width:0;    
    height:100%;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    display: flex;
    align-items: center;
  
}
.searchbox-input{
    position: relative;
    top:0;
    right:0;
    border:0;
    outline:0;    
    width:100%;
    height:29px;
    margin:0;
    padding:0;
    
    opacity: 0;
    padding-left: 10px;
    
    
}
.searchbox-icon{background-color: var(--gris-oscuro-2);}
.searchbox-icon,
.searchbox-submit{
    width:30px;
    height:30px;
    display:block;
    position:absolute;
    top:12px;
    font-size:16px;
    right:15px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    font-size: 12px;
    font-weight: 100;
    
}
    .searchbox-open{width:100%; padding-left: 15px;  background-color: var(--gris-oscuro-2);}
    .searchbox-open .searchbox-input{max-width: calc(100% - 15px); opacity: 1;}
  
    
    .btn-submit.searchbox-submit i{color: var(--naranja);}



    .main-header.fixed .searchbox-icon, .searchbox-submit{top: 15px;}

}

/* ================================= */

.main-footer{
    background-color:var(--gris-oscuro);      
    color: #fff;
}

.main-footer a{color: #ffffff;}
.main-footer a:hover{color: var(--naranja);}
.main-footer p{margin: 0;}
.main-footer .alpha{color: rgba(255, 255, 255, 0.7);}

.main-footer .row{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.main-footer .zona-1{padding-top: 20px; padding-bottom: 20px;}

.main-footer small{opacity: .7;}
.footer-nav li a{font-size: .7em;}
.footer-nav li a:hover{background-color: transparent;}


.footer-nav li a{padding: 0; margin: 0 5px;}
.footer-nav li a.activo{background-color: transparent; color: var(--naranja); font-weight: 600;}




/* zona 2 */
.main-footer .zona-2{background-color: var(--naranja);padding-top: 15px; padding-bottom:15px; line-height: 1em;}
.main-footer .zona-2 .container {justify-content: space-between; align-items: center;}
.main-footer .zona-2 .comscore {width: 100px; margin-left: 10px;}
.main-footer .zona-2 .copy,
.main-footer .zona-2 .comscore {opacity: .7;}
.main-footer .zona-2 .copy:hover,
.main-footer .zona-2 .comscore:hover {opacity:1;}
.e80 {display: flex; align-items: center; justify-content: flex-end; opacity: .7; margin-left: auto; font-size: 9px;}
.e80:hover {opacity: 1;}
.e80 small {font-style: italic; margin-top: 7px;}
.e80 img{width: 38px;  margin-left: 7px;}


/* MOBILE */

@media screen and (max-width:768px){
    

    .main-footer .row{justify-content: center;}
    .main-footer [class*="col-"]{text-align: center;}
    .footer-nav{margin: 15px 0;}
 

    .main-footer .zona-2 .container.f{
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    .e80{margin:0 auto ;}

}

@media screen and (min-width:768px){

    .footer-row-flex{display: flex; align-items: center;}
    .footer-row-flex div[class^="col-"]{align-self: stretch; justify-content: center; flex-direction: column; display: flex;}
    
    .border-r{border-right: solid 1px rgba(255, 255, 255, 0.2);}
    .border-l{border-left: solid 1px rgba(255, 255, 255, 0.2);}
    

}

/* ======================================= */



/* TITULOS */


.titulo-region h1, .titulo-region h2{
    text-transform: uppercase;    
    background-color: transparent; 
    padding: 0;
    font-size: 1.3em;
    color: var(--gris-oscuro);  
    font-weight: 500;  
    line-height: 1em;
    border-bottom: solid 1px var(--gris-claro);
    border-left: solid 5px var(--naranja);
    width: 100%;
    padding: 5px 10px;
    display: block;
    text-align: left;
 }
 
 
 .titulo-region:before, 
 .titulo-region:after,
 .titulo-region h2:after  {display: none;}

.titulo-region {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex: 2 auto;
  
  
    line-height: 1em;
    padding-bottom: 8px;
}
.listado.portada .titulo-seccion h1, .listado.portada .titulo-seccion h2{padding-left: 10px;}



/* NUEVO PLANTEO (aspectos genericos) =========
============================================= */

.article-v2 a:hover{text-decoration: none;}

.article-v2 .bajada {
    background-color: rgba(54, 61, 63, 0.90);
}

.article-v2 .bajada-p {
    font-size: 14px;
    line-height: 1.2em
}

.article-v2 picture,
.div-nofoto:before {
    background-image: url(/u/plantillas/p/terra-chile/imgs/main-logo-gray.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: calc(50% - 50px);
    background-size: 20%;
    background-blend-mode: soft-light;
    background-color: #d3b19f;
}

.btn.leer-mas {
    background-color: transparent;
    border: solid 1px var(--naranja);
    color: rgba(255,255,255,.7)!important;
}

.btn.leer-mas:hover {
    color: rgba(255,255,255,1)!important;
    border: solid 1px var(--naranja);
    background-color: #000;
}
article.t-full .btn.leer-mas{
    font-size: .7em;
}


.article-v2.t2:hover .foto img {filter: brightness(1.2); transition:.2s ease-in-out ;}

article[class*="con"] .z-foto::after, article.t2[class*="con"] .foto::after, article.t3[class*="con"] .foto::after{

    background-color: var(--naranja);
    top: 0;
    right: 0;    
    border-bottom-left-radius: 5px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

article.con-video .z-foto::after, article.t2.con-video .foto::after, article.t3.con-video .foto::after{
    background-image: url(/u/plantillas/p/terra-chile/imgs/ico-video.svg);
}


/*  ========  MEDIAS QUERIES ==================================================================================== */


/* ============================================================================================================= */

@media only screen and (min-width: 320px) {
    /* aplicar clase .vertical-align al row para que los col centren vertical (usar con precacion) */
    .vertical-align {
        display: flex;
        flex-direction: row;
    }
    .vertical-align>[class^="col-"],
    .vertical-align>[class*=" col-"] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* Optional, to align inner items 						  horizontally inside the column */
    }
    .flex-right {
        margin-left: auto
    }
    /* HEADER ===================================== */
    /* Articulos ========= */
    .home .caja {
        border-bottom: 0;
    }
    .caja {
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }
    .sidebar .caja {
        border-bottom: none
    }
    /* MODULO FOTONOTICIA    ========= */
    .modulo-fotonoticia .caja {
        border-bottom: 0
    }
    .modulo-fotonoticia article .titulo {
        font-size: 1.2em;
        line-height: 1.2em
    }
    .modulo-fotonoticia article.vertical img {
        width: 100%
    }
    /* Iternas ========= */
    .titulo-pagina,
    .titulo-widget {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: solid 2px;
        position: relative
    }
    .titulo-pagina h1,
    .titulo-widget h2 {
        font-weight: 700;
        font-size: 22px;
        letter-spacing: -1px;
        margin: 0
    }
    .titulo-pagina h1 a {
        font-weight: inherit;
        color: inherit
    }
    /* tamaños (<- ??) */
    .titulo {
        line-height: 1em;
    }
    .article-home .titulo {
        font-size: 24px
    }
    .article-home .resumen {
        line-height: 1em;
        line-height: 1.2em;
        margin-bottom: 0
    }
    .article-home.chica .volanta {
        font-size: 12px;
        text-transform: uppercase;
    }
    .article-home.chica .titulo {
        font-size: 18px;
        margin-bottom: 6px
    }
    .volanta,
    .titulo {
        margin-top: 0;
        margin-bottom: 0.2em
    }
    .article-bandera .titulo {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0
    }
    .contendor-listado article .titulo {
        margin-bottom: 5px
    }
    .contendor-listado a {
        color: inherit
    }
    /* CUSTOM GALERIA DE FOTOS ======== */
    .nav-categorias li.active a {
        font-weight: 700;
        background-color: #355877;
        color: #FFFFFF
    }
    .toggle-cats {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0px 10px;
        color: #355877;
        height: 26px;
        line-height: 16px;
        margin: 0;
        border: 0;
        background-color: transparent
    }
    .toggle-cats i {
        font-size: 24px;
        line-height: 16px
    }
    .toggle-cats:focus {
        border: 0;
    }
    .ico-bread {
        font-size: 16px;
        line-height: 1em;
        padding-left: 10px;
        padding-right: 10px;
        color: #355877
    }
    /* NUEVO PLANTEO (en < 320) ************************* 
		*****************************************************  */
    .article-footer small {
        font-weight: 100;
        color: #fff;
        background-color: var(--naranja);
        border-radius: 10px;
        padding: 5px 9px;
        text-transform: uppercase;
    }
    
    .article-footer small.marcado:before{display: none;}


    article.t5[class*="con"] .z-foto::after{
        width: 40px;
        height: 40px;
    }
    article.t5[class*="con"] .z-foto::after{
        top: 0;
        right: 0;
        
    }


    /* FONT --- SEGUN COLUMNA */
    .article-v2 .titulo {
        font-size: 21px;
        line-height: 22px;
        margin-bottom: 7.5px;

    }
    /* Font general */
    .volanta {
        font-size: 12px;
        font-weight: 500;
    }
    .volanta .hora {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.72)
    }
    /* CATASTROFE: titulo */
    article.t5 .titulo {
        font-size: 30px;
        line-height: 1em;
        max-height:none ;
    }
    article.t5 .tag {
        font-size: 16px;
        margin-right: 10px;
        display: inline-block;
        
    }
}



@media only screen and (min-width: 768px) {
    /* Articulos ========= */
    .volanta,
    .titulo {margin-top: 0;  margin-bottom: 0    }






    

    .article-bandera .titulo {
        font-size: 26px;
        line-height: 1.2em;
        margin-bottom: 0;
        letter-spacing: -0.03em;
        word-spacing: -0.03em
    }
    /* CUSTOM GALERIA DE FOTOS ======== */
    .nav-categorias li.active a {
        font-weight: 700;
        background-color: #fff;
        color: #355877
    }
    /* MODULO FOTONOTICIA    ============================
		===================================================== */
    .modulo-fotonoticia article.vertical {
        height: 362px;
        overflow: hidden
    }
    .modulo-fotonoticia article.vertical img {
        width: auto;
        height: 362px;
        display: block;
        text-align: center;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .modulo-fotonoticia article.scale .titulo {
        font-size: 1.3em
    }
  

    /* CATASTROFE: titulo */
    article.t5 .titulo {
        font-size: 30px;
        line-height: 1em;
    }

    article.t2 .titulo,
    .article-v2 .titulo{max-height: 73px; overflow: hidden;}
    
    
    .fila-postres{
        background-image: url(/u/plantillas/p/terra-chile/imgs/bg-fila-postres.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
}

.article-v2 .bajada2 p{color:rgba(0, 0, 0, 0.65)}

/* Desde 1024 para arriba entonces ============================================================================= */
/* ============================================================================================================= */

@media only screen and (min-width: 992px) {
    /* MODULO FOTONOTICIA    ============================
		===================================================== */
    .modulo-fotonoticia .caja:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .modulo-fotonoticia article.vertical {
        height: 326px;
    }
    /* NUEVO PLANTEO (en < 1024) ************************* 
		*****************************************************  */
    /* FONT --- SEGUN COLUMNA */
    /*	 .article-v2 .titulo  {line-height: 16px; line-height: 17px }	*/
    article.t5 .titulo {
        font-size: 47px;
        line-height: 1.2em;
        
    }
    article.t5 .volanta {
        display: inline-block;
        background-color: transparent;
        padding: 0;        
        font-size: 16px;
        line-height: 1em;
        margin: 0;
        font-weight: 500;                
    }
    article.t5 .tag {
        font-size: 18px;
        font-weight: 200
    }
    article.t5 small.marcado:before {
        width: 10px;
        height: 10px
    }
    article.t5 .icono-compartir {
        background-color: #355877
    }
    article.t5 .bajada {
        padding: 40px;
        font-size: 1.3em
    }
    article.t-full .titulo {
        font-size: 25px;
        line-height: 1.1em;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    

    article.t5:hover figure  img {
        filter: brightness(1.2);
        transition: ease-in all .2s;
    }

    article.t5 .link:hover h2 span{color: var(--naranja);}


    /* quito bajada en t4s */
    article.t4 .bajada-p{display: none;}
    
    /* Trunco el titulo de */

    article.t2 .titulo{max-height: 67px;}

    .p33 article.t2 .titulo {height: 84px;}
    .p20 .t1 .titulo {height: 61px}
    
    
    /* Agrando el titulo de:  */
    .p50 article.t1 .titulo,
    .p50 article.t3 .titulo,
    .p66 article.t3 .titulo,
    .p66 article.t4 .titulo {
        font-size: 24px;
        line-height: 1em;
    }


    .p50  article.t4 .titulo{
        font-size: 37px;
        line-height: 1em;
    }

    .interna .titular {
        font-size: 43px;
    }


    .p50 .article-v2.t2 .titulo{        
        max-height: 64px;
    }


}


/* Desde 1200 para arriba entonces... 	*/

@media only screen and (min-width: 1200px) {
    .modulo-fotonoticia article.vertical {
        height: 400px;
    }
    .modulo-fotonoticia article.vertical img {
        height: 400px;
    }
}

.mb-0{margin-bottom: 0!important;}


.fila-gastrolabtv{
    position: relative; overflow: hidden;
    background-color: #000;
    background:url("/u/plantillas/p/terra-chile/imgs/gastrolab-tv-noise.png"), radial-gradient(circle, #29374a 0%, #000 100%) ;
    background-blend-mode: color-dodge, normal;
    position: relative;
}


/* MOVIL */
@media screen and (max-width:768px){



    .article-v2.catastrofe{
        width: 100vw;
        margin-left: -15px;
    }


    .article-v2 .titulo{
        font-size: 20px;
        line-height: 1.2em;
    }
    
    .article-v2.t2 .titulo{
        font-size: 18px;
        line-height: 1.05em;
        margin-bottom: 0;
    }

    article.t2 .t2-izq{    flex: 1 1 37%;}


    

}


/* FILAS */


.fila-tv{
    
    background-image: 
    url(/u/plantillas/p/terra-chile/imgs/gastrolab-tv-noise.png),
    linear-gradient(to right top, #1b1e55, #132456, #0c2957, #072d56, #083155, #133157, #1c3259, #24325b, #382d5d, #4c2459, #5e184f, #6d0240);
    background-blend-mode: overlay, normal;
    margin-bottom: 0!important;
}



.fila-radio {
	background: linear-gradient(-45deg, #23084c, #15090e, #381b00 , #560037);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}
.modulo-radio .logo img{max-width: 100%;}

@media screen and (max-width:768px){
    .fila-tv > .container{margin:0 15px ;}
    .header-gastrolabtv{text-align: center;}
}



@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.modulo-radio .logo {margin-bottom: 20px;}
.modulo-radio .logo img{width: 346px;}


/* FILA SLIDE FULL */

.lSSlideOuter .lSPager.lSpg > li a{background-color: rgba(255, 255, 255, 0.4)}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a{background-color: #ff5a19;}

.fila-slide-full > .fila > .container{
    width: 100%;
    padding: 0; margin:0 ;
}


.fila-slide-full [class*="col-"],
.fila-slide-full .row{padding: 0; margin-left: 0; margin-right: 0;}


/* modulo mas leidas slide */
.mas-leidas-940 .volanta{
    background-color: var(--naranja);
    border-radius: 10px;
    border: 0;
    color: #fff;top: 17px; right: 0; left: auto; 
    padding:4px 6px; padding-top: 6px; 
    font-size: 11px; line-height: 1em;
    
    transform: none;
    max-width: calc(100% - 50px);
    right: 10px;
    top: 10px;
    
    }

.mas-leidas-940 .titulo{text-align: left; padding-left: 30px; }
.mas-leidas-940 .nro-ranking{
     border: none; border-radius: 0;
     left: 10px; top: 10px; margin-left: 0;
     width: auto; height: auto;
     font-weight: 100;
     color: var(--naranja);
     background-color: transparent;
     border-bottom: solid 1px #fff;
     text-shadow: none;
     padding-bottom: 3px;

}

/* ====================================== */





/* LISTADO =====================================
============================================= */

body.listado.portada{background-color: #f3f3f3;}


.listado.portada .titulo-seccion {
    font-weight: 100;
    text-align: left;    
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.listado.portada .titulo-seccion h1, .listado.portada .titulo-seccion h2 {
    font-weight: 600;
    line-height: 1em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    
}


@media screen and (max-width:768px){
    .listado.portada .titulo-seccion h1, .listado.portada .titulo-seccion h2{padding-left: 7.5px;}
}


.grupo-listado {
    padding-bottom: 40px;
    margin-bottom: 40px;
    float: left
}

.listado .titulo-grupo {
    font-weight: 100;
    text-transform: capitalize;
    font-size: 14px;
    display: block;
    color: #000000;
    clear: both;
    padding: 10px;
    font-weight: 700;
    padding-left: 0
}

.listado .titulo-grupo:before {
    content: "\ea43";
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    margin-right: 5px;
    color: #355877;
}

.contendor-listado .caja {
    border-bottom: solid 1px #E0E0E0
}

.cabecera-seccion {
    background-color: #242d3c;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cabecera-seccion h1 {
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 28px;
    padding-left: 10px;
    margin: 0;
    margin-top: 8px;
    display: inline-block;
    border-left: solid 6px #355877
}



@media screen and (min-width:768px){
    
    .listado.portada article.t2 .titulo {line-height: 1em; margin-bottom: 2px;}
    .listado.portada p.resumen {overflow: hidden; max-height: 34px; margin-bottom: 0; line-height: 1.2em;}
}


/* ====================== */




.interna .zona-titulo .volanta{
    font-weight: 500;
    font-size: 14px;
}



/* INTERNA ======================================= */
.interna aside.relacionadas .relacionadas-titulo-gral {
    text-transform: none;
    color: #363d45;
    font-size: 21px;
}

.inner-share-bar a{border-radius: 0; background-size: cover!important;}

.inner-share-bar a.ico-fb{background-image: url(/u/plantillas/p/terra-chile/imgs/iconos/facebook.svg);}
.inner-share-bar a.ico-tw{background-image: url(/u/plantillas/p/terra-chile/imgs/iconos/twitter.svg);}
.inner-share-bar a.ico-wp{background-image: url(/u/plantillas/p/terra-chile/imgs/iconos/whatsapp.svg);}
.inner-share-bar a.ico-comm{background-image: url(/u/plantillas/p/terra-chile/imgs/iconos/comments.svg);}

/* ============================================== */

.fecha-y-tags .date {
    display: inline-block;
    border-left: solid 2px #355877;
    padding-left: 5px
}


/* tags ------------------- */

.tags-cloud .tag,
.tags-cloud header {
    background-color: #F4F4F4;
    border-left: solid 2px rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 1.00);
}

.tags-cloud .tag:hover {
    background-color: var(--naranja)
}

.tags-cloud .tag:focus {
    background-color: var(--naranja);
}

.tags-cloud header {
    background-color: var(--naranja);
    color: #FFF
}

.tags-cloud header:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: var(--naranja);
}

.interna .txt_contenido a {
    background-color: #F4F4F4;
}

.interna .bajada {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);


}

.interna .cuerpo-nota {
    color: #272727;
    font-size: 1.3em;
    line-height: 1.4em
}


.interna .cuerpo-nota p{
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    
}

/*.interna .fecha-y-seccion{border-bottom-color: #355877; border-top-color: #355877 }*/

.interna .fecha-y-seccion .seccion a {
    color: #363d45;
}

.interna .fecha-y-seccion .seccion:before {
    background-color: var(--naranja);
    width: 4px;
    
}

.interna .fecha-y-seccion .fecha {}


/* MODULOS EN HOME ==== */

.modulo-fotonoticia {
    border-top: solid 6px #355877;
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
    padding-top: 15px!important;
}

.header-modulo h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.header-modulo .btn.vermas {
    background-color: #000000;
    font-size: 11px;
    padding: 3px 6px
}

.header-modulo .btn.vermas:hover {
    background-color: #355877
}

.modulo-fotonoticia {
    background-color: #141414;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0, rgb(40, 40, 40)), color-stop(1, rgb(0, 0, 0)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top right, rgb(40, 40, 40) 0%, rgb(0, 0, 0) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom left, rgb(40, 40, 40) 0%, rgb(0, 0, 0) 100%);
    background-image: -ms-repeating-linear-gradient(top right, rgb(40, 40, 40) 0%, rgb(0, 0, 0) 100%);
}

.modulo-fotonoticia.sociales {
    background-color: #1c1129;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzODIxNTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0, rgb(56, 33, 82)), color-stop(1, rgb(0, 0, 0)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top right, rgb(56, 33, 82) 0%, rgb(0, 0, 0) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom left, rgb(56, 33, 82) 0%, rgb(0, 0, 0) 100%);
    background-image: -ms-repeating-linear-gradient(top right, rgb(56, 33, 82) 0%, rgb(0, 0, 0) 100%);
}


/* titular seteo base (de movil para arriba) */

.interna .titular {
    font-size: 40px;
    line-height: 1em;
    margin-bottom: 1rem;
    font-weight: 500;
}


.boton-ver-mas{margin-top: 30px;}


/* relacionadas desktop */

.interna aside.relacionadas.con-foto .item-tit{
    font-weight: normal;
    font-size: 19px;
}

.interna aside.relacionadas li{margin-bottom: 7.5px;}
 

/* link legales pie */

.main-footer .avisos {margin-left: 10px; padding-left: 5px; border-left:solid 1px rgba(255, 255, 255, 0.568) ;}
.main-footer .avisos a{opacity: .7; margin-left: 5px;}
.main-footer .avisos a:hover{opacity: 1; color: #fff;}

@media screen and (max-width:768px){
.main-footer .avisos {border-left: none; margin-left: 0; padding-left: 0; margin-top: 7.5px;}
}

/* emails pie */

.emails-pie{    display: flex; margin-top: 5px;}
.emails-pie a{line-height: 1em;}
.emails-pie a:hover{text-decoration: none;}
.emails-pie a:first-child{border-right: solid 1px rgba(255, 255, 255, 0.2); padding-right: 10px; margin-right: 10px;}
.footer-autorizacion{display: block;margin-top: 5px;}

.main-footer  small{font-size:75% ;}


@media screen and (max-width:768px){
    .emails-pie a,
    .emails-pie a.alpha     {color: #fd6f23;}    
    .footer-autorizacion{text-align: center;margin-top: 12px; margin-bottom: 5px; line-height: 15px;}

    /*ubico e80*/
    .main-footer .zona-2{position: relative;  padding-bottom: 40px;}
    .e80{ position: absolute; bottom: 15px;}
}


@media screen and (max-width:768px){
    .main-footer{text-align: center;}
}