/*== GENERALES ==*/ body#galeria h3 {font-size:1.8rem!important; font-weight:500; width:calc(100% - 20px);margin:0} body#galeria h3 a, body#galeria.seccion h3 a {color:#ffffff!important} body#galeria h3 a:hover, body#galeria.seccion h3 a:hover {color:#efefef!important} body#galeria h6 a {color:#ffffff!important} body#galeria h6 a:hover {color:#efefef!important} body#galeria .plead p {margin:10px 0; font-weight:500; color:#cccccc; font-size:1.6rem} #galeria .dropdown-menu-right, #galeria .dropdown-menu-right>li, #galeria .dropdown-menu>li>a:link, #galeria .dropdown-menu>li>a:visited {background-color:#333333} #galeria .navbar-header .btn-danger {color:#ffffff} #galeria .navbar-header .btn-danger i {color:#ff7c1e} .navbarmedia{ background-image: -webkit-linear-gradient(top, #000 0%, #000 100%); background-image: -moz-linear-gradient(top, #000 0%, #000 100%); background-image: -ms-linear-gradient(top, #000 0%, #000 100%); background-image: linear-gradient(to bottom, #000 0%, #000 100%) } .navbarmedia button#menu1 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e2e2e+0,312e33+100 */ background: rgb(46,46,46); /* Old browsers */ background: -moz-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(49,46,51,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(46,46,46,1) 0%,rgba(49,46,51,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(46,46,46,1) 0%,rgba(49,46,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#312e33',GradientType=0 ); /* IE6-9 */ } /* .navbarmedia.navbar-default .navbar-toggle {background-color:#000000} .navbarmedia button#menu1 span {color:#ffffff} .navbarmedia .dropdown-menu-right, .navbarmedia .dropdown-menu-right>li>a:link {background:#333333; margin:0 15px 0 0} .navbarmedia .dropdown-menu>li>a:visited, .dropdown-menu>li>a:link, .dropdown-menu>li>a:focus {background:#333333} .navbarmedia .dropdown-menu-right {margin:0} */ .navbarmedia.navGaleria .icon-bar {background-color:#ffffff!important} .subcanalesMedia {margin:10px 0; border-radius:12px!important; background:#d7dbdb;z-index:10!important;} .subcanalesMedia button {margin-top:10px;text-transform:uppercase;color:#364057!important} a.navbar-brand.logo.video span, a.navbar-brand.logo.videoDesktop span {width: 14rem;background: url(../img/logo_video_blanco.svg) -7px -80px no-repeat;background-size: 130px} a.navbar-brand.logo.videoDesktop {left:445px} .num {font-size: 2rem;color: rgba(256,256,256,1);text-align: center;font-weight: bold; width: 100px; margin: 10px auto 0;} /*COMUN ARTICLE SECTION*/ /*botones shared*/ .vistaGaleriaArticulo01 .share-media ul.contentShare, .vistaGaleria01 .share-media ul.contentShare {margin:8px 0 0; width:160px} .vistaGaleriaArticulo01 .share-media ul.contentShare li, .vistaGaleria01 .share-media ul.contentShare li {padding:0} .vistaGaleriaArticulo01 .dropdown-menu.compartir, .vistaGaleria01 .dropdown-menu.compartir {width:auto!important} .vistaGaleriaArticulo01 .row.fullscreenRow {margin-top:0px; /*margin-top:-103px*/} .plead {border-top:1px solid #333333; margin:10px 0} #galeria .vistaGaleriaArticulo01 .share-media ul.contentShare, .vistaGaleria01 .share-media ul.contentShare {margin:0; width:160px} #galeria .vistaGaleriaArticulo01 .share-media ul.contentShare {margin:12px 0 0} #galeria button.vermas, #galeria_mobile button.vermas {background-color:#565859; color:rgba(256,256,256,0.8); border:none} #galeria button.vermas:hover, #galeria_mobile button.vermas:hover {color:rgba(256,256,256,1)} /*color shared - over*/ .vistaGaleriaArticulo01 .dropdown-menu.compartir, .vistaGaleriaArticulo01 .dropdown-menu>li>a:visited, .vistaGaleriaArticulo01 .dropdown-menu>li>a:link, .vistaGaleriaArticulo01 .dropdown-menu>li>a:focus, .vistaGaleria01 .dropdown-menu.compartir, .vistaGaleria01 .dropdown-menu>li>a:visited, .vistaGaleria01 .dropdown-menu>li>a:link, .vistaGaleria01 .dropdown-menu>li>a:focus {background:#666666} .vistaGaleriaArticulo01 .dropdown-menu.compartir:after, .vistaGaleria01 .dropdown-menu.compartir:after {background:none; border-color:#333333 transparent} .vistaGaleriaArticulo01 .dropdown-menu.compartir, .vistaGaleria01 .dropdown-menu.compartir {padding-left:6px} .vistaGaleriaArticulo01 .share-media .dropdown-toggle:focus, .vistaGaleria01 .share-media .dropdown-toggle:focus {text-decoration:none} .vistaGaleriaArticulo01 .share-media .social-icon:hover, .vistaGaleria01 .share-media .social-icon:hover {color:rgba(256,256,256,1)} /* == HOME == */ body#galeria.home, body#galeria.article {background-color:#2a2a2b} /*Menú*/ .menuMedia { position:absolute; width:190px; padding:5px 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,1f1f1f+100 */ background: rgb(43,43,43); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(31,31,31,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(43,43,43,1) 0%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(43,43,43,1) 0%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */ z-index:99999999; } .menuMedia ul {list-style-type:none} .menuMedia ul li {/*padding:2px 0*/} .menuMedia ul li * {text-transform:uppercase} .menuMedia ul li i {margin-right:6px} .menuMedia ul li.divider {padding:0; background-color:#f1f1f1; border-bottom:1px solid #333333} .menuMedia ul li a.portada24horas { display: block; text-indent: -99999em; width: 13rem; height: 4rem; background: url(../img/logos/24h-portada.svg) 0 0 no-repeat; } #galeria .menuMedia ul li a {color:#ffffff} #galeria .menuMedia ul li a:hover {color:#efefef} /* GALERIA - DESKTOP - PORTADA*/ /*comun*/ /*.header-gallery,*/ .header-gallery.abajo, .bloque2, .bloque3, .bloque5, .bloque6 {padding:20px 0} .bloque2, .bloque6 {background:#e6e8e8} .bloque3, .bloque5 {background:#f0f0f0} /* == BLOQUE CAJA PRINCIPAL == */ .header-gallery {background:#2a2a2b; border-top:1px solid #4e4e4e; /*border-bottom:1px solid #2a2a2a*/} /* BLOQUE CAJA PRINCIAL - caja inferior*/ /* .header-gallery.abajo {background:#232324; border-top:1px solid #333333} .header-gallery.abajo figcaption {background:none} */ .abajo {background:#232324; border-top:1px solid #333333} .abajo figcaption {background:none} .abajo h6 a {color:#ffffff} .abajo h6:before {background-color:#ffffff} .abajo.contenido {padding:20px 0 40px; border-top:1px solid #333333;background-color:transparent!important} .abajo.contenido a {color:#cccccc!important} /* == BLOQUE 2 == */ .bloque2 {border-bottom:1px solid #cccccc} /* == BLOQUE 3 IMAGEN DE FONDO == */ .bloque3 {border-top:1px solid #ffffff} /* == BLOQUE 4 == */ .bloque4 {background:#000000} .bloque4 h6 {position: absolute;z-index: 999;color:#8a9094} .bloque4 h6:before {background-color:#849094} .bloque4 h6 a, .bloque4 h6 a:hover {color:inherit} .bloque4 h3 {margin:0} .bloque4 h3 a {font-size:3rem;color:rgba(256,256,256,1)} .bloque4 h3 a:hover {color:rgba(256,256,256,0.7);text-decoration:none} /* == BLOQUE 5 == */ .bloque5 {border-bottom:1px solid #cccccc} /* == BLOQUE 6 == */ .bloque6 {border-top:1px solid #c7c7c7; border-bottom:1px solid #ffffff} /*grupo shared*/ .share-media .social-icon {color:rgba(256,256,256,0.7)} /* == VISTAS DE GALERIA == */ /*iconos [FOTOS - NUMERO] comunes*/ .vistaGaleria01 small:first-child, .vistaGaleria02 small:first-child, .vistaGaleria03 small:first-child {position:absolute; bottom:10px; left:10px; display: inline-block;float: left;font-size: 1.3em;margin: -0.3rem 0.5rem 0 0;background: #FFF;line-height: 1.2rem;color: #000;border-radius: 6px;padding: 0.8rem;} .vistaGaleria01 small:first-child:before, .vistaGaleria02 small:first-child:before, .vistaGaleria03 small:first-child:before, .vistaGaleria02.principal small:first-child:before {content: "\F030"; font-family: FontAwesome; display: inline-block; float:left; margin:-0.1rem 0.3rem 0 0; font-weight: 300; padding:0;} /*particulares*/ .vistaGaleria01 small:first-child, .vistaGaleria03 small:first-child, .vistaGaleria02.principal small:first-child {position: relative; margin: 20px 20px 0px 0;width: 90px;height: 50px; font-size:28px; text-align:right; line-height:35px} .vistaGaleria01 small:first-child:before{ margin:0; } .vistaGaleria03 small:first-child {margin: 110px 0 0 -10px;height: 40px;line-height: 27px;} .vistaGaleria02.principal small:first-child {margin:10px 0 0;} .vistaGaleria01 a:hover {text-decoration:none} .vistaGaleria01 small, .vistaGaleria02 small, .vistaGaleria03 small {color:rgba(256,256,256,.3)} .vistaGaleria01 figure, .vistaGaleria02 figure, .vistaGaleria03 figure {position:relative} .vistaGaleria01 figcaption, .vistaGaleria02 figcaption {position:absolute; top:0; width:100%; height:100%} .vistaGaleria01 figure {width:100%} .vistaGaleria01 figure img {/*width:100%*/} .vistaGaleria01 small, .vistaGaleria02 small {margin-top:12px} .vistaGaleria01 .titular, .vistaGaleria02 .titular {position:absolute; bottom:0;width:100%; padding:8px 5px} .vistaGaleria01 .grupo-ico {width:90px; height:50px;padding:8px 5px;} .vistaGaleria01 .grupo-ico i {font-size:36px; margin:0} .vistaGaleria01 .titular h1 {color:rgba(256,256,256,1); text-shadow:0 0 0; margin:0} .vistaGaleria02 time span, .vistaGaleria03 time span {margin-right:6px} .grupo-ico {margin-right:20px; background:rgba(256,256,256,1); border-radius:6px; font-size:30px; font-weight:bold; color:#2a2a2b} /*vista principal*/ .vistaGaleria01 {} .vistaGaleria01 figure {overflow:visible} .vistaGaleria01 .share-media {position:absolute; top:0; width:100%; z-index:10} #galeria .vistaGaleria01 .share-media {top:10px; height:35px; z-index:10} .vistaGaleria01 .share-media ul {list-style-type:none} .vistaGaleria01 .share-media ul li {float:left; padding:0} .vistaGaleria01 figcaption { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .vistaGaleria01 time {color: #b6b7ba;font-weight: bold} /* vista principal más clase "principal" */ .vistaGaleria01.principal figcaption {position:relative; width:28%; padding-left:2%; background:none} .vistaGaleria01.principal {overflow:hidden; padding:30px 0} .vistaGaleria01.principal figure a.imagen {display:block; width:70%} .vistaGaleria01.principal figure a.imagen img {max-height:640px} .vistaGaleria01.principal .titular {position:relative} .vistaGaleria01.principal .titular h1 {clear:both;font-size: 2.6rem!important;font-weight: 500;margin:12px 0} .vistaGaleria01.principal .titular h1 a {color:#ffffff} .vistaGaleria01.principal .titular h1 a:hover {color:#efefef} .vistaGaleria01.principal small:first-child:before { margin:0 5px 0 0; } #galeria .vistaGaleria01.principal small {margin:12px 0 0; left:0} #galeria .vistaGaleria01.principal a small {width:auto; height:auto;font-size:22px; font-weight:bold;line-height:15px} /*vista con titulo afuera*/ .vistaGaleria02 {margin:0 0 10px} .vistaGaleria02 .grupo-ico {width:55px; height:30px;font-size:18px; padding:5px; left:auto; bottom:auto} .vistaGaleria02 .grupo-ico i {font-size:20px; margin:0} .vistaGaleria02 time {float:left;width:100%;margin:8px 0;color:#999999} .vistaGaleria02 h3 {font-weight:100;color:#bdc4c7; font-size:1.7rem!important} .vistaGaleria02 a {font-weight:400;} .vistaGaleria02 a:focus, .vistaGaleria02 a:hover {text-decoration:none} .vistaGaleria02 span.tag a {display:block; margin:6px 0 0; color:rgba(256,256,256,.4); text-transform:uppercase;} .vistaGaleria02 span.tag a:hover {color:rgba(256,256,256,.7)} .displayThreeBajada a {color:#cccccc!important} .vistaGaleria02 small.copyright {position:absolute; bottom:15px; right:10px} .vistaGaleria03 figcaption { position:absolute; top:0; right:0; width:40%; height:100%; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); } .vistaGaleria03 .grupo-ico, .vistaGaleria03 time {display:block; margin:80px 0 10px; clear:both} .vistaGaleria03 .grupo-ico {width:80px; height:36px; padding:3px 5px; font-size:25px} .vistaGaleria03 .grupo-ico i {font-size:29px} .vistaGaleria03 h3, .vistaGaleria03 p.lead {color:rgba(256,256,256,1)} .vistaGaleria03 h3 {margin:0 0 10px} /*.vistaGaleria03 p.lead {font-size:1.7rem; font-family:'Fira Sans', sans-serif!important}*/ .vistaGaleria03 time {rgba(256,256,256,.4)} h2 {font-size:2rem!important;color:#979ea1;font-weight:100;text-transform:uppercase} h2 span {display:block;width:80px;height:6px;background:#8b9194;margin-bottom:10px} .bloque2 h3, .bloque5 h3, .bloque6 h3 {color:#666666} /*titulos*/ section h6, section h6 a{font-size:1.8rem;color:#000;padding:0.5em 0;text-transform:uppercase} section h6 a:hover {color:#333333} section h6:before {width: 8rem;background-color: #1d2d4f;content: "";display: block;height: 0.3rem;margin-bottom: 0.625rem;} /* SECCION - GALERIA */ body#galeria.seccion {background-color:#2a2a2b} body#galeria.seccion .bloque3 {background-color:transparent; border-top:none} body#galeria.seccion h2 {font-size: 1.2em!important; padding: 0.5em 0;clear: both;color: #ffffff; margin:0 0 12px!important; font-weight:500} body#galeria.seccion h2:before {content: "";display: block;height: 0.5rem;margin-bottom: 0.625rem;background-color:#ffffff; width: 6rem; } /* ARTICLE - GALERIA */ /*carrusel*/ body#galeria {background-color:#232324} #galeria #carouselVideoTop {background-color:#252525!important} #galeria #carouselVideoTop img {float:none;margin:0 auto} .vistaGaleriaArticulo01 .tituloArticulo01 {margin:20px 0;} .vistaGaleriaArticulo01 h1 {margin:20px; font-size:2.6rem!important;font-weight:500} #galeria .vistaGaleriaArticulo01 h1 {font-size:2.6rem!important;color:#ffffff} .vistaGaleriaArticulo01 h1 a {color:rgba(256,256,256,1); text-shadow:0; font-weight:400} .vistaGaleriaArticulo01 h1 a:focus {text-decoration:none} .vistaGaleriaArticulo01 h1 a:hover {text-decoration:none; color:rgba(256,256,256,.6)} .vistaGaleriaArticulo01 i {font-size:2.4rem; color:rgba(256,256,256,1)} .vistaGaleriaArticulo01 i.fa-camera {font-size:6.5rem} .vistaGaleriaArticulo01 #carouselVideoTop a {display: block;position:absolute; top:0px; width: 30px!important;height:40px; /*height: 30px;*/z-index:100;} .vistaGaleriaArticulo01 #carouselVideoTop img {width:auto!important; max-height:570px} .vistaGaleriaArticulo01 a.left {left:70px} .vistaGaleriaArticulo01 a.right {right:70px} .vistaGaleriaArticulo01 .carousel-control.left, .vistaGaleriaArticulo01 .carousel-control.right {background:none} .vistaGaleriaArticulo01 .carousel-indicators {top:590px} .vistaGaleriaArticulo01 .fullscreen {margin-top:8px} .vistaGaleriaArticulo01 .fullscreen a:focus {outline:none} .vistaGaleriaArticulo01 .fullscreen a {display:block; margin-top:10px; color:rgba(256,256,256,.7); text-transform:uppercase} .vistaGaleriaArticulo01 .fullscreen a:hover {color:rgba(256,256,256,1); text-decoration:none} .vistaGaleriaArticulo01 .fullscreen i {margin-right:10px; font-size:1.6rem;} .vistaGaleriaArticulo01 .container.articulo {height:570px; overflow:hidden} /* Subsección */ #slideSubseccion .carousel-indicators {position:relative;bottom:0} #slideSubseccion .carousel-indicators .active {background-color:#333333} #slideSubseccion .carousel-indicators li {margin:0;width:15px; height:15px;border:1px solid #999999;background:#ffffff} #slideSubseccion a.carousel-control {position:absolute; width:30px; height:42px; opacity:1; top:656px; z-index:9999; text-shadow:none} #slideSubseccion a.carousel-control span.glyphicon {color:rgba(0,0,0,.3);} #slideSubseccion a.carousel-control:hover span.glyphicon {color:rgba(0,0,0,.8);} #slideSubseccion a.carousel-control.left {background-image:none; left:410px} #slideSubseccion a.carousel-control.right {background-image:none; right:408px} .subseccion h3 {margin:0;/*margin:1.5rem 0 0*/} .subseccion time {margin:1rem 0} .subseccion button {margin:0 0 20px} .subseccion button, .subseccion button:focus, .subseccion button:active, .subseccion button:visited, .subseccion button:hover {color:#ffffff; text-shadow:1px 1px 5px rgba(0,0,0,.3); background-color:#b5bbbf; text-transform: uppercase; text-decoration:none;outline:0} .subseccion button:after {content:"\f055"; font-family: FontAwesome; font-size:1.8rem; line-height:1em; float:right; font-weight:300; margin:0 0 0 0.3em; color:#ffffff; display: block;} /* ==== MOBILE ==== */ #galeria_mobile .dropdown-menu>li>a {color:#ffffff} #galeria_mobile .vistaGaleriaArticulo01 h1 {font-size:2.2rem!important;color:#ffffff} #galeria_mobile .row.header {margin:0} #galeria_mobile a:focus {outline:0} #galeria_mobile a.navbar-brand.logo.video span {background-position:-7px -74px} #galeria_mobile .clear {clear:both} #galeria_mobile .change .bottom-bar, #galeria_mobile .icon-bar {background-color:#ffffff!important} #galeria_mobile .menu {position:static} #galeria_mobile .navbar-collapse.collapse.in, #galeria_mobile .navbar-collapse.collapsing {background:none} #galeria_mobile .menuMedia {width:100%; right:0;} #galeria_mobile .menuMedia ul li a {color:#ffffff!important} #galeria_mobile .menuMedia ul li a:hover {color:#efefef!important} #galeria_mobile p.lead {font-family:'Fira Sans', sans-serif!important} #galeria_mobile .container-fluid:first-child {padding:0} #galeria_mobile .container-fluid:second-child {background:#262626} #galeria_mobile {background:#2c2c2c} #galeria_mobile .row:first-child {margin:0} #galeria_mobile ol.breadcrumb {background:#ffffff; border-radius:0} #galeria_mobile .navbarmedia, #galeria_mobile .navbarmedia.navbar-default .navbar-toggle {background:#212121} /*menu lateral*/ #galeria_mobile .navbarmedia .dropdown-menu-right { margin: 42px 0 0; background:#333333; width: 40px; min-width: 130px; padding: 0; right: 15px; } #galeria_mobile .navbarmedia .dropdown-menu-right a {color:#ef8e2b} #galeria_mobile .navbarmedia .dropdown-menu-right a:hover {background:transparent; color:#ec6009} #galeria_mobile button#menu1 {color:#ffffff;width:130px!important;margin-right:15px!important;} #galeria_mobile button#menu1 i {color:#ef8e2b} #galeria_mobile .navbar h6 {display:none} #galeria_mobile .navbarmedia {border:none;z-index:10} #galeria_mobile .header-gallery {background:none} #galeria_mobile .subseccion button {/*margin:0 10px 20px*/ margin:0 0px 20px;background-color:#565859;border:none} #galeria_mobile .vistaGaleriaArticulo01 .fullscreen {float:left; margin:0 20px} #galeria_mobile .vistaGaleriaArticulo01 .fullscreen a {color:rgba(256,256,256,.7); text-transform:uppercase} #galeria_mobile .vistaGaleriaArticulo01 .fullscreen a:hover {color:rgba(256,256,256,1); text-decoration:none} #galeria_mobile .vistaGaleriaArticulo01 .fullscreen i {margin-right:10px; font-size:1.5rem} #galeria_mobile hr {border-top: 1px solid #333; border-bottom:1px solid #000; margin:0;} #galeria_mobile .vistaInterior {float: left;width: 100%; background:#222222; padding:0 10px 10px} #galeria_mobile .vistaInterior p.lead {font-weight:100;color:#cccccc; font-size:1.8rem} #galeria_mobile .vistaGaleria02 h3 {clear:both; padding:0; font-size:2rem!important} #galeria_mobile .breadcrumb {padding:8px} #galeria_mobile .vistaGaleriaArticulo01 .row {margin:0} #galeria_mobile .vistaGaleriaArticulo01 .vistaInterior.row {padding-top:50px; margin-top:-50px} #galeria_mobile time {display:block; width: 100px;color:#6f7678; margin-top:14px} #galeria_mobile time span {margin-right:5px;color:#6f7678;} #galeria_mobile .vistaGaleria02.principal .vistaInterior time {margin-top:20px} #galeria_mobile .vistaGaleriaArticulo01 i, #galeria_mobile .vistaGaleria02 i {font-size:3rem} #galeria_mobile .vistaGaleria02 li {padding:0} #galeria_mobile .vistaGaleria02 .grupo-ico {width:65px; padding:4px} #galeria_mobile .vistaGaleria02 figure, #galeria_mobile .vistaGaleria02 figure img {width:100%} #galeria_mobile .vistaGaleria02.principal h1 a {color:#ffffff} #galeria_mobile .dropdown-menu.compartir {background:#666666; width:191px!important} #galeria_mobile .dropdown-menu.compartir:after {background:none; border-color:#666666 transparent} #galeria_mobile .dropdown-menu.compartir {padding-left:6px} #galeria_mobile .dropdown-menu.compartir li a {background:none} #galeria_mobile .share-media .dropdown-toggle:focus {text-decoration:none} #galeria_mobile .share-media .social-icon:hover {color:rgba(256,256,256,1)} #galeria_mobile .vistaGaleriaArticulo01 #carouselVideoTop a {top:calc( 50% - 15px )} #galeria_mobile .vistaGaleriaArticulo01 #carouselVideoTop a.left {left:0} #galeria_mobile .vistaGaleriaArticulo01 #carouselVideoTop a.right {right:0} #galeria_mobile #carouselVideoTop img {float: none;margin: 0 auto;height:100%} #galeria_mobile .vistaGaleriaArticulo01 .cuenta {margin: 6px auto;color:#ffffff;width:100px;text-align:center} #galeria_mobile .vistaGaleriaArticulo01 .cuenta i {position:relative;font-size:20px;margin-top: .3rem;} #galeria_mobile h3 a {/*color:#b5bcbf*/ color:#ffffff} #galeria_mobile h6 {text-transform:uppercase; margin:10px} #galeria_mobile .bloque01 h6 {clear:both;color:#ffffff} #galeria_mobile .bloque01 h6:before {background-color:#ffffff} #galeria_mobile .bloque01, #galeria_mobile .bloque03 h6 {color:#ffffff} #galeria_mobile .bloque01, #galeria_mobile .bloque03 h6:before {background-color:#2e2e2e} #galeria_mobile .bloque01 .vistaGaleria02 figcaption { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } #galeria_mobile .bloque01 h6 a, #galeria_mobile .bloque03 h6 a {color:inherit} #galeria_mobile .bloque03 h6 {color:#8b9194} #galeria_mobile .bloque03 h6:before {background-color:#8b9194} #galeria_mobile .bloque02, #galeria_mobile .bloque04 {background:#f0f0f0} #galeria_mobile .bloque02 h3 a, #galeria_mobile .bloque04 h3 a {color:#656a73} #galeria_mobile .bloque01 .vistaInterior {padding:0 10px 10px; margin-bottom:0; border-bottom:1px solid #1b1b1b} #galeria_mobile .bloque02 .vistaInterior, #galeria_mobile .bloque04 .vistaInterior{padding:0 10px;margin-bottom:0} #galeria_mobile .bloque02 .vistaInterior, #galeria_mobile .bloque04 .vistaInterior {background:#e7e6e8} #galeria_mobile .bloque02 .vistaInterior p.epigrafe, #galeria_mobile .bloque04 .vistaInterior p.epigrafe {float:left; margin:6px 0 12px; color:#646a73; text-transform:uppercase; font-weight:bold; font-size: 1.5rem;} #galeria_mobile .bloque02 .vistaInterior span.tag, #galeria_mobile .bloque04 .vistaInterior span.tag, #galeria_mobile .bloque02 .vistaInterior span.tag a, #galeria_mobile .bloque04 .vistaInterior span.tag a {text-transform: uppercase;color: #60636b;font-weight:bold;margin: 10px 0;display: block;} #galeria_mobile .vistaInterior span.tag a:hover {color:#000000} #galeria_mobile .bloque01 .abajo, #galeria_mobile .bloque02 .abajo, #galeria_mobile .bloque04 .abajo { clear:both; height:45px; padding:0 10px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #galeria_mobile .bloque01 .abajo {background:#222222; border-top:1px solid #333333} #galeria_mobile .bloque02 .abajo, #galeria_mobile .bloque04 .abajo{background:#e1e2e3} #galeria_mobile .bloque01 .abajo ul.contentShare, #galeria_mobile .bloque02 .abajo ul.contentShare, #galeria_mobile .bloque04 .abajo ul.contentShare{margin-top:0.6em; width:150px;} #galeria_mobile .bloque02 .abajo time, #galeria_mobile .bloque04 .abajo time {color:#828385} #galeria_mobile .bloque02 .abajo i.icon-masc, #galeria_mobile .bloque04 .abajo i.icon-masc {color:#aeb5bd} #galeria_mobile .vistaInterior h3 {color:#646a73; margin:10px 0 0; padding:0} #galeria_mobile .bloque02 .share-media i.icon-facebookc, #galeria_mobile .bloque04 .share-media i.icon-facebookc {color:#125ba7} #galeria_mobile .bloque02 .share-media i.icon-twitterc, #galeria_mobile .bloque04 .share-media i.icon-twitterc {color:#379ee6} #galeria_mobile .bloque02 .share-media i.icon-whatsappc, #galeria_mobile .bloque04 .share-media i.icon-whatsappc {color:#33c660} /*bloque con imagen de fondo*/ #galeria_mobile .bloque03 .vistaGaleria03 figcaption { width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } #galeria_mobile .bloque03 .vistaGaleria03 figcaption .sub {position:absolute; bottom:0} #galeria_mobile .bloque03 .share-media .dropdown-toggle:focus {text-decoration:none} #galeria_mobile .bloque03 .share-media .social-icon:hover {color:rgba(256,256,256,1)} #galeria_mobile .bloque03 i {font-size:3rem} #galeria_mobile .bloque03 li {padding:0} #galeria_mobile .bloque03 .grupo-ico {width:65px; padding:4px} #galeria_mobile .bloque03 .vermas {margin-top:20px} #galeria_mobile .bloque03 .vermas a {color:rgba(256,256,256,1); text-transform:uppercase; line-height:30px} #galeria_mobile .bloque03 {background:#000000; padding-bottom:30px} #galeria_mobile .bloque03 h3 {margin-bottom:10px} #galeria_mobile .bloque03 h3 a {color:rgba(256,256,256,1)} #galeria_mobile .bloque03 h3 a:hover {text-decoration:none; color:rgba(256,256,256,0.75)} #galeria_mobile .vistaGaleria03 .grupo-ico, .vistaGaleria03 time {margin:0 0 10px} #galeria_mobile .vistaGaleria03 h1 {font-size:2.5rem!important} #galeria_mobile .vistaGaleria03 p.lead {font-size:1.8rem} #galeria_mobile .bloque04 {padding-top:20px} #galeria_mobile .num {width: 88px; top:0; left:0} #galeria_mobile #carouselVideoTop {background-color:#252525; margin:1rem 0 0} #galeria_mobile #carouselVideoTop span {margin:0} /* #galeria_mobile #carouselVideoTop .carousel-control .glyphicon-chevron-left {left:20px} #galeria_mobile #carouselVideoTop .carousel-control .glyphicon-chevron-right {right:20px} */ #galeria_mobile #carouselVideoTop .item small {position:absolute; bottom:10px; right:10%; color:rgba(256,256,256,.6)} #galeria_mobile #carouselVideoTop .carousel-control {width:42px!important; height:42px} #galeria_mobile #carouselVideoTop .carousel-control.left, #galeria_mobile #carouselVideoTop .carousel-control.right {margin:25% 10px 0} #galeria_mobile #carouselVideoTop .carousel-control.left span, #galeria_mobile #carouselVideoTop .carousel-control.right span {font-size:30px} #galeria_mobile #carouselVideoTop .carousel-control .glyphicon-chevron-left {left:5px; top:5px} #galeria_mobile #carouselVideoTop .carousel-control .glyphicon-chevron-right {right:5px; top:5px} body#galeria_mobile.seccion h2 {font-size: 1.2em!important; padding: 0.5em 0;clear: both;color: #ffffff; margin:0 0 12px!important; font-weight:500} body#galeria_mobile.seccion h2:before {content: "";display: block;height: 0.5rem;margin-bottom: 0.625rem;background-color:#ffffff; width: 6rem; } #galeria_mobile footer {margin:0} /* SECTION */ #galeria_mobile .vistaGaleria02.principal h1 {margin:0; color:#ffffff; font-size:2.1rem!important} #galeria_mobile .vistaGaleria02.principal figcaption { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } #galeria_mobile .vistaGaleria02.principal .vistaInterior ul.contentShare, #galeria_mobile .vistaGaleriaArticulo01 .vistaInterior ul.contentShare {width:155px;} #galeria_mobile .navbar-header a.logo {background-image:none} /* == GALERIA== */ /*#galeria .displayThree figure:first-child figcaption {position:absolute}*/ #galeria .displayThree figcaption h3 {margin:0; } .vistaGaleria03 time {color:#666666} /* == MODAL == */ #galeria .modal_body, #galeria .modal-body picture .img-responsive {max-height:740px} #galeria .modal_body {padding:0} #galeria .modal-body picture .img-responsive {max-width:100%; max-height:100%} #galeria #galleryModal .active {height:100vh; width:100vw} /* == modal para galería, si es aprobado, debería funcionar para artículo vista galería, por tanto trasladar el código a globalEstructuraDesktop*/ #galeria_mobile .modal-header, #galeria .modal-header {position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10;} #galeria_mobile .modal-body, #galeria .modal-body {padding:0} body.modal-open {overflow: hidden;position: fixed;} /* == para fijar alto == #galeria_mobile .modal_body, #galeria_mobile .modal-body picture .img-responsive {max-height:300px} #galeria_mobile .modal-body picture .img-responsive {width:auto; height:auto} */ #galeria_mobile .modal-body span.glyphicon-chevron-right, #galeria_mobile .modal-body span.glyphicon-chevron-left {top:50%!important; font-size:30px} /* BUGS */ /*este div tapa la galería extendida*/ .modal-backdrop.in {z-index:900!important} @media screen and (max-width: 1080px){ /*#galeria_mobile #carouselVideoTop img {max-height:675px}*/ } /*esta linea soluciona un bug*/ @media screen and (max-width: 1024px) { body {width:1170px; margin:0 auto} body#galeria_mobile {width:auto} .header-gallery .container {width:100%!important} } @media screen and (max-width: 768px) { /*.num {top:25px}*/ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {width: 30px;height: 30px;margin-top: -10px;font-size: 30px} .vistaGaleriaArticulo01 #carouselVideoTop a {top:722px} /*#galeria_mobile #carouselVideoTop img {max-height:480px}*/ } @media screen and (max-width: 640px) { #galeria_mobile .vistaGaleria03 p.lead {display:none} } @media screen and (max-width: 480px) { a.navbar-brand.logo.video span {left: -25px;top: 2px; margin-left: 32px;} #galeria_mobile .vistaGaleria02.principal small:first-child {width:60px; height:40px; font-size:18px; line-height:30px} /*#galeria_mobile #carouselVideoTop img {max-height:232px}*/ } @media screen and (max-width: 320px) { a.navbar-brand.logo.video span { width: 8rem; background-position: -7px -44px!important; background-size: 90px; } /*#galeria_mobile #carouselVideoTop img {max-height:200px}*/ }