/*------------------------------------------ */ /* 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-usa/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-usa/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-usa/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;} .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-usa/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-usa/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-usa/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; } } @media screen and (min-width:992px) and (max-width:1024px){ } /* 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-usa/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-usa/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-usa/imgs/iconos/facebook.svg);} .inner-share-bar a.ico-tw{background-image: url(/u/plantillas/p/terra-usa/imgs/iconos/twitter.svg);} .inner-share-bar a.ico-wp{background-image: url(/u/plantillas/p/terra-usa/imgs/iconos/whatsapp.svg);} .inner-share-bar a.ico-comm{background-image: url(/u/plantillas/p/terra-usa/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; margin-bottom: 30px;} /* relacionadas desktop */ .interna aside.relacionadas.con-foto .item-tit{ font-weight: normal; font-size: 19px; } .interna aside.relacionadas li{margin-bottom: 7.5px;} .main-footer small{opacity: .7;} .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;} } /* 02-12-25*/ @media screen and (max-width: 768px) { .emails-pie a,.emails-pie a.alpha{color:#cfc55a} } .main-footer .zona-2 .copy,.main-footer .zona-2 .comscore{opacity:1} .main-footer .avisos a{opacity:1;line-height:1em;border:solid 1px #ffffff57;font-size:12px;padding:4px 7px;border-radius:3px} .main-footer .avisos a:hover{text-decoration:none;background:#2c2c2c;border-color:#000} @media screen and (max-width:768px) { .main-footer .avisos{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;border-top:dotted 1px #ffffff6b;border-bottom:dotted 1px #ffffff6b;padding-top:15px;padding-bottom:15px;margin-top:20px} .main-footer .avisos a{color:#fff;padding:8px 9px;line-height:1em;background:#2c2c2c70;border-radius:2px;border:none} .main-footer .avisos a.comercial{background-color:#000000ab} }