.cf:after, .cf:before { content: " "; display: table } .cf:after { clear: both } .cf { clear: both } .circle { border-radius: 50% } article, figure { position: relative } .label { border-radius: 0 } .cleft { float: left; width: 100% } .nav>li>a:focus { background-color: #0003 } h1, h2, h3 { margin-top: 0 } .volanta { font-size: 12px; text-transform: uppercase; margin: 0; letter-spacing: normal } .img-100 { width: 100%; height: auto; display: block } .mb30 { margin-bottom: 30px } .mb20 { margin-bottom: 20px } .mb0 { margin-bottom: 0 !important } iframe { border: 0 } .region { width: 100% } .region.concolor { padding-top: 30px; padding-bottom: 10px; margin-bottom: 30px } .region.concolor .titulo-region, .region.concolor .titulo-region h2 { color: #fff } .region.concolor .titulo-region::before { background: linear-gradient(to left, #fff 0, #fff0 100%) } .region.concolor .titulo-region::after { background: linear-gradient(to right, #fff 0, #fff0 100%) } article figure { margin-bottom: 5px } article.borde-nota .article-content { padding: 15px; padding-top: 10px } .share-article { position: absolute; padding: 10px; top: 5px; right: 0; background-color: #0009; text-align: center; opacity: 0; z-index: 5 } .share-article a { margin-left: 7.5px } .share-article a:first-child { margin-left: 0 } .share-article .ico { display: flex; align-items: center; justify-content: center; background-color: #fff; text-align: center; font-size: 20px; width: 35px; height: 35px; border-radius: 2px; color: #ffff } .share-article .ico.fb { background-color: #3b5998 } .share-article .ico.tw { background-color: #6cdfea } .share-article .ico.wap { background-color: #25d366 } .share-article .ico.fb:hover { background-color: #294888 } .share-article .ico.tw:hover { background-color: #3ec2cf } .share-article .ico.wap:hover { background-color: #1ca14e } figure:hover>.share-article { display: flex; opacity: 1; -webkit-transform: scale(1) translateX(-5px); -moz-transform: scale(1) translateX(-5px); -o-transform: scale(1) translateX(-5px); transform: scale(1) translateX(-5px); -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99 } .titulo-region { text-align: center; position: relative; margin-bottom: 20px; z-index: 10 } .especial .titulo-region { margin-top: 0 } .titulo-region h2 { font-weight: 300; text-transform: uppercase; font-size: 30px; display: inline-block; background-color: #fff; margin-bottom: 0; z-index: 10; padding: 10px 20px } .titulo-region h2:after { content: ""; width: 100%; position: absolute; z-index: -1; height: 1px; left: 0; top: 49%; background-image: linear-gradient(to right, #333 10%, #fff0 0); background-position: top; background-size: 6px 1px; background-repeat: repeat-x } .fila.especial .titulo-region h2 { color: #fff } .fila.especial .titulo-region:after, .fila.especial .titulo-region:before { background-color: #fff; opacity: .7 } .article-v2 { background-color: #fff } .fila.especial .article-v2 { border: 0 } .fila.especial article.t2 .foto { width: 165px } .back-to-top { font-size: 26px; line-height: 1em; position: fixed; bottom: 7.5px; right: 7.5px; padding: 10px; z-index: 999; display: none; color: #fff; background-color: #455a6499; border-radius: 3px; cursor: pointer; cursor: hand } .article-catastrofe h1 { font-weight: 700; line-height: 1.1em } .article-catastrofe .volanta { font-size: 20px } .article-urgente { display: flex; align-content: center; align-items: stretch; border: solid 1px; line-height: 1em } .article-urgente p { margin-bottom: 0; display: block; width: 100% } .article-urgente p a { display: block } .article-urgente header, .article-urgente p a { padding: 15px; font-weight: 800; display: flex; align-items: center } .article-urgente header, .article-urgente p { flex: 1 1 auto } .article-urgente header { border-right: solid 1px } .titulo-bottom { position: absolute; background-color: #000000b8; bottom: 0; left: 0; width: 100%; padding: 20px; text-shadow: 2px 2px #000 } .titulo-bottom h2 { margin: 0 } .titulo-bottom a, .titulo-bottom h2 a { color: #fff; text-decoration: none } .especial.light, .especial.light .titulo-region h2 { background-color: #ededed } .especial.medium, .especial.medium .titulo-region h2 { background-color: #e6e7e8 } .especial.medium { border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc } .especial.dark, .especial.dark .titulo-region h2 { background-color: #231f20; color: #fff } .especial.dark .titulo-region h2:after { background-image: linear-gradient(to right, #fff 10%, #fff0 0) } .especial.dark .titulo a, .especial.dark p { color: #fff } .especial.dark figure:before { content: ""; position: absolute; display: block; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background-image: url(../imgs/ico-gral/article-video.svg) } article.gradient .titulo-bottom { padding-top: 10%; background: -moz-linear-gradient(top, #0000 0, #000f 100%); background: -webkit-linear-gradient(top, #0000 0, #000f 100%); background: linear-gradient(to bottom, #0000 0, #000f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0) } .article-txtbottom { overflow: hidden; width: 100%; height: auto } .article-txtbottom img { display: block; text-align: center; margin-left: 50%; transform: translateX(-50%) } article.scale { overflow: hidden; height: auto } .scale .article-txtbottom img { margin-left: auto; transform: none; width: 100% } .bnn, .bnn img { text-align: center; margin-left: auto; margin-right: auto; align-content: center; display: block } .bnn img { max-width: 100% } .modal-backdrop.in { background-color: #fff; opacity: 1 } .modal-dialog { margin-left: auto; margin-right: auto; margin-top: 20px } #x-blox-asset-ad #x-ad-close-cont { height: 30px; width: 100% } #x-blox-asset-ad #x-ad-close-cont a { width: 30px; height: 30px; margin-bottom: 10px; display: block; float: right; overflow: hidden; text-align: left; text-indent: -9999px; background-color: #ffff !important; background-image: url(/u/plantillas/imgs/close-circular-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 100% } #xAdClose i { display: none } .primer_bnn, .segundo_bnn { text-align: center } .primer_bnn img, .primer_bnn ins, .segundo_bnn img, .segundo_bnn ins { display: block; text-align: center; margin-left: auto; margin-right: auto } .primer_bnn iframe, .primer_bnn img, .primer_bnn ins { margin-bottom: 20px } .segundo_bnn iframe, .segundo_bnn img, .segundo_bnn ins { margin-bottom: 20px } .interna .segundo_bnn { margin-bottom: 0 } .row-for-5 { display: flex; flex-direction: row; justify-content: space-between; width: 100% } .banners-laterales { position: sticky; top: 10px; width: 100% } .banners-laterales .container { position: relative } .bnn-lat--left { position: absolute; left: -195px; top: 0 } .bnn-lat--right { position: absolute; right: -195px; top: 0 } @media only screen and (max-width:1200px) { .banners-laterales { display: none } } .row-flex { width: 100%; display: flex; flex-direction: row } body.listado #nav-desktop { margin-bottom: 0 } .listado .subsecciones { float: right } .listado .subsecciones li { float: left } .listado .subsecciones li a { color: #fff; padding-left: 10px; padding-right: 10px } .listado .subsecciones li a:hover { background-color: transparent; border-bottom: solid 3px #b61b29; margin-bottom: -3px } .listado .region-principal { padding-top: 20px; padding-bottom: 0; margin-bottom: 30px } .listado figure { margin-bottom: 0 } .btn.vermasnoticias { background-color: #b5b5b5; color: #fff; margin-bottom: 20px; height: 34px; width: 100% } .article-txtbottom { position: relative } .article-txtbottom .volanta { position: absolute; right: 20px; top: 20px; background-color: #b61b29; color: #fff; padding: 10px; -webkit-box-shadow: 1px 1px 0 0 #0000004d; -moz-box-shadow: 1px 1px 0 0 #0000004d; box-shadow: 1px 1px 0 0 #0000004d } .titulo-grupo { text-transform: uppercase; font-size: 12px; font-weight: 100 } .titulo-seccion-portada { background-color: red; margin-top: -20px; padding: 1.5rem } .titulo-seccion-portada h2 { margin-bottom: 0 } @media screen and (max-width:768px) { #main-content>.container>.row { display: flex; flex-direction: column } .paginador-resultados { font-size: 1em } } .article-v2.en-listado .z-foto { height: auto; min-height: auto } .article-v2.en-listado .foto { margin-bottom: 0 } .article-v2.en-listado .z-txt { height: auto } .article-v2.en-listado .bajada-p { margin-bottom: 0; max-height: 99px } .row-ppal-listado { display: flex } .row-ppal-listado [class^=col-] { display: flex; position: relative; flex: 1; align-items: stretch } @media screen and (max-width:768px) { .row-ppal-listado { flex-direction: column } .row-ppal-listado [class^=col-] { margin-bottom: 30px } .row-ppal-listado .article-v2.t1 .bajada-p { max-height: 100% } .article-v2.en-listado .bajada-p { max-height: 100%; height: auto } .article-listado .titulo { font-size: 18px } .article-listado .foto { width: 100px } } .region-interna-1 { padding-bottom: 15px; margin-bottom: 15px } .inner-share-bar { border-top: dotted 1px #bbb; padding-top: 10px } .inner-share-bar a, .inner-share-bar .click { display: block; background-color: #939598; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 50%; background-size: 15px; background-position: center center; background-repeat: no-repeat; overflow: hidden; text-indent: -999px; } .inner-share-bar a:focus { background-color: #343537 } .inner-share-bar div.ico-fb { display: block; background-color: #939598; width: 40px; height: 40px; margin-bottom: 10px; border-radius: 50%; background-size: 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-image: url(../imgs/ico-gral/ico-fb-b.svg); background-size: 10px; background-color: #3b5998 } .inner-share-bar a.ico-fb { background-image: url(../imgs/ico-gral/ico-fb-b.svg); background-size: 10px; background-color: #3b5998 } .inner-share-bar a.ico-tw, .inner-share-bar div.ico-tw { background-image: url(../imgs/ico-gral/ico-tw-b.svg); background-color: #1da1f2 } .inner-share-bar a.ico-pin { background-image: url(../imgs/ico-gral/ico-pi-b.svg); background-color: #bd081c } .inner-share-bar a.ico-wp { background-image: url(../imgs/ico-gral/ico-wp-b.svg); background-color: #25d366 } .inner-share-bar a.ico-tg { background-image: url(../imgs/ico-gral/ico-telegram-b.svg); background-color: #08c } .inner-share-bar a.ico-email { background-image: url(../imgs/ico-gral/ico-mail-envia-b.svg); background-color: #77724f } .inner-share-bar a.ico-copy { background-image: url(../imgs/ico-gral/ico-copy-b.svg); background-color: #6a7b80 } .interna .zona-titulo { display: block } .interna .cuerpo-nota p:first-child { display: block; position: relative } .interna .txt_contenido .cita em { font-style: normal; font-weight: 700 } .interna .txt_contenido .cita { font-style: normal; font-weight: 700; border-left: solid 4px #000; padding-left: 20px; float: left } .interna .txt_contenido a { text-decoration: underline } .interna .cuerpo-nota iframe, .interna .txt_contenido iframe { width: 100% } .interna .cuerpo-nota iframe[src*=facebook], .interna .cuerpo-nota iframe[src*=instagram], .interna .cuerpo-nota iframe[src*=twitter], .interna .txt_contenido iframe[src*=facebook], .interna .txt_contenido iframe[src*=instagram], .interna .txt_contenido iframe[src*=twitter] { width: 100%; display: block; margin: 0 auto; margin-bottom: 15px } .interna .fecha-y-tags { font-size: 11px; line-height: 11px; border-top: dotted 1px #bbb; padding-bottom: 14px; margin-bottom: 12px; margin-top: 14px } .interna .fecha-y-tags .fecha { float: left } .tags-cloud { text-transform: uppercase } .interna .fecha-y-seccion { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; margin-top: 15px; margin-bottom: 25px; padding-top: 10px; padding-bottom: 10px } .interna .fecha-y-seccion .seccion { text-transform: uppercase; display: flex; justify-content: space-between; align-items: center } .interna .fecha-y-seccion .seccion a:last-child { font-weight: 700 } .interna .fecha-y-seccion .seccion:before { content: ""; width: 10px; height: 10px; margin-right: 7.5px; background-color: #ccc } .interna .fecha-y-seccion .fecha { font-style: italic; font-size: 12px; margin-top: -2px; margin-left: auto } .interna .fecha-y-seccion .ico-fle { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ccc; margin-left: 7.5px; margin-right: 7.5px } .interna .fecha-y-seccion .autor { justify-content: center; position: relative; margin-left: 10px } @media screen and (min-width:768px) { .interna .fecha-y-seccion .autor { margin-left: 20px; border-left: solid 1px #ccc; padding-left: 20px } } .interna .fecha-y-seccion .foto-autor { background-color: #e8e7e7; overflow: hidden; border-radius: 50%; position: relative; width: 30px; height: 30px; margin-right: 5px } .interna .fecha-y-seccion .foto-autor img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto; height: 100%; bottom: 0 } .interna .fecha-y-seccion .nombre-autor { display: flex; align-items: center } .nota-link-autor { color: inherit } .interna .cuerpo-nota blockquote { border-left: 0 } .interna .cuerpo-nota blockquote p:last-child { margin-bottom: 0 } .interna .cuerpo-nota blockquote { font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 1.4em; position: relative; background-color: #f5f5f5; padding: 5rem 6rem; margin: 2rem 0 3rem; text-shadow: 2px 2px 2px #9696964d; text-align: center } .interna .cuerpo-nota blockquote:after, .interna .cuerpo-nota blockquote:before { position: absolute; background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; content: ""; display: block; opacity: .1 } .interna .cuerpo-nota blockquote:before { background-image: url(/u/plantillas/imgs/quotation-left.svg); left: 20px; top: 20px } .interna .cuerpo-nota blockquote:after { background-image: url(/u/plantillas/imgs/quotation-right.svg); right: 20px; bottom: 20px } @media (max-width:750px) { .interna .fecha-y-seccion { justify-content: flex-start; align-items: flex-start } .interna .fecha-y-seccion .fecha { margin: 0; font-style: normal; margin-left: auto } .interna .fecha-y-seccion .autor { order: 1 !important; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #ccc; width: 100%; justify-content: flex-start } .interna .fecha-y-seccion .seccion { order: 2 !important } .interna .fecha-y-seccion .fecha { order: 3 !important } } .interna .fotointerior, .interna figure.image { position: relative; margin-bottom: .8em } .interna .fotointerior img, .interna figure.image, .interna figure.image img { width: 100%; height: auto } .interna .epigrafe, .interna .instcodigo, .interna figure.image figcaption { font-size: 12px; line-height: 12px; color: #fff; display: block; width: 100%; background-color: #000000b3; font-weight: 100; position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; text-align: left } .interna .cuerpo-nota img { width: 100%; height: auto } .marker { background-color: #e4fa2e; padding-bottom: 2px; margin-bottom: -2px; border-radius: 2px } iframe.instagram-media { width: 100% !important; max-width: 100% !important } .interna aside.relacionadas { display: block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 2rem 0; margin: 3rem 0 } .interna aside.relacionadas .relacionadas-titulo-gral { font-size: .8em; color: #000; font-weight: 400; margin-top: 0; margin-bottom: 1.5rem; text-transform: uppercase } .interna aside.relacionadas ul { margin-bottom: 0; padding-bottom: 0 } .interna aside.relacionadas li { margin-bottom: 2rem; line-height: 1.05em } .interna aside.relacionadas li:last-child { margin-bottom: 0 } .interna aside.relacionadas li a { background-color: transparent; text-decoration: none; display: flex; align-items: center } .interna aside.relacionadas li * { font-weight: 700 } .interna aside.relacionadas ul { padding-left: 0; list-style: none } .interna aside.relacionadas .item-tit { width: 100% } .interna aside.relacionadas.con-foto a { display: flex; justify-content: space-between; color: #000 } .interna aside.relacionadas.con-foto .item-foto { padding-top: .1em; flex: 1 25% } .interna aside.relacionadas.con-foto .item-foto img { width: 100% } .interna aside.relacionadas.con-foto .item-tit { flex: 1 75%; background-color: #f7f7f7; align-self: stretch; padding: 15px; display: flex; align-items: center; font-size: 16px } @media screen and (max-width:768px) { .interna aside.relacionadas.con-foto .item-foto { position: relative; overflow: hidden } .interna aside.relacionadas.con-foto .item-foto:after { content: ""; display: block; padding-bottom: 100%; background-color: #333 } .interna aside.relacionadas.con-foto .item-foto { position: relative; min-width: 20%; flex: 1 auto } .interna aside.relacionadas.con-foto .item-foto img { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; width: auto } .interna aside.relacionadas.con-foto .item-tit { font-size: 14px } } .mas-leidas article { position: relative; padding: 15px; border-bottom: solid 1px #e6e7e8; clear: both } .mas-leidas article a { color: inherit } .mas-leidas article .antetitulo { font-size: 11px; font-weight: 400; text-transform: uppercase; margin-bottom: 2px } .mas-leidas article h4 { font-size: 14px; margin-top: 0; margin-bottom: 25px } .mas-leidas article .date { margin: 0; font-size: 11px; position: absolute; left: 10px; bottom: -1px; vertical-align: bottom } .mas-leidas h3.titulo-modulo { margin-bottom: 15px } .mas-leidas h3.titulo-modulo .left { margin-right: auto; display: inline-block } .mas-leidas article:last-child { border-bottom: 0 } .read-more-line { height: 1px; background-color: #000; position: relative } .read-more-line a { display: block; position: absolute; left: 50%; margin-left: -10px; top: -10px; background-color: inherit } .ico-arrow-down { background-image: url(../imgs/ico-gral/arrow-down.svg); background-repeat: no-repeat; background-position: center; background-size: 10px; display: inline-block; border-radius: 50%; width: 20px; height: 20px } [aria-expanded=true] .ico-arrow-down, [aria-expanded=true].ico-arrow-down { background-image: url(../imgs/ico-gral/arrow-up.svg) } .grupo-miniaturas { display: flex; flex-wrap: wrap; margin-bottom: 30px; margin-left: -7px; margin-right: -7px } .grupo-miniaturas .item { flex: 1 1 20%; max-width: 20%; padding: 7.5px } .grupo-miniaturas a { position: relative; display: block; padding-top: 56.25%; background-color: #000; overflow: hidden; width: 100%; height: auto } .grupo-miniaturas img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: cacl(100% + 2px); height: auto } .grupo-miniaturas .epigrafe { display: none } @media screen and (max-width:768px) { .grupo-miniaturas .item { flex: 1 1 50%; max-width: 50% } } .main-content-foto { position: relative; margin-bottom: 20px } .main-content-foto a.over-link { position: absolute; width: 100%; height: 100%; display: block } .PhotoSwipe-hidden { position: fixed; top: 0; visibility: hidden } .pswp__caption__center { display: flex; justify-content: center } .pswp__caption__center strong { margin-right: 6px } .nfotos { position: absolute; right: 15px; top: 15px; background-image: url(/u/plantillas/imgs/ico-maximize.svg); background-repeat: no-repeat; background-position: center 10px; background-size: 20px; min-width: 50px; min-height: 40px; background-color: #00000080; color: #fff; border-radius: 2px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; opacity: .7 } .nfotos span { border-top: solid 1px #000; display: block; width: 100%; font-size: 10px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 40px } a.over-link:hover .nfotos { opacity: 1 } .main-gallery figure { display: none } .main-gallery figure:first-child { display: block } .open-comments { margin-top: 0; font-size: 22px; line-height: 22px; cursor: pointer; cursor: hand } .open-comments .cantidad { font-weight: 400 } .modulo { clear: both } .region-interna-3 { background-color: #f4f4f4; padding-top: 30px; padding-bottom: 30px } .modulo.tambien .titulo { font-size: 18px } .modulo.ranking article { margin-bottom: 15px; padding-bottom: 15px } .modulo.ranking h4 { font-size: 14px; line-height: 18px; margin: 0 } .modulo.ranking a { color: inherit } .modulo.ranking .nro { background-color: #939598; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; display: block; text-align: center; font-weight: 700; color: #fff; margin-left: auto; margin-right: auto } .titulo-modulo-home { text-align: center; font-size: 1.5em; display: block; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0 } .titulo-modulo { font-size: 1.1em; position: relative; padding-top: 1.5rem; padding-bottom: 1.5rem; text-transform: uppercase } .titulo-modulo::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2rem; height: 3px; background-color: var(--brand-color); background-color: #ccc } .titulo-modulo h3 { margin-right: auto; margin-bottom: 0; font-size: 1.2em } .titulo-modulo .ampliar { font-size: 11px; line-height: 11px; background-color: #eee; padding: 5px } .header-modulo { margin-bottom: 15px; display: block } .header-modulo h3 { margin: 0; padding-top: 6px; padding-bottom: 6px; float: left } .header-modulo .btn.vermas { float: right } .header-modulo .btn.vermas a:hover, .header-modulo .btn.vermas:hover { text-decoration: none; color: #fff; opacity: 1 } .header-modulo .btn.vermas a { color: #fff } .header-modulo .btn.vermas i { margin-right: 5px } .paginador-resultados { width: 100%; float: left; text-align: center } .paginador-resultados ul { display: inline-block; text-align: center } .paginador-resultados .ion-chevron-right { margin-left: 5px } .paginador-resultados .ion-chevron-left { margin-right: 5px } .paginador-resultados .disabled { color: #4e4e4eff } #publicidad-top { text-align: center; line-height: 0 } #publicidad-top iframe { position: relative !important } #publicidad-top iframe, #publicidad-top img { margin-top: 15px; margin-bottom: 15px } #publicidad-top>ins { height: auto !important } .add-div { clear: both; margin-bottom: 15px; text-align: center } .bnn { clear: both; justify-content: center } body.home, body.listado.portada { background-color: #eee } .listado.portada .region-principal { background-color: #eaeaea } .listado.portada .region-principal article { background-color: #fff } .clear-col { clear: both } .listado.portada .titulo-seccion { border-bottom: solid 1px #0000001a; border-top: solid 1px #00000040; box-shadow: 0 1px 0 0 #fff6; margin-bottom: 0; width: 100% } .listado.portada .titulo-seccion h1, .listado.portada .titulo-seccion h2 { padding-left: 0; font-size: 20px; font-weight: 700; margin-bottom: 0 } .listado.portada .titulo-region:after, .listado.portada .titulo-region:before { display: none } @media screen and (max-width:768px) { .listado.portada .titulo-seccion .container { width: 100% } } .a-ico-fb { background-color: #3b5998 } .a-ico-tw { background-color: #00aced } .a-ico-pin { background-color: #c92228 } .a-ico-wapp { background-color: #25d366 } .usuario.logeado .txt { padding-right: 7px; padding-top: 2px; display: inline-block } .share-tool { cursor: pointer; cursor: hand; position: relative; height: 20px; min-width: 30px } .share-tool a:hover { text-decoration: none } .share-tool .icono-compartir { border-radius: 50%; background-color: #00000054; color: #fff; width: 18px; height: 18px; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -10px } .share-tool:hover .icono-compartir { background-color: #0009 } .icono-compartir { background-image: url(/u/plantillas/imgs/ico-gral/ico-share-1.svg); background-repeat: no-repeat; background-position: center } .share-tool .icono-compartir span { line-height: 20px } .share-tool .despliega-redes { background-color: #e8e8e8; float: left; position: absolute; right: 0; top: -5px; padding: 5px; border-radius: 2px; opacity: 0; align-items: flex-start; height: 30px; display: none } .share-tool .despliega-redes:after { content: ""; position: absolute; right: -7px; top: 8px; display: block; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 7px solid #e8e8e8 } .share-tool .despliega-redes a { color: #e8e8e8; display: inline-flex; float: left; margin-right: 5px; font-size: 12px; padding: 5px; border-radius: 2px } .share-tool .despliega-redes a:last-child { margin-right: 0 } .share-tool:hover>.despliega-redes { display: flex; opacity: 1; -webkit-transform: scale(1) translateX(-30px); -moz-transform: scale(1) translateX(-30px); -o-transform: scale(1) translateX(-30px); transform: scale(1) translateX(-30px); -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99; align-items: center } .article-v2 .bajada { background-color: #000000d9; color: #fff; padding: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 10 } .article-v2 .bajada.v2 { font-size: inherit; line-height: inherit; margin: 0 } @media screen and (min-width:768px) { .article-v2:hover .bajada { opacity: 1; transition: opacity .2s .2s ease-in } } .v-gradient { background: -moz-linear-gradient(top, #0000 0, #000f 100%); background: -webkit-linear-gradient(top, #0000 0, #000f 100%); background: linear-gradient(to bottom, #0000 0, #000f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0) } .sinfoto .v-gradient { background: -moz-linear-gradient(top, #00000059 0, #000f 100%); background: -webkit-linear-gradient(top, #00000059 0, #000f 100%); background: linear-gradient(to bottom, #00000059 0, #000f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59000000', endColorstr='#000000', GradientType=0) } .v-gradient a:hover { color: #ffff } .v-gradient .titulo { text-shadow: 1px 1px 2px #000000e6 } .btn.leer-mas { text-transform: uppercase; background-color: #c1c1c1ff; letter-spacing: 1px } article.concolor .article-footer small, article.concolor a { color: #fff } article.concolor p { color: #ffffffce } article.concolor a:hover { color: #fff !important } .article-v2.concolor .volanta, article.concolor .bajada-p, article.concolor .volanta { color: #ffffffb3 } article.concolor .article-footer small.marcado:before { background-color: #fff } .article-v2 figure { margin-bottom: 0 } .article-v2 picture { height: 100%; background-color: #bcbcbc } .row-scroll { margin-top: 0; padding-top: 20px; padding-bottom: 20px; border-top: dotted 1px #000 } .loader-group small { margin-bottom: 5px; display: inline-block } .loader-bar { height: 4px; width: 100%; position: relative; overflow: hidden; background-color: #e0e0e0; margin-bottom: 30px } .loader-bar:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #9e9e9e; animation: loading 2s linear infinite } @keyframes loading { from { left: -200px; width: 30% } 50% { width: 30% } 70% { width: 70% } 80% { left: 50% } 95% { left: 120% } to { left: 100% } } .boton-mas-noticias { margin-bottom: 30px } .urgente { background-color: #f5f5f5; border: solid 1px #e0e0e0 } .urgente .volanta, .urgente h2 a, .urgente h2 a:hover { text-decoration: none } .col-sticky { position: -webkit-sticky; position: sticky; top: 44px; background-color: #ffff; z-index: 200 } .row-equal-flex { display: flex; flex-wrap: wrap } .row-equal-flex .sidebar, .row-equal-flex .sticky_column { height: 100% } .row-equal-flex .sticky_column .bnn:last-child { position: sticky; top: 79px; margin-bottom: 15px } @media only screen and (max-width:768px) { .row-equal-flex { display: block } } .notafinal { clear: both; float: left; width: 100% } .mensaje-registro { margin-bottom: 30px } @media only screen and (min-width:320px) { #main-content { padding-top: 20px } .fila.especial { padding-top: 20px } .row { margin-left: -7.5px; margin-right: -7.5px } [class*=col-] { padding-left: 7.5px; padding-right: 7.5px } .caja { width: 100%; float: left; margin-bottom: 15px } .bnn iframe, .bnn img, .bnn>ins { margin-bottom: 20px } .article-catastrofe { margin-top: -20px; margin-left: -30px; margin-right: -30px } .article-catastrofe h1 { font-size: 32px } .titulo-region h2 { font-size: 24px } .article-listado { border-bottom: solid 1px #ccc; display: flex } .article-listado .foto { margin-bottom: 20px } .article-listado p.resumen { margin-bottom: 20px } .row-for-5 { flex-direction: column } .main-nav-movil { min-height: 0 } .main-nav-movil .divider { display: none } .main-nav-movil nav { padding-left: 15px; padding-right: 15px; text-transform: uppercase } .main-nav-movil ul.ul-main { margin: 0 } .main-nav-movil .nav .open>a:focus, .main-nav-movil .open>a, .main-nav-movil.nav .open>a:hover { border-bottom: 0 } .secondary-nav { padding-top: 10px } .secondary-nav ul { margin: 0 } .secondary-nav ul li a { border-bottom: 0; padding-top: 7px; padding-bottom: 7px } .ico-movil-drop { width: 50px; height: 40px; position: absolute; right: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center } .ico-movil-drop .caret { transform: scale(1.4) } .main-nav-movil .ul-main li:last-child { border-bottom: none } .header-nav-m .row-2 .btn { display: flex; justify-content: center; align-items: center } .header-nav-m .row-2 .btn i { color: #000 } .interna .titular { font-weight: 700; font-size: 32px; letter-spacing: -1px; line-height: 1em; margin-bottom: 4px } .interna .bajada { font-weight: 400; font-size: 20px; line-height: 1.2em; margin-bottom: 10px; display: block } .interna .cuerpo-nota { font-size: 18px; line-height: 27px; color: #414042; margin-bottom: 15px } .interna .cuerpo-nota p { margin-bottom: .6em } .interna .cuerpo-nota .cita { width: 100%; margin-bottom: 15px; margin-top: 10px } .modulo.mas-leidas h4 { font-size: 18px } .tags-cloud { margin-bottom: 20px !important } .tags-cloud .tag, .tags-cloud header { font-size: 14px; font-weight: 100; padding: 5px 10px; margin-bottom: 10px; background-color: #f4f4f4; border-left: solid 2px #b61b29; color: #000f; margin-right: 10px; display: inline-block; line-height: 1em } .tags-cloud .tag:focus { background-color: #b61b29; -ms-transform: scale(.9, .9); -webkit-transform: scale(.9, .9); transform: scale(.9, .9) } .tags-cloud .tag-group, .tags-cloud header { float: left; display: block } .tags-cloud header { border-left: 0; font-weight: 700; position: relative; margin-right: 20px; background-color: #b61b29; color: #fff } .tags-cloud header:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #88b7d500; border-left-color: #b61b29; border-width: 5px; margin-top: -5px } .share-movil { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px } .share-movil .share-article { opacity: 1; position: relative; width: 100%; clear: both; padding: 0; background-color: transparent; left: 0; top: 0; display: flex } .share-movil .share-article a { float: left; margin-right: 5px } .share-movil .share-article .ico { width: 20px; height: 20px; line-height: 20px; font-size: 12px } .inner-share-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center } .inner-share-bar .item { padding-right: 7.5px; padding-left: 7.5px } .inner-share-bar.fixed { position: fixed; bottom: 0; left: 0; justify-content: flex-start; background-color: #000c; width: 100%; z-index: 99; border-top: 0 } .z-txt { padding: 15px; height: 100%; display: flex; flex-direction: column } .z-foto, .z-txt hgroup { position: relative } .z-txt hgroup { height: auto } .article-footer { display: flex; justify-content: space-between; width: 100%; position: relative; z-index: 10; align-items: center; margin-top: auto } .article-footer small { display: block; font-size: 11px; line-height: 11px } .article-footer small.marcado:before { content: ""; width: 8px; height: 8px; display: inline-block; background-color: gray; margin-right: 5px } .article-footer.pull-bottom { position: absolute; bottom: 0 } article.t4 .article-footer *, article.t4 .z-txt *, article.t5 *, article.t5 .article-footer * { color: #fff } article.catastrofe.sinfoto { background-color: #5f5e5e } article.catastrofe .titulo { margin-bottom: 0 } article.catastrofe .share-tool { position: absolute; z-index: 99; right: 20px; top: 20px } .t5-bajada { display: none } article.t2 { display: flex; display: flex; justify-content: space-between; height: auto; width: 100% } article.t2 a { display: block } article.t2 .t2-izq { flex: 1 1 30% } article.t2 .t2-der { flex: 1 2 70% } article.t2 .article-footer { display: none } article.t2 .titulo, article.t2 .volanta { overflow: hidden } article.t2 .volanta { height: 14px } article.t4 .z-txt, article.t5 .z-txt { position: absolute; bottom: 0; left: 0; right: 0; min-height: 120px } article.t4 .article-footer { margin-top: 0 } article.t4 .z-txt { justify-content: flex-end } article.t4 .z-txt.v-gradient { height: auto } article.t5.sinfoto .z-txt { position: relative } article.t5 .z-txt { height: auto; text-align: center } article.t-full .z-txt * { color: #ffff } article.t-full .z-txt { height: auto; margin-top: auto; margin-bottom: auto } article.t-full { height: 300px; position: relative; background-color: #000f } article.t-full .foto-t-full { position: absolute; z-index: 0; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden } article.t-full .foto-t-full img { left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: auto } article.t-full { display: flex; align-items: center; justify-content: center } article.t-full .z-txt { z-index: 1; width: 100% } article.t-full img { -ms-interpolation-mode: bicubic; filter: grayscale(1); background-color: #000f; opacity: .3 } article.t-full .btn.leer-mas { max-width: 155px } .p50 article.t-full { height: 290px } .p25 article.t-full, .p33 article.t-full, .p66 article.t-full { height: 360px } .p25 article.t-full .foto-t-full img, .p33 article.t-full .foto-t-full img { height: 100%; width: auto } @media screen and (max-width:768px) { .p25 article.t-full, .p33 article.t-full, .p50 article.t-full, .p66 article.t-full { min-height: 300px } article.t-full .z-txt { height: auto } article.t-full .foto-t-full img { height: 100%; width: auto } article.t-full .volanta { margin-bottom: 1rem } article.t-full .titulo { margin-bottom: 1.5rem } } .urgente { padding: 15px; display: flex } .urgente .item.foto { width: 25% } .urgente .item.texto { padding-left: 15px; width: 75%; display: flex; align-items: center } .urgente .item.texto .bajada { display: none } .urgente strong * { font-weight: 800 !important; width: 100% } .urgente strong { font-size: 1.2em; line-height: 1.2em; margin-bottom: .2em } .urgente .ahora { color: #b71c1c } .listado article.t2 .foto { display: block } .t1 .z-foto { min-height: auto } .t4 .z-foto, .t5 .z-foto { min-height: 205px } .t5.sinfoto .z-foto { min-height: auto } article.t3 .bajada-p { display: none } .fondofila { background-color: #d4d4d4ff; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; padding-left: 5px; padding-right: 5px } .fila.especial [class^=col-] .caja, .fondofila [class^=col-] .caja { padding-bottom: 0 } .fondofila .titulo-region { margin-top: 15px; margin-bottom: 15px } article.t5.con-relacionadas .titulo { font-size: 25px } .rel-t5 { background-color: #0009; margin-top: 10px; z-index: 99; border-radius: 2px } .rel-t5 ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; justify-content: space-between; height: 100% } .rel-t5 ul li { border-bottom: solid 1px #ffffff4d; flex: 1 1 33.33%; height: 33.33%; display: flex; align-items: center } .rel-t5 ul li:last-child { border-bottom: 0 } .rel-t5 ul li a { width: 100%; display: flex; padding: 10px } .rel-t5 ul li a .foto { display: none } .rel-t5 ul li a strong { font-weight: 800; font-size: 14px; line-height: 16px; width: 100%; display: block; margin-bottom: 3px } .rel-t5 ul li a .fecha { font-size: 11px; line-height: 11px; width: 100%; display: flex; align-items: center } .rel-t5 ul li a .fecha .deco { width: 6px; height: 6px; display: block; background-color: #ed1b34; margin-left: 6px; margin-right: 6px; margin-top: 2px } } @media only screen and (min-width:480px) { article.t2 { display: -webkit-flex; display: flex } article.t2 .foto { -webkit-flex: none; flex: none; width: 165px } article.t2 .contenido { -webkit-flex: initial; flex: initial; position: relative } .grupo-miniaturas .item { width: 33% } } @media only screen and (min-width:768px) { .caja { border-bottom: none } .caja.alto-fijo { overflow: hidden } .interna .cuerpo-nota .cita { float: left; width: 50%; margin: 18px 18px 18px 0 } .modulo.mas-leidas h4 { font-size: 28px } .back-to-top { right: 0; bottom: 0; background-color: #455a64ff } .caja { margin-bottom: 7.5px; padding-bottom: 7.5px } article.t3 .bajada-p { display: block } article.t1 { display: flex; flex-direction: column } article.t2 .foto, article.t2 .t2-izq { display: none } article.t2 img { display: block; height: auto } article.t2 .t2-der { max-width: 100%; width: 100% } article.t2 .article-footer { display: flex } article.t2 .t2-izq { display: none } article.t2 .t2-der { flex: 1 2 100% } .p33 article.t1 { height: 280px } .p33 article.t2 { height: 132px } .p33 article.t4 { height: 280px; background-color: #000 } .p33 article.t4 .z-foto { width: 100%; height: 100%; overflow: hidden; position: relative } .row-for-5 { flex-direction: row; flex-wrap: wrap } .row-for-5 .col-of-5 { flex: 1 1 33%; max-width: 33% } .row-for-5 .col-of-5:nth-child(1) { flex: 1 1 75%; max-width: 75% } .row-for-5 .col-of-5:nth-child(2) { flex: 1 1 25%; max-width: 25% } .p20 .t1 { height: 280px } .p20:nth-child(1) .z-foto { min-height: 180px } .p20:nth-child(2) .z-txt { height: 100% } .p20:nth-child(2) .z-foto { display: none } .p20 .t1 .z-foto { min-height: 105px; max-height: 128px; width: 100%; overflow: hidden } .p20 .t1 .z-foto picture img { width: 100% } .p20 .t1 .bajada { font-size: 12px } .no-pr { padding-right: 0 !important } .mas-leidas article .date { left: 20px } .t5-bajada { display: block } .grupo-miniaturas figure { width: 25%; display: block } .urgente .item.foto { width: 10% } .urgente .item.texto { width: 90% } .urgente strong { font-size: 1.6em } .interna .fecha-y-seccion .fecha { font-size: 14px } .interna .fecha-y-seccion { flex-direction: row } .interna .fecha-y-seccion .seccion { margin-bottom: 0 } .fondofila { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px } .fila.especial [class^=col-] .caja, .fondofila [class^=col-] .caja { padding-bottom: 15px } .fondofila .titulo-region { margin-top: 15px; margin-bottom: 15px } article.t2 .titulo { max-height: 55px; margin-bottom: 0 } } @media only screen and (min-width:992px) { .ico-movil-drop .caret { display: none } li.dropdown { position: relative } li.dropdown>a::after { content: ""; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } .navbar { margin-bottom: 0; min-height: auto; margin-top: -1px; margin-bottom: -1px } .nav.ul-main, .nav.ul-main a, .navbar-nav>li { display: flex; flex-wrap: wrap; line-height: 1em; align-items: center } .ico-movil-drop { position: relative; width: auto } #nav-desktop li.dropdown>a::after { display: none } .row { margin-left: -10px; margin-right: -10px } [class*=col-] { padding-left: 10px; padding-right: 10px } .caja { padding-bottom: 10px; margin-bottom: 10px } .bnn iframe, .bnn img, .bnn>ins { margin-bottom: 20px } .article-bandera .col-xs-9 { padding-left: 0 !important; padding-right: 0 !important } .interna .cuerpo-nota .cita { font-style: normal; font-weight: 700; border-left: solid 4px #000; padding-left: 20px; float: left; width: 75%; margin: 18px 18px 18px -63px } .interna .cuerpo-nota { font-size: 18px; line-height: 27px; color: #414042; margin-bottom: 30px } .interna .zona-titulo .volanta { font-size: 16px; font-weight: 800 } .interna .titular { font-size: 48px } .interna .bajada { font-size: 22px; margin-bottom: 20px } .modulo.mas-leidas h4 { font-size: 18px } #main-footer { position: relative; z-index: 10 } .inner-share-bar.fixed .item { margin-right: 15px } .col-sticky { position: -webkit-sticky; position: sticky; top: 79px } .row-for-5 { justify-content: flex-start } .row-for-5 .col-of-5, .row-for-5 .col-of-5:nth-child(1), .row-for-5 .col-of-5:nth-child(2) { flex: 1 1 20%; max-width: 20% } .z-txt { width: 100%; position: relative; height: 130px } .article-v2 .bajada-p { overflow: hidden; max-height: 120px } .article-footer small { padding-top: 0 } .p25 article.t1, .p33 article.t1, .p33 article.t3, .p33 article.t4 { height: 360px } .p25-2 article.t1, .p50 article.t1 { height: 450px } .p25 article.t1 .z-foto { height: 195px } .p25 article.t1 .z-txt { height: auto; flex: 0 100% } .p33 article.t1 .z-txt { height: auto; flex: 0 100% } .jscroll-inner article.t1 .z-foto { height: 195px } .jscroll-inner article.t1 .z-txt { height: 140px } article.t2 .foto, article.t2 .t2-izq { display: block } .p25 article.t2, .p33 article.t2 { height: 165px } .p25-2 article.t2 { height: 210px } .p50 article.t2 { height: 130px } .t2-der .z-txt { height: 100%; flex: 0 100% } article.t2 .t2-izq { flex: 1 1 35%; display: block } .listado .col-xs-12 article.t2 .foto { width: 170px } .p50 article.t2 .foto { overflow: hidden; height: 130px; display: block } article.t3 .z-txt { float: left; height: 360px; width: 375px; position: relative } article.t3 picture { width: 360px; height: 360px; float: right } article.t4 { height: 360px } article.t4 .z-foto { height: 360px; width: 100%; position: absolute; z-index: 0 } article.t4 .z-txt, article.t5 .z-txt { display: flex; flex-direction: column } article.t4 .article-footer, article.t5 .article-footer { position: relative; bottom: 0; display: block; padding-left: 0; padding-right: 0; display: flex } article.doblealto.t4 { height: 750px } article.doblealto.t4 .z-foto { height: 750px; position: absolute; z-index: 0 } .p25-2 article.t4 { height: 450px } .p25-2 article.t4 .z-foto { height: 450px; position: absolute; z-index: 0 } .p50 article.t4 { height: 450px } .p50 article.t4 .z-foto { height: 450px; position: absolute; z-index: 0 } article.t4 .z-txt, article.t5 .z-txt { position: absolute; bottom: 0; left: 0; right: 0; height: auto } article.t4 .icono-compartir, article.t5 .icono-compartir { background-color: #000 } article.t4 .bajada, article.t5 .bajada { background-color: #00000080 } article.t5 .z-txt { padding: 30px 60px; height: auto; max-height: 100%; text-align: center } article.t5 .titulo { margin-bottom: .2em } article.t5 small { font-size: 16px } article.t5 .tag { display: inline-block; margin-right: 15px; font-size: 12px } article.t5 .icono-compartir { -webkit-box-shadow: 2px 2px 1px 0 #000000a6; -moz-box-shadow: 2px 2px 1px 0 #000000a6; box-shadow: 2px 2px 1px 0 #000000a6 } article.t5 a:hover { text-decoration: none } article.t5 .t5-bajada { font-size: 1.2em; margin: 0 } .p100 article.t-full .z-txt { width: 70%; text-align: center; align-items: center } article.t-full .z-txt { padding-left: 30px; margin-right: auto; margin-left: auto } .article-v2 picture { width: 100%; display: block } .p25 .img-responsive { width: 100% } .article-v2 .volanta, .p25-2 article.t1 .titulo, .p33 article.t2 .titulo { overflow: hidden } .article-v2 .volanta { height: 15px } .article-v2.catastrofe .volanta { height: auto } .p33 article.t2 .titulo { height: 91px; max-height: none } .p25-2 article.t1 .titulo { height: 67px; max-height: none } .urgente .item.texto { padding-left: 15px; width: 85%; display: flex; align-items: inherit; flex-direction: column; justify-content: space-between } .urgente .item.texto strong { margin-top: auto } .urgente .item.texto .bajada { display: block; margin-bottom: auto } .share-tool { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) } .inner-share-bar .item { padding: 0 } .t1 .z-foto { min-height: 196px } .t4 .z-foto, .t5 .z-foto { min-height: 360px } .p20 article.t1, .p20 article.t4, .p20 article.t4 .z-foto { height: 300px; max-height: 300px; min-height: 300px } .p20 .t1 .z-foto { min-height: 152px; max-height: 152px; overflow: hidden } .p20 .t1 .z-txt { height: auto; flex: 0 100% } .p20 .t1 .titulo, .p20 .t4 .titulo { font-size: 1.3em; line-height: 1.1em } .p20:nth-child(2) .z-foto { display: block } .p20:nth-child(2) .t4 .z-txt { height: auto } .p20 article.t4 .bajada p { display: none } .p20 article.t4 .z-foto { height: 300px; width: 100%; overflow: hidden } .p20 article.t4 .z-foto picture img { width: 330px; max-width: 330px; height: 300px } .p20 .t1 .titulo { overflow: hidden; height: 83px } .p66 article.t5 .titulo { overflow: hidden; font-size: 3em; line-height: 1.2em; max-height: 210px } article.t5.con-relacionadas .z-txt { display: flex; flex-direction: row; padding: 20px; text-align: left } article.t5.con-relacionadas .titulo { font-size: 40px } .rel-t5 { margin-top: 0 } article.t5.con-relacionadas .item.link { flex: 1 1 65%; padding-right: 30px; display: flex; flex-direction: column; justify-content: center } article.t5.con-relacionadas .item.rel-t5 { flex: 1 1 35% } .rel-t5 ul li a { padding: 10px } .rel-t5 ul li a:hover { background-color: #0003 } .rel-t5 ul li a .foto { display: block; padding-right: 10px } .rel-t5 ul li a .txt { font-size: 14px; line-height: 16px; display: flex; flex-direction: column; justify-content: space-between } .rel-t5 ul li a strong { font-weight: 600; margin-bottom: 0 } .interna aside.relacionadas.con-foto .item-foto { width: 25% } .inner-share-bar { border-bottom: 0; border-top-style: solid; border-top-width: 1px } .fondofila { margin-bottom: 30px; margin-left: -30px !important; margin-right: -30px !important; padding-left: 15px; padding-right: 15px; border-width: 1px; border-style: solid; border-color: #0000001a } .fondofila .titulo-region { margin-top: 30px } .fondofila .caja { padding-bottom: 15px; margin-bottom: 15px } .notafinal { clear: both; float: none; width: 100% } .bnn-main-top .centrado.bnn iframe { margin-bottom: 20px; margin-top: 20px } } @media only screen and (min-width:1200px) { .row { margin-left: -15px; margin-right: -15px } .fila.especial { padding-top: 30px } .row.is-flex { display: flex; flex-wrap: wrap } .row.is-flex>[class*=col-] { display: flex; flex-direction: column } .row.is-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .row.is-flex>[class*=col-] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .grid-l .container { width: 1232px; padding-left: 30px; padding-right: 30px } .grid-l .row { margin-left: -15px; margin-right: -15px } .grid-l .container-wide .container { padding-top: 30px } .grid-l [class*=col-] { padding-left: 15px; padding-right: 15px } .caja { padding-bottom: 15px; margin-bottom: 15px } .bnn iframe, .bnn img, .bnn>ins { margin-bottom: 30px } .article-bandera .col-md-9 { padding-left: 0 } [class*=col-] { padding-left: 15px; padding-right: 15px } .article-slide, .slide-noticias { height: 520px } article.t2 .t2-izq { display: block } .article-bandera-group .caja { margin-bottom: 11px; padding-bottom: 12px; margin-left: -5px } .article-txtbottom img { display: block; text-align: center; margin-left: 50%; transform: translateX(-50%) } .caja.bnn.vertical { height: 100%; background-color: #f1f2f2 } .caja.bnn.vertical a { display: block; position: relative; top: 50%; transform: translateY(-50%) } } .htmlinline { text-align: center; padding-top: 10px; padding-bottom: 10px } .todoelcontenido { display: inline-block; position: relative; width: 100%; left: 0 } .banner_corre { width: 100%; left: 0; top: 0; right: 0; bottom: 0; position: fixed; display: inline-block; height: 100%; text-align: center; background-color: #ffff; z-index: 99999 } .banner_corre .elbanner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .banner_corre #cierra { position: absolute; bottom: -50px; cursor: pointer; left: 50%; width: 100px; margin-left: -50px; text-align: center; display: flex; justify-content: space-around; align-items: center; border-radius: 3px } .bnn-full-screen { background-color: #000000b3; z-index: 9999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center } .bnn-full-screen .contenidobanner { border: solid 5px #00000080; position: relative; z-index: 9 } .cerrar-bnn-full { position: absolute; display: block; cursor: pointer; cursor: hand; color: #fff; top: -10px; right: -10px; font-size: 20px; background-color: #000; padding: 3px; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1em } @media only screen and (min-width:1200px) { .columna-principal { width: 827px; box-sizing: border-box } .columna-sidebar { width: 330px; box-sizing: border-box } .primer_bnn, .segundo_bnn { width: 100% } #x-float-bar-wrapper { display: flex; justify-content: center; align-items: center } #x-float-bar a { display: block } #x-float-bar-close { margin-right: -10px !important } } .copyrightnoticia { background-color: #f5f5f5; background-image: linear-gradient(to top right, #f5f5f5 0, #fcfcfc 100%); border: solid 1px #e2e2e2; box-shadow: 0 5px 4px -4px #0000001a; padding: 25px 30px; border-radius: 2px; font-size: .9em; line-height: 1.5em; margin-bottom: 20px; clear: both } .video-adaptable { position: relative; padding-bottom: 56.25%; width: 100%; height: 0 } .video-adaptable iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .p25 .bajada2, .p25-2 .bajada2, .p33 .bajada2, .p50 .bajada2, .p66 .bajada2 { display: none } @media only screen and (min-width:768px) { .p66 article.t2 .t2-izq { flex: 1 1 auto; max-width: 262px } .p66 .bajada2 { display: block } .p100 article.t3 { display: flex; justify-content: space-between } .p100 article.t3>.z-txt { order: 1; width: 50%; margin-right: 30px; padding-right: 15px } .p100 article.t3>.z-txt .titulo { font-size: 36px; line-height: 1.1em } .p100 article.t3>.z-txt p { font-size: 18px; line-height: 1.2em } .p100 article.t3>a { order: 2; width: 50% } .p100 article.t3 figure, .p100 article.t3 picture { width: 100%; height: 100% } .p100 article.t3 picture { overflow: hidden } .p100 article.t3 figure img { max-width: none; aspect-ratio: 16 / 9; height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } } #cookies_overlay { background: #fff; box-shadow: #00000040 0 -2px 10px -2px; padding: 25px 0 20px; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; width: 100%; z-index: 9999; text-align: center } #cookies_overlay .container { display: flex; flex-direction: column; justify-content: center; text-align: center; position: relative; padding: 0 6.25%; font-size: 14px } #cookies_overlay a { font-weight: 700 } #cookies_overlay a, #cookies_overlay small { font-size: 14px; line-height: 1.5em } #cookies_overlay .closeover { border: 0; width: 25px; height: 25px; background-color: transparent; font-size: 20px; line-height: 20px; cursor: hand; cursor: pointer; position: absolute; right: 10px; top: 10px; font-size: 16px } #cookies_overlay .closeover:hover { text-decoration: none } @media only screen and (max-width:768px) { article.catastrofe .v-gradient, article.t4 .z-txt.v-gradient { height: auto; min-height: 35%; z-index: 1 } article.catastrofe .v-gradient { justify-content: flex-end; z-index: 1 } } @media screen and (max-width:768px) { :root { --color-focus: #ecec9733 } .main-logo>a { display: block } .article-v2 .z-foto a:focus .bajada { background-color: var(--color-focus); opacity: 1; outline: 3px solid var(--color-focus) } .article-v2 .z-foto a:focus .bajada p { display: none } .catastrofe .z-foto a:focus::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-focus) } article a:hover { text-decoration: none; text-decoration-style: none; text-decoration-color: transparent } a:focus { background-color: var(--color-focus); text-decoration: none !important; outline-color: transparent; text-decoration: none; border-radius: 1px; outline: 0; outline-offset: 0 } #main-header .main-logo a:focus { color: transparent; outline: 3px solid var(--color-focus) } article .titulo a { display: block } .clasificados-home a:focus .title, .columnistas .titulo-nota:focus, .galeria-videos .col-side article a:focus, article .titulo a:focus, article a.item.link:focus { background-color: var(--color-focus); outline-color: transparent; box-shadow: 0 0 0 5px var(--color-focus); text-decoration: none; border-radius: 1px } article.t1 .titulo a:focus { color: #000 } .mas-leidas-940 .item a:focus .titulo, .mas-leidas-940 a:focus .titulo, .modulo.encuesta .barra.respuesta:focus { background-color: var(--color-focus) !important } } article.con-video .z-foto::after, article.t2.con-video .foto::after, article.t3.con-video .foto::after { background-image: url(../imgs/ico-gral/article-video.svg) } article.con-galeria .z-foto::after, article.t2.con-galeria .foto::after, article.t3.con-galeria .foto::after { background-image: url(../imgs/ico-gral/article-galeria.svg) } article.t2[class*=con] .foto::after, article.t3[class*=con] .foto::after, article[class*=con] .z-foto::after { content: ""; display: block; width: 26px; height: 26px; position: absolute; right: 14px; top: 14px; background-size: cover } article.t2[class*=con] .foto { position: relative } @media screen and (max-width:768px) { article.t2[class*=con] .foto { display: table-cell } } article.t2[class*=con] .foto::after { width: 20px; height: 20px } article.t5[class*=con] .z-foto::after { width: 20px; height: 20px; top: 20px; right: 50px } .interna .cuerpo-nota div[class^=widget] { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 30px } .interna .cuerpo-nota [class^=widget]::after { content: ""; display: block; height: 3px; width: 95px; background-color: #adadad; margin: 30px auto } .interna .cuerpo-nota .widget-instagram { width: 70%; margin-left: auto; margin-right: auto; margin-top: 30px } .interna_rw_v4 .cuerpo-nota .widget-instagram { width: 90% } .interna .cuerpo-nota div[class^=widget] blockquote { padding: 0; background: 0 0; line-height: 1em; margin: auto } .interna .cuerpo-nota div[class^=widget] blockquote::before, .interna .cuerpo-nota div[class^=widget] blockquote:after { display: none } twitter-widget { margin-left: auto; margin-right: auto } .twitter-tweet.twitter-tweet-rendered { margin-bottom: 0 !important; margin-top: 0 !important } @media screen and (max-width:768px) { .interna .cuerpo-nota .widget-instagram { width: auto } } .titulo-seccion { margin-top: 0 !important } .bnn-main-top .bnn img { margin: 20px 0 } .bnn-main-top ins.adsbygoogle { margin-bottom: 20px; margin-top: 20px } .bnn-main-top ins.adsbygoogle iframe { margin: 0 !important } @media screen and (max-width:768px) { .bnn-main-top ins.adsbygoogle { margin-top: 0; margin-bottom: 0 } } .listado #main-content { padding-top: 0 } .interna .add-div, .listado .add-div { margin-top: 15px } @media screen and (max-width:768px) { .interna .add-div { margin-top: 0; margin-bottom: 20px; margin-top: -10px } } .article-bandera .titulo { line-height: 1em !important } .maincontainer_header-autor { padding-top: 30px; padding-bottom: 30px; background-color: #f3f3f3; border-bottom: solid 1px #d3d3d3 } .header-author .image-author { background-color: #e8e7e7; overflow: hidden; position: relative; min-width: 150px; min-height: 150px; max-width: 150px; margin-right: 15px; flex: auto } .header-author .image-author img { position: absolute; width: auto; height: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); bottom: 0 } .header-author .data-author { display: flex; flex-direction: row } .header-author .author { font-weight: 700; font-size: 1.8em; line-height: 1em } .header-author .description { font-style: normal; color: #120000 } .header-author .jobTitle { margin-bottom: .5em; margin-top: .2em; font-weight: 500; border-bottom: solid 1px #0000001f; padding-bottom: .5em } .datos-author { display: flex; flex-direction: column } .header-author .social-icons { float: left; display: flex; align-items: center; margin-top: 2px } .header-author .social-icons a { margin-right: 5px; height: 16px; display: flex; align-items: center } .header-author .social-icons a:hover { text-decoration: none } @media screen and (max-width:768px) { .header-author .author { font-size: 1.4em; margin-top: 6px } .header-author { border-bottom-width: 1px; padding-bottom: 10px; position: relative } .header-author .data-author { flex-direction: column } .header-author .image-author { position: absolute; top: 0; left: 0; width: 50px; height: 50px; min-width: auto; min-height: auto } .header-author .author, .header-author .jobTitle { padding-left: 60px } } .header-tools .ico { display: block; width: 24px; height: 24px; background-color: #0000004d; border-radius: 3px; float: right } .header-tools .ico i { line-height: 22px } .header-tools .tooltip-inner { min-width: 130px } .user-block-desktop { border: solid 1px #ffffffb3; margin-left: 15px; display: flex } .user-block-desktop .ico { background-color: transparent; border-radius: 0; width: auto; height: auto; line-height: 1em } .user-block-desktop .btn { margin-left: 0; padding: 0 8px; margin-right: 0; border-radius: 0; text-align: center; display: flex; align-items: center; justify-content: center } .user-block-desktop .btn.salir { border-left: solid 1px #ffffffb3 } .user-block-desktop .btn:hover { color: inherit } .titulo-modulo_v2 { font-weight: 600; font-size: 1.2em } .noticias-interiores__body { display: flex; flex-direction: column; width: 100%; clear: both } .noticias-interiores article { display: flex; margin-bottom: 15px } .noticias-interiores article:last-child { margin-bottom: 0 } .noticias-interiores .titulo { font-size: 1em; line-height: 1.4em; margin-right: 10px; padding: 0; margin-bottom: 0; font-weight: 500 } .app-prevent { overflow: hidden; height: 242px; background-image: url(/u/plantillas/imgs/loading-simple.svg); background-repeat: no-repeat; background-position: center center; background-size: 50px } .app-prevent * { visibility: hidden } @media screen and (max-width:768px) { .app-prevent { height: 159px } } .barra-alert { background-color: red; color: #fff; padding-top: 1.2rem; padding-bottom: 1rem; text-align: center } .barra-alert .container { display: flex; justify-content: center; position: relative } .barra-alert .nota-alerta { display: flex; align-items: center; justify-content: center } .barra-alert .nota-alerta .volanta, .barra-alert .nota-alerta a { color: #fff } .barra-alert .nota-alerta .volanta { border: solid 1px; padding: .3rem .4rem; margin-right: 1rem; font-size: .5em; line-height: 1em; opacity: .8; display: inline-flex; align-items: center; justify-content: center; padding-top: .5rem; margin-top: 3px } .barra-alert .titulo { font-size: 1.5em; display: flex; align-items: center } .barra-alert .close { color: #fff; opacity: 1; font-weight: 400; position: absolute; right: 15px; top: 2px; line-height: 1em } .volanta-movil { display: none } @media screen and (max-width:768px) { .barra-alert .nota-alerta { flex-direction: column; align-items: center } .barra-alert .titulo { display: flex; flex-wrap: wrap; justify-content: center; line-height: 1.2em } .barra-alert .close { top: -8px; right: 8px } } .tres-relacionadas { clear: both; width: 100%; float: left } @media screen and (max-width:768px) { .fila { width: 100%; clear: both } .home .caja, .ne { clear: both; float: left; width: 100% } } .ne:after, .ne:before { content: " "; display: table } .ne:after { clear: both } .ne { clear: both } .row-mas-tapas { margin-top: 20px; margin-bottom: 20px } .barra.resultado .porcentaje { z-index: 10 } @media only screen and (max-width:768px) { article.catastrofe .share-tool { height: 40px; width: 40px; top: 10px; right: 5px; z-index: 99 } article.catastrofe .share-tool .icono-compartir { right: 10px } article.catastrofe .share-tool .despliega-redes { right: 10px; top: 4px } } .tooltipcopy { position: relative; display: inline-block; cursor: pointer; font-size: 11px } .tooltipcopy .tooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: calc(100% + 5px); left: 50%; margin-left: -70px; opacity: 0; transition: opacity .3s } .tooltipcopy .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent } .tooltipcopy:hover .tooltiptext { visibility: visible; opacity: 1 } .alerta-global { width: 100%; display: grid; border-top: none; border-bottom: none; background: red; grid-template-columns: auto 1fr; margin-bottom: 2em; align-items: center; font-size: 1.1em; padding: 1em } .alerta-global a { color: #fff } .alerta-global a:hover { text-decoration: none } .alerta-global span.aviso a { color: #000 } .alerta-global span.aviso { text-transform: uppercase; font-weight: 600; font-size: .7em; line-height: 1em; padding: .6em; color: #000; background-color: #fff; border-radius: 2px; display: inline-flex; align-items: center; padding-top: .63em } .alerta-global .texto { margin-left: .7em; font-weight: 600 } .alerta-global p { margin: 0 } @media screen and (max-width:600px) { .alerta-global { grid-template-columns: 1fr; gap: .33em } .alerta-global span.aviso { width: max-content; padding: .35em .55em } .alerta-global .texto { margin-left: 0 } } .masleidas-listado-33---fechacreacion { display: none } #paginador .container { background: #fdfdfd; padding: 1rem; margin: 3rem auto; border-radius: .2rem; box-shadow: 0 4px 6px 0 #0000004d; text-align: center; display: flex; align-items: center; justify-content: center } #paginador .container:after { clear: both; content: ""; display: table } #paginador .container ul { width: 100% } #paginador .xlarge { width: 100% } #paginador .pagination { margin: 0; width: 100%; display: flex; align-items: center; justify-content: center } #paginador li, #paginador ul { list-style: none; display: inline; padding-left: 0 } #paginador .container ul { width: 100%; display: flex; justify-content: center; gap: 7px; align-items: center; margin-bottom: 0 } #paginador li { counter-increment: pagination } #paginador li.active a, #paginador li:hover a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20 } #paginador li:first-child { float: left } #paginador li:last-child { float: right } #paginador li a { border: solid 1px #d7d7d7; border-radius: .2rem; color: #7d7d7d; text-decoration: none; text-transform: uppercase; display: inline-block; text-align: center; padding: .5rem .9rem } #paginador .large li a { display: none } #paginador .large li:first-child a, #paginador .large li:last-child a, #paginador .large li:nth-child(2) a, #paginador .large li:nth-child(3) a, #paginador .large li:nth-child(4) a, #paginador .large li:nth-child(5) a, #paginador .large li:nth-child(6) a, #paginador .large li:nth-child(7) a, #paginador .large li:nth-child(8) a, #paginador .large li:nth-last-child(2) a { display: inline-block } #paginador .large li:nth-last-child(3) { display: inline-block } #paginador .large li:nth-last-child(3):after { padding: 0 1rem; content: "..." } @media (max-width:768px) { #paginador .container ul { overflow-x: auto; white-space: nowrap; display: flex; gap: 5px } #paginador li { display: none } #paginador li.active { display: block; background-color: #1ca14e } #paginador li.active+li, #paginador li.active+li+li { display: block } #paginador li.active+li+li:after { content: "..."; border: solid 1px #d7d7d7; border-radius: .2rem; color: #7d7d7d; text-decoration: none; text-transform: uppercase; display: inline-block; text-align: center; padding: .5rem .9rem; margin-left: 5px } #paginador li.start, #paginador li.end { display: block } #paginador li:nth-last-child(2) { display: block } } .despliega-redes { border: none; color: #fff; } .despliega-redes button { border: none; color: #fff; display: inline-flex; float: left; margin-right: 5px; font-size: 12px; padding: 5px; border-radius: 2px; }