.contra-viento-y-marea { /* PAGE BUILDER */ /* BUTTONS */ /* HOME SLIDER */ /* MOD LIST */ /* MOD PROGRAM */ /* COLOR de fondo #9971a6 COLOR nombre programa #eaeac5 COLOR TEXTOS DESTACADO #ffF fondo caja de artículo #27272b EPIGRAFE caja de artículo #bbbbbc TITULO caja de artículo #ffF hover TITULO caja de artículo #9971a6 COLOR de PROGRAMA Y VER MÁS #9971a6 COLOR de horario #ffedb3 EPIGRAFE caja de artículo #White; Opacity: 0.7 TITULO caja de artículo #FFF hover TITULO caja de artículo #27272b */ } /* Fondo programa destacado portal */ .contra-viento-y-marea.mod-program, body.programas-landing-sindestacado main.site-content {background: url("bg4.jpg") no-repeat top center #9971a6; } /* Detalle de un articulo */ /* Color de etiquetam links, citas y titulos internos de una nota */ .contra-viento-y-marea.page-news .news-full .news-label, .contra-viento-y-marea.page-news .news-full .news-body > p a, .contra-viento-y-marea.page-news .news-full .news-body .news-cite p, .contra-viento-y-marea.page-news .news-full .news-mod .news-mod-title {color: #9971a6; } /* Color del autor de una nota en hover */ .contra-viento-y-marea.page-news .news-full .news-author .author-name a:hover {text-decoration: none; color: #9971a6; } /* Color de las flechas de una galeria */ .contra-viento-y-marea.page-news .news-full .news-photogallery .swiper-btn:hover:after, .contra-viento-y-marea.page-news .news-full .news-photogallery .swiper-btn:hover:before {background-color: #9971a6; } /* Color hover "Mas vistos" en el detalle de un articulo */ .contra-viento-y-marea.page-news .mod-videos .news-data a:hover {color: #9971a6; } /* Fondo de un video */ .contra-viento-y-marea.page-video .page-builder {background-color: #1b1b1b;} /* Color de fondo para huincha de comentarios en videos */ .contra-viento-y-marea .video-comments {background-color: #292929; } /* General de la portada y detalles de programa */ /* Barra del header */ .contra-viento-y-marea.page-program .program-header {background-color: #9971a6; } /* Nombre del programa y botones de redes */ .contra-viento-y-marea.page-program .program-header .program-social, .contra-viento-y-marea.page-program .program-header .program-title {color: #eaeac5; } /* Fondo destacados principales */ .contra-viento-y-marea .page-builder {background-color: #2F2F2F; } /* Fondo de menu */ .contra-viento-y-marea.page-program .program-nav {background-color: #2F2F2F; } /* Fondo de los menus desplegables */ .contra-viento-y-marea.page-program .program-nav .menu .menu {background-color: #2F2F2F; } /* Color del item activo del menu */ .contra-viento-y-marea.page-program .program-nav li.active a {color: #eaeac5; } /* Color del border inferior de los items del menu, se activan con hover */ .contra-viento-y-marea.page-program .program-nav a:after {background-color: #eaeac5; } /* Color de los items del menu, se activa con hover */ .contra-viento-y-marea.page-program .program-nav a:hover {color: #eaeac5; } /* Titulo de secciones y Botones de accion como "ver mas" */ .contra-viento-y-marea.page-program .mod-list .mod-title, .contra-viento-y-marea.page-program .mod-list .mod-action a, .contra-viento-y-marea .subpage-title {color: #9971a6; } /* Color de las flechas de los sliders */ .contra-viento-y-marea.page-program .mod-personajes .swiper-btn:after, .contra-viento-y-marea.page-program .mod-personajes .swiper-btn:before {background-color: #4f453e; } /* Link del boton "conoce mas" de una persona */ .contra-viento-y-marea.page-program .person-box .person-link {color: #9971a6; } /* Encuesta */ .contra-viento-y-marea .poll-percent-wrap {background: #9971a6;} .contra-viento-y-marea .poll-percent-wrap:hover {background: #eaeac5; } .contra-viento-y-marea .poll-voted .poll-percent-wrap{background: #9971a6;} .contra-viento-y-marea .poll-voted .poll-percent-wrap .poll-percent, .contra-viento-y-marea .poll-voted .poll-percent-wrap.poll-win .poll-percent{background: #eaeac5;} /* Destacados */ /* Color de botones */ .contra-viento-y-marea.news-box.inner .news-data .news-section, .contra-viento-y-marea.news-box.inner .news-data .news-link, .contra-viento-y-marea .news-box.inner .news-data .news-section{opacity: 1; color: #9971a6; } .contra-viento-y-marea .video .video-section, .contra-viento-y-marea .video .video-actions a:hover {color: #9971a6; } .contra-viento-y-marea .news-box.inner .news-data .news-link, .contra-viento-y-marea .news-box.inner .news-data .news-link:hover{color:#eaeac5;} /* Color del titulo del menu */ .page-builder .news-box.inner .news-data .news-title a {color: white;} /* Color de hover botones */ .contra-viento-y-marea.news-box.inner .news-data .news-section:hover, .contra-viento-y-marea.news-box.inner .news-data .news-link:hover, .contra-viento-y-marea .news-box.inner .news-data .news-section:hover{color: #9971a6; } /* Destacado secundario */ .contra-viento-y-marea .page-builder .pull-right .news-box .news-data {background-color: #9971a6; } .contra-viento-y-marea .page-builder .pull-right .news-box .news-data .news-section {color: #FFFFFF; opacity: 1; } .contra-viento-y-marea .page-builder .pull-right .news-box .news-data .news-section:hover {opacity: .7; } .contra-viento-y-marea .page-builder .pull-right .news-box .news-data .news-title {color: white; } .contra-viento-y-marea .page-builder .pull-right .news-box .news-data .news-title a:hover {color: #27272b; } /* Boton "ver mas" de los historicos */ .contra-viento-y-marea .btn, .contra-viento-y-marea .pager-load-more{border-color: #9971a6; color: #9971a6; } .contra-viento-y-marea .pager-load-more a {color: #9971a6; } .contra-viento-y-marea .btn.loading, .contra-viento-y-marea .btn:hover {background-color: #9971a6; color: white;} .contra-viento-y-marea .pager-load-more:hover{background-color: #9971a6;} .contra-viento-y-marea .pager-load-more a:hover{color: white;} /* Color en destacados */ .contra-viento-y-marea.swiper-slide .news-box.inner .news-link, .contra-viento-y-marea.swiper-slide .news-box.inner .news-section {color: #9971a6; } .contra-viento-y-marea.swiper-slide .news-box.inner .news-link:hover, .contra-viento-y-marea.swiper-slide .news-box.inner .news-section:hover {color: #9971a6; } /* Modulos en la home de 13cl */ /* Programas Destacados */ /* Nombre programa */ .contra-viento-y-marea.mod-program .program-title {color: #eaeac5; } /* Horario y descripcion */ .contra-viento-y-marea.mod-program .program-date, .contra-viento-y-marea.mod-program .program-excerpt {color: #FFFFFF; } /* Boton */ .contra-viento-y-marea.mod-program .btn {border-color: #FFFFFF; color: #FFFFFF; } /* Boton Hover */ .contra-viento-y-marea.mod-program .btn:hover {background-color: #FFFFFF; color: #9971a6; } /* Categoria */ .contra-viento-y-marea.news-box .news-data .news-section, .contra-viento-y-marea .news-box .news-data .news-section {color: white; opacity: .7; } .contra-viento-y-marea.news-box .news-data .news-section:hover, .contra-viento-y-marea .news-box .news-data .news-section:hover {opacity: .3; } /* Titulo del destacado */ .contra-viento-y-marea.news-box .news-data .news-title, .contra-viento-y-marea .news-box .news-data .news-title {color: #FFFFFF; } .contra-viento-y-marea.news-box .news-data .news-title a:hover, .contra-viento-y-marea .news-box .news-data .news-title a:hover {color: #9971a6; } /* Bajada del destacado */ .contra-viento-y-marea.news-box .news-data .news-excerpt, .contra-viento-y-marea .news-box .news-data .news-excerpt {color: white; opacity: .7; } /* Programas secundarios */ /* Titulo del programa y voton de accion */ .contra-viento-y-marea.mod-list .mod-header .mod-title, .contra-viento-y-marea.mod-list .mod-header .mod-action a {color: #9971a6; } /* Color de fondo de los articulos */ .contra-viento-y-marea.mod-list .news-box .news-data {background-color: #9971a6; } /* Titulo del articulo */ .contra-viento-y-marea.mod-list .news-box .news-data .news-title {color: white; } .contra-viento-y-marea.mod-list .news-box .news-data .news-title a:hover {color: #27272b; } /* Desechados .contra-viento-y-marea .video .gif-convertor { background-color: #4f453e; color: #fb6900; } .contra-viento-y-marea .video .gif-convertor:hover { background-color: #322c28; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn-big:hover:after, .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn-big:hover:before, .contra-viento-y-marea.page-news .gallery-fullscreen .gallery-close:hover:after, .contra-viento-y-marea.page-news .gallery-fullscreen .gallery-close:hover:before {background-color: #4f453e; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn {border-color: #4f453e; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn:after, .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn:before {background-color: #4f453e; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn.swiper-button-disabled:hover:after, .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn.swiper-button-disabled:hover:before {background-color: #4f453e; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn:hover {background-color: #4f453e; } .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn:hover:after, .contra-viento-y-marea.page-news .gallery-fullscreen .swiper-btn:hover:before {background-color: white; } */ /* Concurso */ form#webform-client-form-68398 input[type="checkbox"], input[type="radio"] {cursor: pointer;box-sizing: border-box; padding: 0; display: block; width: 100%; padding-top: 50%; -webkit-appearance: initial; position: relative;} form#webform-client-form-68398 > div > .form-item {padding: 15px 0;text-align: center;} .node-68398 h1.detalle-nota-titulo {display: none;} form#webform-client-form-68398 .webform-component--bajada {font-size: 23px; line-height: initial; text-align: center; font-weight: 400; } form#webform-client-form-68398 > div > .form-item > label {font-size: 19px; line-height: initial; font-weight: 400; } div#edit-submitted-historia .form-item {width: 30.9%; display: inline-block; margin: 0 2% 25px 0%; background: white; box-shadow: 0px 4px 10px rgba(0,0,0,.1); cursor: pointer; min-height: 190px; border-radius: 4px; overflow: hidden;} div#edit-submitted-historia .form-item label.option {padding: 20px 10px 10px 10px; display: block;cursor: pointer;} .webform-component--historia {float: left;width: 100%;} form#webform-client-form-68398 > div > .form-item {padding: 15px 0; } form#webform-client-form-68398 {} form#webform-client-form-68398 > div > .form-item > label {font-size: 19px; line-height: initial; font-weight: 400; } form#webform-client-form-68398 > div > .form-item > input {padding: 10px; border-radius: 5px; border: 1px solid #ccc; margin: 5px 0;text-align: center;} form#webform-client-form-68398 input.webform-submit.button-primary.form-submit {transition: all .7s;background: #eaeac5; color: white; padding: 10px 20px; margin: auto; border-radius: 50px; border: 3px solid #eaeac5; display: block; } form#webform-client-form-68398 input.webform-submit.button-primary.form-submit:hover{background: white;color:#eaeac5;} form#webform-client-form-68398 > div > .webform-component--historia > label {margin: 20px; font-weight: bold; text-transform: uppercase; font-size: 24px; width: 90%; color: #eaeac5; } div#edit-submitted-historia .webform-component--historia {float: left; width: 100%; } form#webform-client-form-68398.form-item.webform-component.webform-component-radios.webform-component--historia {width: 100%; float: left; } form#webform-client-form-68398 div#edit-submitted-historia .form-item input{transition: all .7s;} form#webform-client-form-68398 div#edit-submitted-historia .form-item input:checked::before{opacity: .2;outline: 0;} form#webform-client-form-68398 div#edit-submitted-historia .form-item input:focus{outline: none;} form#webform-client-form-68398 div#edit-submitted-historia .form-item input:checked::after {content: ""; width: 66px; height: 66px; position: absolute; top: 50%; left: 50%; background: url(check.png); border-radius: 50%; margin: -33px 0 0 -33px; } form#webform-client-form-68398 #edit-submitted-historia-1::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap1.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-2::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap2.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-3::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap3.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-4::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap4.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-5::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap5.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-6::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap6.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-7::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap7.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-8::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap8.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-9::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap9.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-10::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap10.jpg); background-size: cover; position: absolute; top: 0; left: 0;} form#webform-client-form-68398 #edit-submitted-historia-11::before {content: " "; display: block; width: 100%; height: 100%; background-image: url(cap11.jpg); background-size: cover; position: absolute; top: 0; left: 0;} #view-contraviento-propuestas {text-align: center; background: #1f1f1f; padding: 35px; } .contraviento-propuestas-item {width: 32%; background: black; color: white; cursor: pointer; display: inline-block; position: relative; margin: .5%; } .contraviento-propuestas-item img {opacity: .6; transition: all .3s;width: 100%;height: auto;} .contraviento-propuestas-item-activo img {opacity: 1; } .contraviento-propuestas-item:hover img {opacity: .3; } .contraviento-propuestas-item h3 {padding: 15px; position: absolute; bottom: 0; left: 0; padding: 31% 5% 5% 5%; width: 90.5%; text-align: left; line-height: initial; font-weight: 200; font-size: 17px; background: rgba(254,254,254,0); background: -moz-linear-gradient(top,rgba(254,254,254,0) 0%,rgba(0,0,0,0.7) 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(254,254,254,0)),color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top,rgba(254,254,254,0) 0%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top,rgba(254,254,254,0) 0%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top,rgba(254,254,254,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom,rgba(254,254,254,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#000000',GradientType=0); } #contraviento-propuestas-player {background: #131313; padding: 20px 0; color: white; } #contraviento-propuestas-player-wrapper {width: 80%; margin: auto; } #contraviento-propuestas-player-wrapper #player {margin-bottom: 30px;} .lds-ellipsis {display: inline-block; position: absolute; width: 86px; height: 86px; left: 50%; top: 50%; margin:-43px 0 0 -43px; } .lds-ellipsis div {position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) {left: 6px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) {left: 6px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) {left: 26px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) {left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 {0% {transform: scale(0); } 100% {transform: scale(1); } } @keyframes lds-ellipsis3 {0% {transform: scale(1); } 100% {transform: scale(0); } } @keyframes lds-ellipsis2 {0% {transform: translate(0, 0); } 100% {transform: translate(19px, 0);}} .contra-viento-y-marea-propuestas-franjacomercial.section-franjacomercial {height: 250px; display: block; margin-top: 0;margin-bottom: 0; background: url(top-pedida3.jpg) center top no-repeat #d19cba;}