@charset "utf-8"; /* CSS Document */ html { font-size: 62.5% !important; } body { font-size: 14px !important; font-size: 1.4rem !important; } /*RESETS*/ /*================================================*/ .all .container { padding: 15px 0; font-family: helveticaFamily, HelveticaNeue, Arial !important; } .all .container:first-child, .all .container:nth-child(2) { padding: 0; } .all .container:last-child { padding: 15px 0 0; } .all .container .btn { white-space: nowrap; } .all .container .btn.btn-big { font-size: 16px; } .all.seccion.cazavision .container { padding: 0; } .all.seccion.cazavision .container:last-child { padding: 30px 0 0; } .all .container .mod { float: left; box-sizing: border-box; padding: 25px; } .all .container .mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; } .all .headerEsp { padding-top: 10px; padding-bottom: 0; margin-right: auto; margin-left: auto; max-width: 1920px; width: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 116px; left: 0; z-index: 100; float: left; min-height: 50px; height: auto; } .all .headerEsp .row.gr100 { max-width: 100%; } .all .headerEsp .site-description { position: relative; padding-right: 3%; padding-left: 2%; width: 55%; float: left; } .all .headerEsp .site-description .shape:before { font-size: 100px !important; } .all .headerEsp .site-description p.shape { margin-right: 2%; width: 100px; height: 100px; padding-top: 0; display: none; } .all .headerEsp .site-description .shape span { font-size: 12px; color: #fff; } .all .headerEsp .site-description h1 { color: #ff7900; font-size: 2.5rem; line-height: 3rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; text-align: left; width: 100%; } .all .headerEsp .site-description h3 { color: #fff; font-size: 1.7rem; line-height: 2rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; text-align: left; width: 100%; } .all .headerEsp .botones-header { position: relative; width: 100%; height: auto; padding: 0; padding-bottom: 10px; box-sizing: border-box; } .all .headerEsp .botones-header h2 { margin-left: 15px; display: inline-block; } .all .headerEsp .botones-header h2:nth-child(2) { display: none; } .all .headerEsp .botones-header h2 a { text-decoration: none; line-height: 50px; } .all .headerEsp .botones-header h2 a span { margin-left: 5px; } .all .headerEsp .botones-header .btn.btn-orange { background: #ff7900; color: #fff; } .all .headerEsp .botones-header .btn.btn-orange:hover, .all .headerEsp .botones-header .btn.btn-orange:active { background: transparent; color: #fff; border-color: #fff; } .all .headerEsp .botones-header .btn { padding: 8px 10px; font-size: 15px; } /*================================================*/ /*GENÉRICOS*/ /*================================================*/ /*MENÚ DESPLEGABLE*/ .all .headerEsp .botones-header .box_raw { float: left; width: 100%; } .all .headerEsp .botones-header .box_raw .row { background: #bbb; width: 96%; margin-top: 10px; padding: 10px 2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; } /* .all .headerEsp .botones-header .box_raw .row:after { border-bottom: 10px solid #bbb !important; border-right: 15px solid transparent; border-left: 15px solid transparent; content: ""; display: block; height: 0; left: inherit; position: absolute; margin-left: -15px; top: 50px; right: 185px; width: 0; } */ .all .headerEsp .botones-header .box_raw .row .mod { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1%; position: relative; padding: 0; background: #ddd; transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -moz-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -ms-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -o-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; } .all .headerEsp .botones-header .box_raw .row .mod:hover { background: rgba(255, 255, 255, 1); } .all .headerEsp .botones-header .box_raw .row .mod:last-child { margin-right: 0; } .all .headerEsp .botones-header .box_raw .row .mod img { height: 40px; float: left; margin-right: 10px; background: #eeeeee; padding: 5px; } .all .headerEsp .botones-header .box_raw .row .mod h3 { width: auto; margin: 5px 0; color: #000; font-size: 1.5rem; line-height: 40px !important; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; text-align: left; height: 40px; justify-content: center; align-content: center; flex-direction: column; display: flex; justify-content: center; align-content: center; flex-direction: column; display: flex; } .all .headerEsp .botones-header .box_raw .row .mod p { width: 100%; margin: 0; padding: 0; color: #000; font-size: 1.25rem; line-height: 1.5rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; text-align: center; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial { position: relative; width: 50px; height: 50px; float: left; margin-right: 10px; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial:after { position: absolute; content: ''; border-left: 7px solid #eee !important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: -7px; top: 50%; margin-top: -10px; } .all .headerEsp .botones-header .box_raw .row .mod p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } /*********************/ /*MENÚ CARRUSEL*/ .all .headerEsp .botones-header .box_raw { float: left; width: 100%; } .all .row.carrousel .owl-carousel.owl-drag { background: #bbb; padding: 10px 5%; position: relative; } .all .row.carrousel .owl-carousel.owl-drag .owl-stage-outer { z-index: 1000000; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod { position: relative; padding: 0; background: #ddd; width: 95%; margin: 0 2.5%; transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -moz-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -ms-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; -o-transition: background 250ms cubic-bezier(.23,1,.32,1) 0s; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod:hover { background: rgba(255, 255, 255, 1); } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod:last-child { margin-right: 0; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod img { height: 40px; width: 40px; float: left; margin-right: 10px; background: #eeeeee; padding: 5px; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod h3 { width: auto; margin: 5px 0; color: #000; font-size: 1.5rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; text-align: left; height: 40px; justify-content: center; align-content: center; flex-direction: column; display: flex; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod p { width: 100%; margin: 0; padding: 0; color: #000; font-size: 1.25rem; line-height: 1.5rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; text-align: center; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod p.inicial { position: relative; width: 50px; height: 50px; float: left; margin-right: 15px; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod p.inicial:after { position: absolute; content: ''; border-left: 7px solid #eee !important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: -7px; top: 50%; margin-top: -10px; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod h3 a { color: #000 !important; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav { z-index: 999; position: absolute; top: 0; width: 90%; height: 50px; margin-left: 0; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav [class*=owl-] { position: relative; top: 0; width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.85); border-radius: 0px; margin-top: 10px; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav [class*=owl-]:hover { background-color: rgba(255, 255, 255, 1); } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-prev { float: left; left: -60px; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-next { float: right; right: -60px; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav [class*=owl-] span { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; opacity: .9; font-size: 80px; color: #fff; background-size: 20px 20px; background-repeat: no-repeat; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-prev span { background-image: url(/static/img/orangetv/chevron-prev.png); } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-next span { background-image: url(/static/img/orangetv/chevron-next.png); } /*********************/ /*IMAGEN PRINCIPAL*/ .all .container .row_principal { position: relative; } .all .container .row_principal .mod { padding: 0; } .all .container .row_principal .mod100 img { max-width: 100%; } .all .container .row_principal .mod.last { width: 50%; margin: 0; padding: 10px 25px 15px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 100px; z-index: 1000; } .all .container .row_principal .mod h2, .all .container .row_principal .mod h4 { margin: 0; text-align: left; } .all .container .row_principal .mod h2 span { font-size: 3rem; line-height: 4rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; margin: 0; margin-left: 25px; } .all .container .row_principal .mod h4 span { font-size: 1.5rem; line-height: 2rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; margin: 0; margin-left: 25px; } /*********************/ /*VIDEO*/ .all .container .box-video { position: relative; max-width: 100%; margin: 0 auto; cursor: pointer; overflow: hidden; } .all .container .box-video .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .all .container .box-video .video-container { position: relative; margin: 0; z-index: 1; padding-top: 56.25%; } .all .container .box-video .video-container iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .all .container .box-video .bt-play { position: absolute; top:50%; left:50%; margin:-30px 0 0 -30px; display: inline-block; width: 60px; height: 60px; background:#fff; border-radius: 50%; text-indent: -999em; cursor: pointer; z-index:2; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .all .container .box-video .bt-play:after { content: ''; position: absolute; left: 50%; top: 50%; height: 0; width: 0; margin: -12px 0 0 -6px; border: solid transparent; border-left-color: #000; border-width: 12px 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .all .container .box-video:hover .bt-play { transform: scale(1.1); } .all .container .box-video.open .bg-video{ visibility: hidden; opacity: 0; -webkit-transition: all .6s .8s; transition: all .6s .8s; } .all .container .box-video.open .video-container{ opacity: 1; -webkit-transition: all .6s .8s; transition: all .6s .8s; } /*********************/ /*BORDES MÓDULOS*/ /*Bordes horzontales*/ .all .container .row.row-border-top, .all .container .row.row-border-bottom { padding: 25px 2%; background: #eee; position: relative; } .all .container .row.row-border-top.bg-blanco, .all .container .row.row-border-bottom.bg-blanco { background: #fff; } .all .container .row.row-border-top { margin: 60px 0 0; } .all .container .row.row-border-bottom { margin: 0 0 60px; } .all .container .row.row-border-top:before { background: -webkit-linear-gradient(bottom left, #eee 50%, transparent 51%); background: -o-linear-gradient(bottom left, #eee 50%, transparent 51%); background: linear-gradient(to top right, #eee 50%, transparent 51%); display: block; position: absolute; content: ''; width: 100%; height: 50px; left: 0px; top: -50px; } .all .container .row.row-border-bottom:before { background: -webkit-linear-gradient(top right, #eee 50%, transparent 51%); background: -o-linear-gradient(top right, #eee 50%, transparent 51%); background: linear-gradient(to bottom left, #eee 50%, transparent 51%); display: block; position: absolute; content: ''; width: 100%; height: 50px; left: 0px; bottom: -50px; } .all .container .row.row-border-top.bg-blanco:before { background: -webkit-linear-gradient(bottom left, #fff 50%, transparent 51%); background: -o-linear-gradient(bottom left, #fff 50%, transparent 51%); background: linear-gradient(to top right, #fff 50%, transparent 51%); } .all .container .row.row-border-bottom.bg-blanco:before { background: -webkit-linear-gradient(top right, #fff 50%, transparent 51%); background: -o-linear-gradient(top right, #fff 50%, transparent 51%); background: linear-gradient(to bottom left, #fff 50%, transparent 51%); } .all.seccion.wuaki .container .row_destacados.row_cajas.row-border-top, .all.seccVideoclub .container .row_descripcion_canal.row-border-top { margin-top: -15px; } /*********************/ /*Bordes laterales*/ .all .container .row .mod.border-lateral { padding: 25px 45px 25px 25px; } .all .container .row .mod.border-lateral:before { display: block; position: absolute; content: ''; width: 25px; height: 100%; left: -25px; top: 0px; } .all .container .row .mod.border-lateral.verde:before {background: linear-gradient(to left bottom, #50be87 50%, transparent 51%);} .all .container .row .mod.border-lateral.azul:before {background: linear-gradient(to left bottom, #4bb4e6 50%, transparent 51%);} .all .container .row .mod.border-lateral.rosa:before {background: linear-gradient(to left bottom, #ffb4e6 50%, transparent 51%);} .all .container .row .mod.border-lateral.morado:before {background: linear-gradient(to left bottom, #a885d8 50%, transparent 51%);} .all .container .row .mod.border-lateral.negro:before {background: linear-gradient(to left bottom, #000 50%, transparent 51%);} .all .container .row .mod.border-lateral.blanco:before {background: linear-gradient(to left bottom, #fff 50%, transparent 51%);} .all .container .row .mod.border-lateral.gris:before {background: linear-gradient(to left bottom, #d2d2d2 50%, transparent 51%);} .all .container .row .mod.border-lateral.gris-claro:before {background: linear-gradient(to left bottom, #efefef 50%, transparent 51%);} .all.seccion.cazavision .container .row .mod.border-lateral.gris-claro:before { background: linear-gradient(to left top, #efefef 50%, transparent 51%); width: 40px; left: -40px; } /*********************/ /*AÑADIR CANALES*/ .all .container .row_social .row { background: #f6f6f6; min-height: 160px; }.all .container .row_social .mod { background: #f6f6f6; min-height: 100%; text-align: center; } .all .container .row_social .mod.txt_sup, .all .container .row_social .mod.txt_inf { padding: 20px; box-sizing: border-box; } .all .container .row_social .mod.txt_sup img, .all .container .row_social .mod.txt_inf img { width: auto; height: 60px; margin-bottom: 15px; } .all .container .row_social .mod.txt_sup p span.titulonivel3, .all .container .row_social .mod.txt_inf p span.titulonivel3 { font-size: 1.5rem; display: block; } .all .container .row_social .mod.txt_sup p span.titulonivel4, .all .container .row_social .mod.txt_inf p span.titulonivel4 { font-size: 1rem; display: inline-block; top: 0; } .all .container .row_social .mod.txt_sup p span.titulonivel5, .all .container .row_social .mod.txt_inf p span.titulonivel5 { font-size: 1rem; display: inline-block; bottom: 0; } .all .container .row_social .mod.img_sup img, .all .container .row_social .mod.img_inf img { width: 100%; height: auto; object-fit: cover; } /*********************/ /*MÓDULO CANALES PREMIUM*/ .all .container .row_canales_premium { margin-top: 75px; } .all .container .row_canales_premium .titulonivel2 { margin-bottom: 40px; color: #000; width: 35%; } .all .container .row_canales_premium > .gr100 { padding: 25px 0 0; } .all .container .row_canales_premium .mod100 { padding: 0; } .all .container .row_canales_premium .mod100.boxlink { padding: 0; background: #fff; } .all .container .row_canales_premium .mod100 .gr20:nth-child(1) {margin-top: 50px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(3) {margin-top: -120px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(4) {margin-top: -80px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(5) {margin-top: -40px;} .all .container .row_canales_premium .mod100 .gr20, .all .container .row_canales_premium .mod100 .gr25, .all .container .row_canales_premium .mod100 .gr50 { box-sizing: border-box; position: relative; padding: 0; background: transparent; } .all .container .row_canales_premium .mod100 .gr20 .mod100, .all .container .row_canales_premium .mod100 .gr25 .mod100 { padding: 0; background: transparent; height: 200px; overflow: hidden; position: relative; transition: 550ms cubic-bezier(0.23, 1, 0.32, 1) 0s; position: relative; width: 100%; margin: 0; box-sizing: border-box; } .all .container .row_canales_premium .mod100 .gr20 .mod100.imagen, .all .container .row_canales_premium .mod100 .gr25 .mod100.imagen { padding: 0; } .all .container .row_canales_premium .mod100 .gr20 .mod100 img.top, .all .container .row_canales_premium .mod100 .gr25 .mod100 img.top { width: 100%; height: 200px; object-fit: cover; transition: transform 550ms cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .all .container .row_canales_premium .mod100 .gr20 .mod100 a, .all .container .row_canales_premium .mod100 .gr25 .mod100 a { border: 2px solid transparent; box-sizing: border-box; } .all .container .row_canales_premium .mod100 .gr20:hover .mod100, .all .container .row_canales_premium .mod100 .gr25:hover .mod100 { background: #fff; } .all .container .row_canales_premium .mod100 .gr20:hover .mod100 img, .all .container .row_canales_premium .mod100 .gr25:hover .mod100 img { -webkit-transform: scale(1); transform: scale(1); } .all .container .row_canales_premium .mod100 .gr20 .mod100:hover img.top, .all .container .row_canales_premium .mod100 .gr25 .mod100:hover img.top { -webkit-transform: scale3d(0.95,0.95,1); transform: scale3d(0.95,0.92,.8); } .all .container .row_canales_premium .mod100 .gr20 .mod100 img, .all .container .row_canales_premium .mod100 .gr25 .mod100 img { width: 100%; height: 175px; object-fit: cover; transition: transform 550ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.inicial, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.inicial { padding: 0px; background: #fff; width: 42%; position: absolute; bottom: 50px; right: 0; box-sizing: border-box; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.inicial:before, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.inicial:before { position: absolute; content: ''; width: 15px; height: 100%; right: 100%; top: 0px; background: linear-gradient(to left top, #fff 50%, transparent 51%); } .all .container .row_canales_premium .mod100 .gr20 .mod100 .inicial img, .all .container .row_canales_premium .mod100 .gr25 .mod100 .inicial img { width: auto; height: 45px; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr50 .mod50 h3.titulonivel3 { display: inline-block; padding: 5px 15px; background: #fff; width: 46%; position: absolute; bottom: 8px; right: 0; margin: 0; box-sizing: border-box; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3:before, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3:before { position: absolute; content: ''; width: 11px; height: 100%; right: 100%; top: 0px; background: linear-gradient(to left top, #fff 50%, transparent 51%); } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel3, .all .container .row_canales_premium .mod100 .gr50 .mod50 .titulonivel3 .titulonivel3 { font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; display: inline-block; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel4, .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel5, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel4, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel5, .all .container .row_canales_premium .mod100 .gr50 .mod50 .titulonivel3 .titulonivel4, .all .container .row_canales_premium .mod100 .gr50 .mod50 .titulonivel3 .titulonivel5 { font-size: 1.3rem; line-height: 1.3rem; font-weight: 700; display: block; text-align: center; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel5, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel5 { font-size: 1.5rem; line-height: 1.5rem; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel4, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel4 { display: block; margin: 0 5px; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel4 .titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel4 .titulonivel3 { font-size: 2.5rem; line-height: 2.5rem; font-weight: 700; display: block; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel4 .titulonivel4, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel4 .titulonivel4 { font-size: 2rem; line-height: 2.5rem; font-weight: 700; display: inline-block; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel4 .titulonivel5, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel4 .titulonivel5 { font-size: 1.5rem; line-height: 1.75rem; font-weight: 700; } .all .container .row_canales_premium .mod100 .gr20 .mod100 a, .all .container .row_canales_premium .mod100 .gr25 .mod100 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } .all .container .row_canales_premium .mod100 .gr20 .mod100.first.imagen:before, .all .container .row_canales_premium .mod100 .gr25 .mod100.first.imagen:before { border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 20px solid #eee; bottom: 0px; content: ""; height: 0; left: 50%; margin-left: -30px; position: absolute; width: 0; z-index: 10000; transition: 550ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all .container .row_canales_premium .mod100 .gr20:hover .mod100.first.imagen:before, .all .container .row_canales_premium .mod100 .gr25:hover .mod100.first.imagen:before { border-bottom: 20px solid #ddd; } .all .container .row_canales_premium .mod100 .gr20 .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr25 .mod100.last.imagen:before { border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #eee; top: 0px; content: ""; height: 0; left: 50%; margin-left: -30px; position: absolute; width: 0; z-index: 10000; transition: 550ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all .container .row_canales_premium .mod100 .gr20:hover .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr25:hover .mod100.last.imagen:before { border-top: 20px solid #ddd; } /*CONTRATAR*/ .all .container .row_contratar { margin-top: -30px; } .all.seccion.cineyseries .container .row_contratar, .all.seccion.seriesxtra .container .row_contratar { margin-top: -15px; } .all.seccion.cazavision .container .row_contratar { margin-top: 0; } .all .container .row_contratar .mod100 { padding: 0 0 25px; } .all.seccFutbol .container .row_contratar .row > .mod100 { padding: 15px 10%; background: #eee; } .all .container .row_contratar .mod100.last { padding: 15px 10%; background: #f6f6f6; } .all .container .row_contratar .mod50 { background: #dedede; min-height: 100px; padding: 10px 100px; } .all.seccNetflix .container .row_contratar .mod50 { min-height: 140px; } .all .container .row_contratar .mod50.last, .all .container .row_contratar .mod50:nth-child(2) { background: #cdcdcd; } .all .container .row_contratar .mod50.last:before { display: block; position: absolute; content: ''; width: 25px; height: 100%; left: -25px; top: 0px; background: linear-gradient(to left top, #cdcdcd 50%, transparent 51%); } .all .container .row_contratar .mod33 { background: #dedede; min-height: 95px; padding: 10px 25px; } .all .container .row_contratar .mod33:nth-child(2) { padding: 10px 35px 10px 10px; } .all .container .row_contratar .mod33.first { background: #eeeeee; } .all .container .row_contratar .mod33.last, .all .container .row_contratar .mod33:nth-child(3) { background: #cdcdcd; } .all .container .row_contratar .mod33:before { display: block; position: absolute; content: ''; width: 25px; height: 100%; left: -25px; top: 0px; background: linear-gradient(to left top, #dedede 50%, transparent 51%); } .all .container .row_contratar .mod33.first:before { display: none; } .all .container .row_contratar .mod33.last:before, .all .container .row_contratar .mod33:nth-child(3):before { background: linear-gradient(to left top, #cdcdcd 50%, transparent 51%); } .all .container .row_contratar h2.titulonivel2 { font-size: 3rem; line-height: 75px; font-weight: 700; text-align: left; margin: 0; float: left; width: 35%; margin-right: 5%; } .all .container .row_contratar h3.titulonivel3 { font-size: 2.5rem; line-height: 3rem; font-weight: 700; text-align: center; margin: 0; margin-bottom: 20px; } .all.seccNetflix .container .row_contratar h3.titulonivel3 { font-size: 2.5rem; line-height: 3rem; min-height: 60px; } .all .container .row_contratar .mod100.last h3.titulonivel3 { font-size: 2.25rem; line-height: 2.75rem; margin-bottom: 0px; } .all .container .row_contratar .mod33 .precio_nacional_1, .all .container .row_contratar .mod33 .precio_nacional_2, .all .container .row_contratar .mod33 .precio_nacional_3 { display: inline-block; text-align: left; line-height: 2rem; margin-right: 5px; margin-left: 3px; width: auto; } .all .container .row_contratar .mod33 .precio_nacional_1 { width: 54%; margin-top: 3px; margin-bottom: 3px; margin-right: 1%; margin-left: 1%; } .all .container .row_contratar .mod33 .precio_nacional_1 span, .all .container .row_contratar .mod33 .precio_nacional_2 span, .all .container .row_contratar .mod33 .precio_nacional_3 span { font-size: 1.75rem; line-height: 2rem; font-weight: 700; margin: 0; } .all .container .row_contratar .mod33 .precio_nacional_1 span.salto { display: inline-block; } .all .container .row_contratar .mod33 .precio_nacional_3 span { display: block; } .all .container .row_contratar .mod33 .precio_nacional_2 .titulonivel1 { font-size: 4rem; line-height: 4rem; } .all .container .row_contratar .mod33 .precio_nacional_2 .titulonivel2 { font-size: 3rem !important; line-height: 4rem !important; } .all .container .row_contratar .mod33 .precio_nacional_3 .titulonivel3 { font-size: 1.5rem; } .all.seccAutonomosorangetvcineyseries .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomosseriesyseriesxtra .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomoscazavision .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomosrakutenwuaki .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomosnetflix .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomosvideoclub .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4, .all.seccAutonomosfutbol .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4 { font-size: 1.2rem !important; } .all .container .row_contratar .mod33 .precio_nacional_1 .titulonivel4 { font-size: 1.5rem; } .all .container .row_contratar .subtitulo a { text-decoration: none; } .all .container .row_contratar .box_raw { float: left; width: 100%; } .all .container .row_contratar .box_raw .mod100 { background: #dedede; padding: 15px; } .all .container .row_contratar div.box_raw:last-child .mod100 { background: #cdcdcd; } .all .container .row_contratar .box_raw .mod100 h4 { margin: 15px; display: inline-block; } /*********************/ /*AYUDA*/ .all .container .row_ayuda .mod { padding: 0; } .all.home .container .row_ayuda .mod, .all.seccNetflix .container .row_ayuda .mod { padding: 0 0 25px; } .all .container .row_ayuda .mod33 { background: #eeeeee; padding-bottom: 15px; } .all .container .row_ayuda .mod33 img { width: 100%; } .all .container .row_ayuda .titulonivel3 { width: 75%; padding-left: 10%; margin: 25px 0 15px; font-size: 2rem; line-height: 2.5rem; text-align: left; font-weight: bold; } .all .container .row_ayuda .titulonivel4 { width: 70%; padding-left: 15%; margin: 0; margin-bottom: 10px; position: relative; font-size: 1.5rem; line-height: 1.75rem; text-align: left; } .all .container .row_ayuda .titulonivel4:before { position: absolute; content: '>'; top: 0; left: 12%; color: #ff7900; line-height: 1.75rem; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .all .container .row_ayuda .titulonivel4:hover:before { left: 13%; } .all .container .row_ayuda .titulonivel4 a:hover { text-decoration: none; color: #ff7900; } .all .container .row_ayuda .titulonivel4:last-child { width: auto; margin: 0; padding: 20px; position: relative; display: inline-block; } .all .container .row_ayuda .titulonivel4:last-child:before { display: none; } /*********************/ /*DESTACADOS*/ .all .container .row_destacados.row_cajas { padding: 20px 2%; width: 96%; background: #eee; } .all .container .row_destacados.row_cajas .mod { padding: 0; } .all .container .row_destacados.row_cajas .mod:hover { cursor: default; } .all .container .row_destacados.row_cajas .mod .titulonivel2 { font-size: 1.5em; position: absolute; top: auto; bottom: 20px; left: -15px; padding: 10px 25px; background: #fff; max-width: 70%; } .all .container .row_destacados.row_cajas .mod:hover .titulonivel2 { background: #000; } .all .container .row_destacados.row_cajas .mod:hover .titulonivel2 span{ color: #fff !important; } .all .container .row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 90%; width: 90%; color: #000; } .all .container .row_destacados.row_cajas .mod.mod100:hover { background-color: transparent; } .all .container .row_destacados.row_cajas .mod.mod100:hover .titulonivel2, .all .container .row_destacados.row_cajas .mod.mod100:hover .titulonivel2 span { color: #000 !important; } .all .container .row_destacados.row_cajas .mod p { top: 30px; left: 10%; width: 80%; padding: 0; font-size: 1.5rem; line-height: 2rem; color: #fff; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; } .all.seccion .container .row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 90%; width: 90%; } .all.seccion .container .row_destacados.row_cajas .mod.mod100:hover { background-color: transparent ; } .all.seccion .container .row_destacados.row_cajas .mod.mod100:hover .titulonivel2 { color: #000 !important; } /*********************/ /*MÓDULO CARTELES PELÍCULAS - SERIES*/ .all .container .row_cajas.row_peliculas { background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 30%, rgba(238,238,238,1) 30%, rgba(238,238,238,1) 70%, rgba(255,255,255,1) 70%); background: -o-linear-gradient(bottom, rgba(255,255,255,1) 30%, rgba(238,238,238,1) 30%, rgba(238,238,238,1) 70%, rgba(255,255,255,1) 70%); background: linear-gradient(to top, rgba(255,255,255,1) 30%, rgba(238,238,238,1) 30%, rgba(238,238,238,1) 70%, rgba(255,255,255,1) 70%); } .all .container .row_cajas.row_peliculas.una_fila { background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: -o-linear-gradient(bottom, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); padding-top: 20px; } .all .container .row_cajas.row_peliculas .mod.mod25 { padding: 0; margin: 25px 1.5%; width: 22%; } .all .container .row_cajas.row_peliculas .mod.mod25 p { top: 30px; left: 10%; width: 80%; padding: 0; font-size: 1.5rem; line-height: 2rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; } .all .container .row_cajas.row_peliculas .mod.mod100 { padding: 0; } .all .container .row_cajas.row_peliculas .mod.mod100:hover { background: transparent; } .all .container .row_cajas.row_peliculas .mod.mod100 .titulonivel2 { text-align: center; position: static; margin: 0; padding: 0; width: 100%; } .all .container .row_cajas.row_peliculas .mod.mod100 .titulonivel2:hover { color: #000 !important; } /*********************/ /*DESCRIPCION CANAL*/ .all .container .row_descripcion_canal .mod33 { padding: 0; } .all .container .row_descripcion_canal .mod33 img { height: 150px; margin: 0 auto; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33 img { height: 110px; } .all .container .row_descripcion_canal .mod66 { display: table; min-height: 200px; height: 200px; } .all .container .row_descripcion_canal .mod33 .titulonivel4, .all .container .row_descripcion_canal .mod66 .titulonivel4 { text-align: left; font-size: 2rem; line-height: 2.5rem; display: table-cell; vertical-align: middle; } .all.seccion.cazavision .container .row_descripcion_canal .mod50 img { height: 125px; margin: 0 auto; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last { background: #eee; min-height: 175px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span { display: inline-block; font-size: 3rem; line-height: 125px; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last h4.titulonivel4 { display: inline-block; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last h4.titulonivel4:last-child { vertical-align: middle; width: 25%; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel2 { font-size: 5rem; line-height: 20px; margin-left: 10px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last h4.titulonivel4:last-child span.titulonivel2 { margin-left: 0; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel4 { margin-left: 5px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel3 { line-height: 20px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel5 { line-height: 30px; width: 100%; font-size: 1.5rem; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last { background: #eee; min-height: 150px; padding-left: 55px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last:before { position: absolute; content: ''; width: 45px; height: 100%; left: 0; top: 0px; background: -webkit-linear-gradient(top left, #fff 50%, transparent 51%); background: -o-linear-gradient(top left, #fff 50%, transparent 51%); background: linear-gradient(to bottom right, #fff 50%, transparent 51%); } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33:nth-child(2) { padding-right: 45px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last .titulonivel4 { text-align: center; display: inline-block; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last .titulonivel4.salto { display: block; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last .titulonivel4.salto:first-child { display: inline-block; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last span { font-size: 2.25rem; text-align: center; line-height: 25px; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last span.titulonivel2 { font-size: 4rem; line-height: 4rem; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last span.titulonivel5 { font-size: 1.75rem; line-height: 2rem; } .all.seccion.wuaki .container .row_descripcion_canal h4 span, .all.seccOrangeseries .container .row_descripcion_canal h4 span, .all.seccAutonomosorangeseries .container .row_descripcion_canal h4 span { position: relative; } .all.seccion.wuaki .container .row_descripcion_canal h4 span:before, .all.seccOrangeseries .container .row_descripcion_canal h4 span:before, .all.seccAutonomosorangeseries .container .row_descripcion_canal h4 span:before { position: absolute; content: ''; width: 0; height: 0; font-size: 2rem; line-height: 3rem; font-weight: 700; left: -20px; top: 11px; border-left: 7px solid #ff7900; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .all.seccOrangeseries .container .row_descripcion_canal h4 span:before, .all.seccAutonomosorangeseries .container .row_descripcion_canal h4 span:before{top:7px} /*********************/ /*================================================*/ /**HOME**/ /*================================================*/ /*PAQUETES TV*/ .all.home .container .row_produtos { margin-top: -15px; } .all.homeEmpresas .container .row_produtos { border: 0; margin: 0; } .all.home .container .row_produtos .gr100:first-child .mod100, .all.homeEmpresas .container .row_produtos .gr100:first-child .mod100 { padding: 25px 0 0; } .all.home .container .row_produtos .mod33, .all.home .container .row_produtos .mod25 { padding: 15px 25px; box-sizing: border-box; position: relative; background: #666; border-right: 2px solid #999; min-height: 300px; } .all.home .container .row.row_produtos .mod33.last:before, .all.home .container .row.row_produtos .mod25.last:before { display: block; position: absolute; content: ''; width: 25px; height: 100%; left: -25px; top: 0px; } .all.home .container .row.row_produtos .mod33.last:before { background-image: none; } .all.home .container .row_produtos .mod33 .titulonivel2, .all.home .container .row_produtos .mod25 .titulonivel2 { font-size: 2rem; line-height: 2.5rem; font-weight: bold; text-align: left; margin-bottom: 10px; /* padding: 4px 8px; background: #000; */ } .all.home .container .row_produtos .mod33 .titulonivel2 span, .all.home .container .row_produtos .mod25 .titulonivel2 span { color: #ff7900 !important; } .all.home .container .row_produtos .mod33 .titulonivel5, .all.home .container .row_produtos .mod25 .titulonivel5 { text-align: left; margin-bottom: 10px; } .all.home .container .row_produtos .mod33 .titulonivel5 .pvp, .all.home .container .row_produtos .mod25 .titulonivel5 .pvp { font-size: 2.6rem; line-height: 3rem; font-weight: bold; color: #fff; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.home .container .row_produtos .mod25 .titulonivel3 { position: static; bottom: auto; width: auto; left: auto; margin-left: 0; text-align: center; margin-top: 50px; margin-bottom: 20px; margin-right: 20px; display: inline-block; } .all.home .container .row_produtos .mod33 .titulonivel3:last-child, .all.home .container .row_produtos .mod25 .titulonivel3:last-child { margin-right: 0; } .all.home .container .row_produtos .mod33:last-child .titulonivel3:last-child { margin-right: 10px; } .all.home .container .row_produtos .mod33 .titulonivel3 a, .all.home .container .row_produtos .mod25 .titulonivel3 a { text-decoration: none !important; } .all.home .container .row_produtos .mod33 .titulonivel3 a span.btn-grey, .all.home .container .row_produtos .mod25 .titulonivel3 a span.btn-grey { color: #fff !important; border-color: #fff !important; } .all.home .container .row_produtos .mod33 .titulonivel3 a span.btn-grey:hover, .all.home .container .row_produtos .mod25 .titulonivel3 a span.btn-grey:hover { color: #000 !important; background-color: #FFF !important; border-color: #FFF !important; } .all.home .container .row_produtos .mod33 .titulonivel3 a span.btn-primary:hover, .all.home .container .row_produtos .mod25 .titulonivel3 a span.btn-primary:hover { color: #000 !important; border-color: #fff !important; background-color: #FFF !important; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod25 .titulonivel4 { position: static; left: 25px; top: 75px; font-size: 1.6rem; line-height: 2rem; width: 100%; text-align: left; color: #fff; min-height: 50px; } .all.home .container .row_produtos .mod25 .titulonivel4 a, .all.home .container .row_produtos .mod33 .titulonivel4 a { color: #fff; font-weight: bold; text-decoration: underline; } .all.home .container .row_produtos .mod25 .titulonivel4 a:hover, .all.home .container .row_produtos .mod33 .titulonivel4 a:hover { color: #ff7900; } .all.home .container .row_produtos .mod25 .titulonivel4 a span, .all.home .container .row_produtos .mod33 .titulonivel4 a span { margin-top: 5px; font-size: 1.4rem; line-height: 1.6rem; font-weight: bold; } .all.home .container .row_produtos .mod33.first .titulonivel4 { width: auto; } .all.home .container .row_produtos .mod33 .titulonivel4 span { display: block; margin-top: 5px; margin-bottom: 10px; font-size: 1.4rem; font-weight: 400; } .all.home .container .row_produtos .mod33 img { position: absolute; top: 60px; right: 50px; } .all.home .container .row_produtos .mod33 a { text-decoration: none; } /*********************/ /*PAQUETES TV - EMPRESAS*/ .all.homeEmpresas .container .row_produtos .gr100:first-child .mod100 { padding: 25px 0 0; } .all.homeEmpresas .container .row_produtos .mod33 { background: #666666; padding: 25px 45px 25px 25px; min-height: 300px; position: relative; border-right:2px solid #999; } .all.homeEmpresas .container .row_produtos .mod33.first { background: #666666; } .all.homeEmpresas .container .row_produtos .mod33.last { background: #666666; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel2 { font-size: 2rem; line-height: 2.5rem; font-weight: bold; text-align: left; margin-bottom: 10px; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 { position: static; bottom: auto; width: auto; left: auto; margin-left: 0; text-align: center; margin-top: 50px; margin-right: 20px; display: inline-block; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 a span.btn-grey { color: #fff !important; border-color: #fff !important; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 a span.btn-grey:hover { border-color: #ff7900 !important; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 a span.btn-primary:hover { border-color: #000 !important; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4 { position: static; left: 25px; top: 75px; font-size: 1.6rem; line-height: 2rem; width: 100%; text-align: left; min-height:50px; color:#ffffff; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4 a{ color: #fff; font-weight: bold; text-decoration: underline; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel5 .pvp, .all.homeEmpresas .container .row_produtos .mod25 .titulonivel5 .pvp{ font-size: 2.6rem; line-height: 3rem; font-weight: bold; color: #fff; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel5, .all.homeEmpresas .container .row_produtos .mod25 .titulonivel5 { text-align: left; margin-bottom: 10px; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4 span { display: block; margin-top: 5px; margin-bottom: 10px; font-size: 1.4rem; } .all.homeEmpresas .container .row_produtos .mod33 img { position: absolute; top: 60px; right: 50px; } .all.homeEmpresas .container .row_produtos .mod33 a { text-decoration: none; } .all.homeEmpresas .container .row_produtos .mod33 .titulonivel2 span, .all.homeEmpresas .container .row_produtos .mod25 .titulonivel2 span { color: #ff7900 !important; } /*********************/ /*MÓDULO CLIENTES*/ .all.home .container .row_cliente_orangetv .mod, .all.homeEmpresas .container .row_cliente_orangetv .mod { padding: 25px 0; } .all.home .container .row_cliente_orangetv .gr100 > .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 { background: #4bb4e6; padding: 25px; width: 25%; position: relative; height: 170px; } .all.home .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3 { font-size: 2.75rem; line-height: 3.5rem; font-weight: 700; text-align: left; display: block; margin: 0; } .all.home .container .row_cliente_orangetv .gr100 .mod75, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 { background: #ccc; width: 75%; position: relative; padding: 0; height: 170px; margin-right: 0; } .all.home .container .row_cliente_orangetv .gr100 .mod75:before, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75:before { display: block; position: absolute; content: ''; width: 35px; height: 100%; left: 0px; top: 0px; background: linear-gradient(to right top, #4bb4e6 50%, transparent 51%); } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 { background: rgba(255, 255, 255, 0.75); padding: 10px 15px; width: 22%; margin: 10px 1%; height: 150px; position: relative; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25:hover, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25:hover { background: rgba(255, 255, 255, 1); } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child { margin-left: 5%; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25 img, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 img { width: 80px; margin: 0 auto 5px; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4 { font-size: 2rem; line-height: 2.25rem; font-weight: 700; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25 a, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 a { text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*********************/ /*VER ORANGE TV*/ .all.home .container .row_ver_orangetv .mod40, .all.home .container .row_ver_orangetv .mod20, .all.homeEmpresas .container .row_ver_orangetv .mod40, .all.homeEmpresas .container .row_ver_orangetv .mod20 { height: 200px; } .all.home .container .row_ver_orangetv .mod40, .all.homeEmpresas .container .row_ver_orangetv .mod40 { background: #000; padding: 25px 45px 25px 25px; text-align: left; } .all.home .container .row_ver_orangetv .mod40 img, .all.homeEmpresas .container .row_ver_orangetv .mod40 img { height: 100px; border: 2px solid #ffffff; float: left; } .all.home .container .row_ver_orangetv .mod20:nth-child(2), .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(2) { background: #eeeeee; text-align: left; } .all.home .container .row_ver_orangetv .mod20:nth-child(3), .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(3) { background: #d2d2d2; padding: 25px 45px 25px 10px; } .all.home .container .row_ver_orangetv .mod20:nth-child(3):after, .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(3):after { position: absolute; content: ''; width: 25px; height: 100%; right: 0; top: 0px; background: linear-gradient(to left bottom, #fff 50%, transparent 51%); } .all.home .container .row_ver_orangetv .mod20 .mod100, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100 { padding: 0 0; text-align: center; } .all.home .container .row_ver_orangetv .mod20 .mod100 img, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100 img { height: 45px; margin: 5px 0; } .all.home .container .row_ver_orangetv .titulonivel3, .all.homeEmpresas .container .row_ver_orangetv .titulonivel3 { color: #000; font-size: 2rem; line-height: 3rem; font-weight: bold; margin-bottom: 10px; } .all.home .container .row_ver_orangetv .mod40 .titulonivel3, .all.homeEmpresas .container .row_ver_orangetv .mod40 .titulonivel3 { color: #fff; } .all.home .container .row_ver_orangetv .mod40 .titulonivel4, .all.homeEmpresas .container .row_ver_orangetv .mod40 .titulonivel4 { width: 70%; float: right; } .all.home .container .row_ver_orangetv .titulonivel4, .all.homeEmpresas .container .row_ver_orangetv .titulonivel4 { color: #000; text-decoration: none; font-size: 15px; line-height: 20px; } .all.home .container .row_ver_orangetv .mod20 .related, .all.homeEmpresas .container .row_ver_orangetv .mod20 .related { text-align: center; } .all.home .container .row_ver_orangetv .mod20 .related a, .all.homeEmpresas .container .row_ver_orangetv .mod20 .related a { color: #fff; padding: 8px 15px; background: #ff7900; font-size: 1.75rem; font-weight: 700; display: inline-block; margin-top: 10px; transition: background 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all.home .container .row_ver_orangetv .mod20 .related a:hover, .all.homeEmpresas .container .row_ver_orangetv .mod20 .related a:hover { background: #000; } /*********************/ /*VENTAJAS GRANDE*/ .all.home .container .row_ventajas_big, .all.homeEmpresas .container .row_ventajas_big { padding-top: 325px; background: url('/UpImages/3631/bgventajas_3fad532d4094b3830067b1159.jpg'); background-position: left top; background-size: cover; background-repeat: no-repeat; position: relative; } .all.home .container .row_ventajas_big .gr100:first-child, .all.homeEmpresas .container .row_ventajas_big .gr100:first-child { position: absolute; top: 0; left: 0; } .all.home .container .row_ventajas_big .gr100:first-child .mod100, .all.homeEmpresas .container .row_ventajas_big .gr100:first-child .mod100 { padding: 25px 0; } .all.home .container .row_ventajas_big .gr100:nth-child(2), .all.homeEmpresas .container .row_ventajas_big .gr100:nth-child(2), .all.home .container .row_ventajas_big .gr100.last, .all.homeEmpresas .container .row_ventajas_big .gr100.last { position: relative; } .all.home .container .row_ventajas_big .negro, .all.homeEmpresas .container .row_ventajas_big .negro { color: #fff !important; font-weight: bold; } .all.home .container .row_ventajas_big .gr100:nth-child(2):before, .all.homeEmpresas .container .row_ventajas_big .gr100:nth-child(2):before, .all.home .container .row_ventajas_big .gr100.last:before, .all.homeEmpresas .container .row_ventajas_big .gr100.last:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4bb4e6; mix-blend-mode: multiply; } .all.home .container .row_ventajas_big .gr100 .mod20, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 { display: table; position: relative; height: 140px; padding: 10px 10px; } .all.home .container .row_ventajas_big .gr100 .mod20:hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:hover { background-color: rgba(0, 0, 0, 0.5); cursor: default; } .all.home .container .row_ventajas_big .gr100 .mod20:first-child, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child { background: transparent; } /*preview */ .preview.all.home .container .row_ventajas_big .gr100 .mod20:first-child, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child { background-color: rgba(0,0,0,.125); } .all.home .container .row_ventajas_big .gr100 .mod20:first-child img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child img { display: none; } .all.home .container .row_ventajas_big .gr100 .mod20:first-child img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child img { display: inline-block; } /* .all.home .container .row_ventajas_big .gr100 .mod20:nth-child(2):before, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:nth-child(2):before { position: absolute; content: ''; width: 35px; height: 100%; left: -35px; top: 0px; background: linear-gradient(to left top, #4bb4e6 50%, transparent 51%); } */ .all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span { display: block; font-size: 2rem; line-height: 3rem; font-weight: 700; color: #fff; text-align: center; } .all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img { height: 75px; margin-top: 10px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .all.home .container .row_ventajas_big .gr100 .mod20:hover .titulonivel3 img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:hover .titulonivel3 img { height: 70px; opacity: 0; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover { opacity: 0; position: absolute; right: 0; left: 0; -webkit-transform: translate3d(0,25%,0); transform: translate3d(0,25%,0); -webkit-transition: opacity 0.5s, -webkit-transform 0.35s; transition: opacity 0.5s, transform 0.35s; padding: 45px 20px 0; height: 100%; box-sizing: border-box; } .all.home .container .row_ventajas_big .gr100 .mod20:hover .content_hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:hover .content_hover { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover p, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover p { font-size: 1.25rem; line-height: 1.75rem; text-align: left; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related { overflow: visible; height: 40px; position: absolute; bottom: 10px; left: 0; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related a, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related a { text-decoration: none; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related a .texto_informativo, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related a .texto_informativo { padding: 7px 10px; border: 2px solid #fff; color: #fff; font-weight: 700; font-size: 1.5rem; transition: background 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related a .texto_informativo:hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related a .texto_informativo:hover { color: #fff; background: #ff7900; border-color: #ff7900; } /*********************/ /*SECCIÓN VIDEOCLUB HOME*/ .all .container .row_fullwidthimg { position: relative; margin-bottom: 30px; } .all .container .row_fullwidthimg .mod { padding: 0; } .all .container .row_fullwidthimg .mod100 img { max-width: 100%; } .all .container .row_fullwidthimg .mod.last { width: 70%; margin: 0; padding: 15px 25px; background: #ccc; position: absolute; left: 0; bottom: -35px; z-index: 1000; min-height: 70px; } .all .container .row_fullwidthimg .mod.last:before { position: absolute; content: ''; width: 35px; height: 100%; left: 100%; top: 0px; background: linear-gradient(to right top, #ccc 50%, transparent 51%); } .all .container .row_fullwidthimg .mod h2, .all .container .row_fullwidthimg .mod h4 { margin: 0; text-align: left; } .all .container .row_fullwidthimg .mod h2 span { font-size: 3rem; line-height: 4rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; margin: 0; } .all .container .row_fullwidthimg .mod h4 span { font-size: 1.75rem; line-height: 2rem; font-family: helveticaFamily, HelveticaNeue, Arial !important; font-weight: 700; margin: 0; color: #000 !important; } /*********************/ /*BLOG*/ .all .container .row_blog { padding-top: 25px; } .all .container .row_blog .mod img { width: 100%; } .all .container .row_blog .mod100 { padding: 0; } .all .container .row_blog .mod50 { padding: 0; } .all .container .row_blog .mod50 .titulonivel3 { font-size: 1.75rem; line-height: 2rem; min-height: 75px; font-weight: bold; text-align: left; padding: 15px 25px; box-sizing: border-box; background: #f6f6f6; position: relative; } .all .container .row_blog .mod50.last .titulonivel3 { background: #eee; } .all .container .row_blog .mod50 .titulonivel3:before { display: block; position: absolute; content: ''; height: 0; left: 50%; margin-left: -60px; width: 0; bottom: -15px; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 15px solid #f6f6f6; } .all .container .row_blog .mod50.last .titulonivel3:before { border-top: 15px solid #eee; } /*********************/ /*CONDICIONES LEGALES*/ .all .container .row_legal .mod100 { padding: 25px; background: #ddd; } .all .container .row_legal p { width: 100%; font-size: 1.4rem; line-height: 1.6rem; text-align: left; } .all .container .row_legal a { width: 100%; text-decoration: none; display: inline-block; transition: 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; box-sizing: border-box; } .all .container .row_legal a:hover { color: #ff7900; } .all.seccNetflix .container .row_legal a { display: initial; color: #ff7900; font-weight: bold; } .all .container .row_legal a:hover { color: #000; text-decoration: underline; } /*********************/ /*================================================*/ /**CINE Y SERIES**/ /*================================================*/ /*MULTIDISPOSITIVO*/ .all .container .row_device { min-height: 250px; background: #eeeeee; } .all .container .row_device .mod100 { padding: 25px 25px 0; } .all .container .row_device .mod50{ display: table; height: 100%; } .all .container .row_device .mod50 h2{ display: table-cell; vertical-align: middle; } .all .container .row_device .mod50 h2 img{ width: 80%; margin: 0 10%; } .all .container .row_device .mod50 h4, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 { font-size: 2rem; line-height: 3rem; font-weight: 700; text-align: left; display: table-cell; vertical-align: middle; } .all .container .row_device .mod50 h4 span, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4 span, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 span { position: relative; } .all .container .row_device .mod50 h4 span:before, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4 span:before, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 span:before { position: absolute; content: ''; width: 0; height: 0; font-size: 2rem; line-height: 3rem; font-weight: 700; left: -20px; top: 11px; border-left: 7px solid #ff7900; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } /**Row_promos2 en CINE Y SERIES - Orange Series**/ .seccOrangetvcineyseries.all .container .row.row_promos_2 .img, .seccAutonomosorangetvcineyseries.all .container .row.row_promos_2 .img{padding-top:0;padding-bottom: 0} .seccOrangetvcineyseries.all .container .row.row_promos_2 h2.titulonivel2, .seccAutonomosorangetvcineyseries.all .container .row.row_promos_2 h2.titulonivel2{padding-left: 0;margin-bottom: 4%} /*================================================*/ /*MULTIDISPOSITIVO*/ /*********************/ /*LISTADO CANALES*/ .all .container .row_listado_desplegable .mod100 { padding: 0; } .all .container .row_listado_desplegable .accordion .accordion-group { margin-bottom: 5px; float: left; width: 100%; background: #eee;border: 0 none } .all .container .row_listado_desplegable .accordion .accordion-heading a { height: 75px; display: initial; padding: 0; text-decoration: none; } .all .container .row_listado_desplegable .accordion .accordion-heading a.accordion-toggle:after, .all .container .row_listado_desplegable .accordion .accordion-heading a.accordion-toggle.collapsed:after { display: none; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2 { background: #a885d8; padding: 25px 5% 25px 7%; font-size: 2.25rem; line-height: 35px; font-weight: 700; width: 18%; float: left; margin: 0; position: relative; } .all .container .row_listado_desplegable .accordion .accordion-heading a.collapsed .titulonivel2 { background: #50be87; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2:before { content: ''; position: absolute; background: url(/static/img/orangetv/chevron-futbol.png) no-repeat; background-size: 25px 25px; top: 30px; left: 25px; width: 25px; height: 25px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .all .container .row_listado_desplegable .accordion .accordion-heading a.collapsed .titulonivel2:before { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2:after { position: absolute; content: ''; width: 35px; height: 100%; right: -35px; top: 0px; background: linear-gradient(to right bottom, #a885d8 50%, transparent 51%); } .all .container .row_listado_desplegable .accordion .accordion-heading a.collapsed .titulonivel2:after { background: linear-gradient(to right bottom, #50be87 50%, transparent 51%); } .all .container .row_listado_desplegable .accordion .accordion-heading a .related { width: 70%; float: left; margin: 0; min-height: 75px; background: #eee; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul { width: 91%; padding: 5px 2% 5px 7%; margin: 0; min-height: 75px; display: table; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul li { width: 100%; height: 75px; display: table-cell; vertical-align: middle; text-align: left; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul li img { height: 44px; margin-right: 5px; } .all .container .accordion-heading .pill { display: flex; } /*.all .container .row_listado_desplegable .accordion .accordion-body.collapse { display: none; } .all .container .row_listado_desplegable .accordion .accordion-body.collapse.in { display: block; }*/ .all .container .row_listado_desplegable .accordion .accordion-body .pill { background: #f6f6f6; width: 100%; float: left; border-bottom: 1px solid #ddd; } .all .container .row_listado_desplegable .accordion .accordion-body .pill img { padding: 10px 50px; float: left; background: #eee; height: 45px; margin-right: 20px; } .all .container .row_listado_desplegable .accordion .accordion-body .pill h4 { padding: 10px 25px; height: auto; line-height: 22.5px; font-size: 1.5rem; text-align: left; } .all .container .row_descrip_listado .mod100 { padding: 25px 0; } .all .container .row_descrip_listado h4.titulonivel4 { font-size: 1.75rem; line-height: 2rem; margin-left: 5%; margin-bottom: 20px; text-align: left; } .all .container .row_descrip_listado .related img { height: 40px; display: inline-block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; filter: alpha(opacity=0); } .all.seccion.cineyseries .container .row_destacados.row_cajas .mod.mod100 { padding: 0; } .all.seccion.cineyseries .container .row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 90%; width: 90%; } .all.seccion.cineyseries .row_listado_desplegable .gr.gr100.last { margin-top: 30px; } .all.seccion.cineyseries .container .row_destacados.row_cajas .mod.mod100:hover { background-color: transparent ; } .all.seccion.cineyseries .container .row_destacados.row_cajas .mod.mod100:hover .titulonivel2 span { color: #000 !important; } /*********************/ /*** TV A LA CARTA ***/ .all .container .row_carta .gr100 { padding: 30px 0; } .all .container .row_carta .mod40 { left: 10%; z-index: 100; top: 25px; padding: 0; height: 325px; text-align: center; overflow: hidden; } .all .container .row_carta .mod40 img { height: 325px; width: 100%; object-fit: cover; display: table-cell; vertical-align: middle; } .all .container .row_carta .mod60 { right: 10%; padding-left: 24%; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; background: #a885d8; text-align: left; height: 375px; } .all .container .row_carta .mod60:before { display: block; position: absolute; content: ''; width: 35px; height: 100%; right: -35px; top: 0px; background: linear-gradient(to right top, #a885d8 50%, transparent 51%); } .all .container .row_carta .mod60 .titulonivel2, .all .container .row_carta .mod60 .titulonivel2 .titulonivel3 { font-size: 3rem; line-height: 3.5rem; font-weight: 700; margin-bottom: 15px; } .all .container .row_carta .mod60 .titulonivel2 .titulonivel3 { margin-bottom: 0; } .all .container .row_carta .mod60 .titulonivel3 { font-size: 2rem; line-height: 2.4rem; margin-bottom: 50px; } .all .container .row_carta .mod60 a { text-decoration: none; } .all .container .row_carta .mod60 a span.btn:hover, .all .container .row_carta .mod60 a span.btn:active { color: #fff !important; } /*********************/ /*VENTAJAS*/ .all .container .row_ventajas { background: #eee; } .all .container .row_ventajas .mod20 { padding: 15px 10px 15px 20px; text-align: left; } .all .container .row_ventajas .mod20 .titulonivel2 .titulonivel3 { font-size: 2.25rem; line-height: 3rem; margin-bottom: 5px; font-weight: 700; display: block; } .all .container .row_ventajas .mod20 .titulonivel3 .titulonivel4 { font-size: 1.5rem; line-height: 1.75rem; } .all .container .row_ventajas .mod20.first { background: #4bb4e6; padding: 25px; width: 18%; margin-right: 2%; position: relative; } .all .container .row_ventajas .mod20.first:before { display: block; position: absolute; content: ''; width: 35px; height: 100%; right: -35px; top: 0px; background: linear-gradient(to right bottom, #4bb4e6 50%, transparent 51%); } .all .container .row_ventajas .mod20.first .titulonivel2 .titulonivel3 { font-size: 3.25rem; line-height: 4rem; font-weight: 700; text-align: left; display: block; margin: 0; } /*********************/ /*================================================*/ /**FÚTBOL**/ /*================================================*/ .all.seccFutbol .mod50 { display: inline; } .all .container .precio_nacional_1, .all .container .precio_nacional_2, .all .container .precio_nacional_3 { font-size: 1.75rem; line-height: 2rem; font-weight: 700; display: inline-block; text-align: left; margin-right: 5px; } .all .container .precio_nacional_2 .titulonivel2 { font-size: 5rem !important; line-height: 6rem !important; } .all .container .precio_nacional_2 .titulonivel3 { font-size: 3rem !important; line-height: 6rem !important; } .all.seccFutbol .container .precio_nacional_3 .titulonivel4 { font-size: 1.5rem !important; } .all .container .precio_nacional_3 .titulonivel5 { font-size: 1.25rem !important; } /*FÚTBOL NACIONAL*/ .all .container .row_descrip_imgs { background: #eee; overflow: hidden; margin: 25px 0 0; } .all .container .row_descrip_imgs .mod33 { padding: 15px 25px; } .all .container .row_descrip_imgs .mod33.first:before { display: block; position: absolute; content: ''; width: 25px; height: 115%; right: 0; top: 0px; background: linear-gradient(to left top, #efefef 50%, transparent 51%); } .all .container .row_descrip_imgs .mod33.last:before { display: block; position: absolute; content: ''; width: 25px; height: 115%; left: 0; top: 0px; background: linear-gradient(to right top, #efefef 50%, transparent 51%); } .all .container .row_descrip_imgs .mod33.first, .all .container .row_descrip_imgs .mod33.last { padding: 0; } .all .container .row_descrip_imgs .mod33 img { width: 90%; } .all .container .row_descrip_imgs .mod33.first img, .all .container .row_descrip_imgs .mod33.last img { width: 100%; margin: 0; } .all .container .row_descrip_imgs .mod33 .titulonivel2, .all .container .row_descrip_imgs .mod33 .titulonivel2 .titulonivel3 { font-size: 2.75rem; line-height: 3rem; font-weight: 700; margin-bottom: 6px; } .all .container .row_descrip_imgs .mod33 .titulonivel3 { font-size: 1.8rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 15px; } .all .container .row_descrip_imgs .mod33 .titulonivel3 .titulonivel5 { font-size: 1.4rem; line-height: 2.25rem; } .all .container .row_descrip_imgs .mod33 .titulonivel3 a { color: #ff7900 !important; } .all .container .row_descrip_imgs .mod33 .titulonivel3 a:hover { color: #000 !important; text-decoration: none; } .all .container .row_descrip_imgs .mod33 .titulonivel3 a span { margin: 10px 0; } /*********************/ /*FUTBOL INTERNACIONAL*/ .all .container .row_descrip_destacados.row_destacados.row_cajas { background: #ffffff; padding: 25px 0 0; width: 100%; } .all .container .row_descrip_destacados.row_destacados.row_cajas a { color: #ff7900 !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas a:hover { color: #000 !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas a span { margin: 5px 0; } .all .container .row_descrip_destacados.row_destacados.row_cajas .precio_nacional_1 { display: block; text-align: center; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod.mod100 { padding: 0; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 90%; width: 90%; } .all .container .row_descrip_destacados.row_destacados.row_cajas .gr100.last { padding: 25px 2%; width: 96%; background: #eee; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod.mod100:hover { background-color: transparent ; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod.mod100:hover .titulonivel2 span { color: #000 !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first { padding-right: 25px; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first:hover { background-color: transparent; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first img { width: 60%; margin: 0 20% 25px; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first img:hover, .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first:hover img { opacity: 1; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first .titulonivel2 { font-size: 1.5em; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 100%; margin-bottom: 15px; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first:hover .titulonivel2 { color: #000 !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first .titulonivel3 { font-size: 1.5rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 15px; text-align: left; } /*********************/ /*`DESTACADOS FÚTBO NACIONAL - CHAMPIONS - PARTIDAZO*/ .all.seccFutbol .container:nth-child(3) { padding: 0; } .all.seccFutbol .container .row_destacados.row_cajas .mod .titulonivel2 { line-height: 2.5rem; } /*********************/ /*`PARTIDAZO*/ .all.seccFutbol .container .row_carta .mod40 { height: auto; } .all.seccFutbol .container .row_carta .mod40 img { height: auto; width: 90%; float: right; } .all.seccFutbol .container .row_carta .mod60 { background: #50be87; } .all.seccFutbol .container .row_carta .mod60:before { background: linear-gradient(to right top, #50BE87 50%, transparent 51%); } .all.seccFutbol .container .row_carta .mod60 .titulonivel3 { margin-bottom: 0; } .all.seccFutbol .container .row_carta .mod60 .titulonivel3 .titulonivel5 { display: block; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 50px; } /*********************/ /*DEPLEGABLE PARTIDOS*/ .all.seccion.futbol .container .row_social .mod { padding: 0; } .all.seccion.futbol .container .row_social .mod100.first { background: #fff; } /*.all.seccion.futbol .container .row_social .accordion .accordion-body.collapse { display: none; } .all.seccion.futbol .container .row_social .accordion .accordion-body.collapse.in { display: block; }*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading { min-height: 75px; width: 100%; display: block; position: relative; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { background-size: auto 100% !important; min-height: 100px; padding: 25px; font-size: 2.5rem; line-height: 50px; font-weight: 700; display: block; box-sizing: border-box; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a:hover { text-decoration: none; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a .icon_arrow:before { content: ''; position: absolute; background: url('/static/img/orangetv/chevron-futbol.png') no-repeat; background-size: 30px 30px; top: 35px; right: 45px; width: 30px; height: 30px; -ms-transform: rotate(180deg) ; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a.collapsed .icon_arrow:before { -ms-transform: rotate(0deg) ; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { background-position: left top !important; text-align: right; padding-right: 100px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.laliga-santander .accordion-heading a {background: url('/static/img/orangetv/futbol-1div.png') #ff7900 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.laliga-smartbank .accordion-heading a {background: url('/static/img/orangetv/futbol-2div.png') #ff9c4b no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.copa-del-rey .accordion-heading a {background: url('/static/img/orangetv/futbol-copadelrey.png') #ffb4e6 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.liga-femenina .accordion-heading a {background: url('/static/img/orangetv/futbol-ligafemenina.png') #50be87 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.copa-de-la-reina .accordion-heading a {background: url('/static/img/orangetv/futbol-copadelareina.png') #FFE8F7 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.champions-league .accordion-heading a {background: url('/static/img/orangetv/futbol-champions.png') #4bb4e6 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.europa-league .accordion-heading a {background: url('/static/img/orangetv/futbol-europeleague.png') #a885d8 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.ligas-internacionales .accordion-heading a {background: url('/static/img/orangetv/futbol-ligas-internacionales.png') #ffd200 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.liga-de-las-naciones .accordion-heading a {background: url('/static/img/orangetv/futbol-copa-naciones.png') #cccccc no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.premier-league .accordion-heading a {background: url('/static/img/orangetv/futbol-premierleague.png') #ffd200 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.bundesliga .accordion-heading a {background: url('/static/img/orangetv/futbol-bundesliga.png') #FFB400 no-repeat;} .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group.serie-a .accordion-heading a {background: url('/static/img/orangetv/futbol-seriea.png') #FFF6B6 no-repeat;} .all.seccion.futbol .container .row_social .accordion > .accordion-group > .accordion-heading a.accordion-toggle:after { display: none; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos { width: 100%; margin: 0; padding: 0; font-family: helveticaFamily,HelveticaNeue,Arial; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos .fecha { background: #b3b3b3; width: 100%; min-height: 25px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos .fecha h3 { background: #333; color: #fff; width: 36%; padding: 0 2%; font-size: 15px; line-height: 25px; position: relative; margin: 0; text-align: left; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos .fecha h3:before { position: absolute; display: block; content: ''; width: 10px; height: 100%; right: -10px; top: 0px; background: linear-gradient(to right top, #333 50%, transparent 51%); } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul { width: 100%; margin: 0; padding: 0; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li { list-style: none; background: #f5f5f5; position: relative; border-bottom: 1px solid #ccc; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul:last-child li { border-bottom: none; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li h4 { margin: 0; color: #000; text-align: left; padding-left: 3%; font-size: 18px; line-height: 35px; font-weight: 700; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal { background: #ddd; color: #000; text-align: right; width: 30%; height: 100%; padding: 0 5% 0 1%; line-height: 35px; position: relative; position: absolute; top: 0; right: 12%; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal p, .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal span { text-align: right; display: inline-block; margin: 0; font-size: 14px; font-weight: bold; position: relative; background-color: transparent; border: none; padding: 0; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal span { background: #ffd200; border-radius: 15px; text-align: center; font-size: 12px; line-height: 25px; /*width: 25px;*/ height: 25px; margin-left: 5px; width: auto; padding: 1% 2%; display: inline; }/*coloca la bola amarilla del num de dial en tabla horarios futbol*/ .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .hora { color: #000; text-align: center; float: right; width: 10%; font-size: 18px; line-height: 35px; padding: 0 1%; position: relative; font-weight: bold; position: absolute; top: 0; right: 0; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.laliga-santander .desplegable-partidos ul li .hora {background: #ff7900;} /*PRIMERA DIVISION*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.laliga-smartbank .desplegable-partidos ul li .hora {background: #ff9c4b;} /*SEGUNDA DIVISIÓN*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.copa-del-rey .desplegable-partidos ul li .hora {background: #ffb4e6;} /*COPA DEL REY*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.liga-femenina .desplegable-partidos ul li .hora {background: #50be87;} /*LIGA FEMENINA*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.copa-de-la-reina .desplegable-partidos ul li .hora {background: #FFE8F7;} /*COPA DE LA REINA*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.champions-league .desplegable-partidos ul li .hora {background: #4bb4e6;} /*CHAMPIONS*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.europa-league .desplegable-partidos ul li .hora {background: #a885d8;} /*EUROPA LEAGUE*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.ligas-internacionales .desplegable-partidos ul li .hora {background: #FFD200;} /*LIGAS INTERNACIONALES*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.liga-de-las-naciones .desplegable-partidos ul li .hora {background: #cccccc;} /*LIGA DE NACIONES */ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.premier-league .desplegable-partidos ul li .hora {background: #FFD200;} /*PREMIER LEAGUE*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.bundesliga .desplegable-partidos ul li .hora {background: #FFB400;} /*BUNDESLIGA*/ .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.serie-a .desplegable-partidos ul li .hora {background: #FFF6B6;} /*SERIE A*/ .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal:before, .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .hora:before { position: absolute; display: block; content: ''; width: 18px; height: 100%; left: -18px; top: 0px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal:before {background: linear-gradient(to left bottom, #ddd 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.laliga-santander .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #ff7900 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.laliga-smartbank .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #ff9c4b 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.copa-del-rey .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #ffb4e6 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.liga-femenina .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #50be87 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.copa-de-la-reina .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #FFE8F7 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.champions-league .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #4bb4e6 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.europa-league .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #a885d8 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.ligas-internacionales .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #ffd200 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.liga-de-las-naciones .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #cccccc 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.premier-league .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #ffd200 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.bundesliga .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #FFB400 50%, transparent 51%);} .all.seccion.futbol .container .row_social .mod.mod50 .accordion .accordion-group.serie-a .desplegable-partidos ul li .hora:before {background: linear-gradient(to left bottom, #FFF6B6 50%, transparent 51%);} /*********************/ /*================================================*/ /**SERIES XTRA**/ /*================================================*/ /*MOSAICO*/ .all.seccion.seriesxtra .container:nth-child(2), .all.seccion.seriesxtra .container:nth-child(3) { padding: 0; } .all .container .row_mosaico .mod { padding: 0; } .all .container .row_mosaico .mod img { width: 100%; } .all .container .row_descripcion_canal .mod { padding: 25px; } .all.seccion.seriesxtra .container .row_contratar .precio { display: none; } /*********************/ /*================================================*/ /**NETFLIX**/ /*================================================*/ /*FIBRA - ROW CONTRATAR*/ .preview.all.seccNetflix .headerEsp, .preview.all.seccNetflix .container:nth-child(1) { display: none; } .all.seccNetflix .container:nth-child(3) { padding: 0; } .all.seccNetflix .container:nth-child(3) .row_contratar { margin-top: 0; background: #eee; padding: 20px 2%; width: 96%; } .all.seccNetflix .container:nth-child(3) .row_contratar .mod100 { padding: 0 0 0; } .all.seccNetflix .container:nth-child(3) .row_contratar h2.titulonivel2 { font-size: 2.5rem; line-height: 2.7rem; font-weight: 700; text-align: left; margin: 0; float: left; width: 90%; margin: 0 5% 10px; } .all.seccNetflix .container:nth-child(3) .row_contratar .titulonivel3 { text-align: left; width: 90%; margin: 0 5%; } .all.seccNetflix .container:nth-child(3) .row_contratar .titulonivel3 .titulonivel4 { font-size: 1.4rem; line-height: 1.6rem; margin-top: 5px; } .all.seccNetflix .container .row_ayuda .mod100 .titulonivel2 { text-align: center; margin: 0 5% 15px; } /*********************/ /*================================================*/ /**VIDEOCLUB**/ /*================================================*/ .all.seccion.videoclub .container .row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 24px; text-align: left; margin-left: 5%; margin-bottom: 15px; position: static; top: auto; bottom: auto; left: auto; padding: 0; background: transparent; max-width: 90%; width: 90%; } .all.seccion.videoclub .container .row_destacados.row_cajas .mod.mod100:hover { background-color: transparent ; } .all.seccion.videoclub .container .row_destacados.row_cajas .mod.mod100:hover .titulonivel2 { color: #000 !important; } /*********************/ /*================================================*/ /**PAQUETES TEMÁTICOS**/ /*================================================*/ .all.seccCanalestematicos .container, .all.seccAutonomoscanalestematicos .container { padding: 0; } .all.seccCanalestematicos .container .row.row_texto100, .all.seccAutonomoscanalestematicos .container .row.row_texto100 { min-height: 0; } .all.seccCanalestematicos .container .row.row_texto100 .gr100.last, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .gr100.last { background: #fff; } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 { padding: 0; margin: 25px 2% 10px; width: 96%; text-align: left; overflow: hidden; } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2 { position: relative; top: auto; width: auto; padding: 15px 40px; margin: 0; display: inline-block; font-size: 2.4rem; line-height: 2.6rem; background-color: #eee; } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2:before, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2:before { display: block; position: absolute; content: ''; width: 25px; height: 100%; right: -25px; top: 0; background: linear-gradient(to right top, #eee 50%, transparent 51%); } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2:after, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2:after { display: block; position: absolute; content: ''; width: 8px; height: 120%; right: -30px; top: -10%; background: #4bb4e6; transform: rotate(-24deg); } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2 a, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2 a { text-decoration: none; } .all.seccCanalestematicos .container .row_destacados.row_cajas, .all.seccAutonomoscanalestematicos .container .row_destacados.row_cajas { margin: 0 2%; padding: 30px; box-sizing: border-box; } .all.seccCanalestematicos .container .row_descripcion_canal, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal { background: #eee; width: 96%; margin: 0 2% 25px; box-sizing: border-box; } .all.seccCanalestematicos .container .row_descripcion_canal .titulonivel4, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .titulonivel4 { text-align: left; font-size: 1.8rem; line-height: 2.2rem; font-weight: 700; } .all.seccCanalestematicos .container .row_descripcion_canal .titulonivel4 span.salto, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .titulonivel4 span.salto { margin-bottom: 10px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2 { text-align: left; font-size: 4rem; line-height: 3.4rem; font-weight: 700; display: inline-block; margin-right: 5px; margin-top: 20px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last p, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last p { display: inline-block; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last p.subtitulo, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last p.subtitulo { display: block; margin-top: 25px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod .btn { margin-right: 5px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod a:last-child .btn{ margin-right: 0; } .all.seccCanalestematicos .container .row_descripcion_canal img, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal img { height: 150px; } /*********************/ /*================================================*/ /*LANDING TARIFAS TV*/ /*ROW_PRINCIPAL*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100{ position:relative; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape{ float:left; position:absolute !important; top:50px; left:50px; padding: 4rem; width: 14rem; height: 14rem; font-size: 22rem; line-height: 22rem; display:table; vertical-align: middle; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape:before{ font-family: "shape"; font-style: normal; font-weight: normal; position: absolute; top: 0px; left: 0; color: #FF7900; line-height: 1em; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first span{ font-size: 2rem; line-height: 2.2rem; margin: 0; padding: 0; font-family: 'Helvetica--Neue--75', Arial, sans-serif; text-align: center; display: table-cell; vertical-align: middle; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h2.titulonivel1 .blanco{ float:left; position:absolute; top:70px; left:320px; font-size: 3.5rem; line-height: 3rem; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h2.titulonivel1 .blanco.salto{ top:30px; } /*ROW_CONTRATAR - MÓDULO YA SOY CLIENTE*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100.last .mod.mod100{ margin-top:70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first { background-color: #eeeeee; display: inline; width: 70%; margin: 0; height: 90px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last{ display:inline; width: 30%; background-color:#000; height:90px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last:before{ display: block; position: absolute; content: ''; width: 35px; height: 100%; left: 0px; top: 0px; background: linear-gradient(to right top, #eee 50%, transparent 51%); } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last p.titulonivel2{ text-align:right; position:relative; right: 30px; top:9px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h3.titulonivel2{ position:relative; top:-9px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h4.titulonivel2{ font-size:18px; margin-top:0; padding-top:0; position:relative; top: -19px; line-height: 25px; } /* MÓDULO NO SOY CLIENTE*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h3.titulonivel2, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ padding:0; margin-left:40px; margin-bottom:10px; text-align:left; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ font-weight:600; font-size:1.5rem; } /* ROW_TARIFA_TV - SECCIÓN TARIFAS */ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv{ position:relative; width:100%; position: relative; display: inline; margin-bottom:90px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33{ float: none; width: 32%; display: inline-block; margin:0 5px 0; margin-bottom:20px; padding:0; cursor: pointer; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100{ margin:0; padding:15px 15px 15px; min-height:200px; height:auto; border-bottom:2px solid #ff7900; text-align:left; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 img{ max-width:640px; width:100%; height:auto; border:0px solid #eeeeee; margin-bottom:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 p, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 div{ text-align:left; margin-left:0; line-height:18px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 h3.titulonivel3{ margin-top:0; position:relative; top:10px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 h3.titulonivel3 .titulonivel4{ font-size:16px; line-height:18px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:before{ content: ""; margin-right: auto; margin-left: auto; width: 0; height: 0; border-style: solid; border-width: 33px 38px 0 38px; border-color: #FF7900 transparent transparent transparent; display: block; position: absolute; bottom: -35px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:after{ content: ""; margin-right: auto; margin-left: auto; width: 0; height: 0; border-style: solid; border-width: 33px 38px 0 38px; border-color: #FFF transparent transparent transparent; display: block; position: absolute; bottom: -32px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100{ width: 99%; margin: 0 auto; margin-left: 1%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv { float:left; position:relative; width: 20%; display:block; margin:0 auto; cursor: pointer; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 #desp_tv_0 { margin-left:20px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_sup_tv { background-color: #eeeeee; width: 96%; top:25px; margin: 0; margin-bottom:20px; padding:15px; height: 225px; text-align:left; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv { width: 99%; margin: 0; height: 300px; text-align:left; clear:both; margin-bottom:50px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1{ font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 22px; font-weight:600; line-height: 22px; margin-top:0px; color:#ff7900 !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1{ font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 16px; font-weight:600; line-height: 14px; margin-top: 5px; margin-bottom:5px; color:#ff7900 !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 span.negro { line-height: 24px; color: #666 !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ font-size: 16px; line-height: 18px !important; font-family: helveticaFamily,HelveticaNeue,!Arial important; padding: 0 !important; color: #000 !important; width: 100%; text-align: left; position:absolute; top: 90px; display:table; margin: 10px 0 0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ font-size: 28px; line-height: 22px !important; font-weight: 700 !important; font-family: helveticaFamily,HelveticaNeue,!Arial important; padding: 0 !important; color: #000 !important; width: 100%; text-align: left; position:absolute; top: 114px; display:table; margin: 10px 0 0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ color: #ff7900; font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 14px; font-weight: bold; line-height: 16px; position:absolute; top: 154px; width: 100%; text-align: left; margin: 10px 0 0 !important; padding:0 !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 14px; font-weight: bold; line-height: 24px; position:absolute; top: 179px; width: 100%; text-align: left; margin: 2px 0 0; color: #000; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .lnk .naranja{ color: #ff7900; text-decoration: underline; font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 14px; font-weight: bold; text-align: right !important; margin: 10px 0 0; line-height:20px; margin-right:0px; position:absolute; top:260px; right:10px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .but_naranja{ color:#fff; padding:10px 20px; background-color:#ff7900; position: absolute; top: 253px; left: 15px; } /*ICONOS +INFO*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv { float: left; position:relative; width:19%; top:0px; height:280px; padding:15px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related{ min-height:340px; height:auto; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related ul.lista{ margin-left:0; padding:0; font-size: 14px; line-height: 16px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related li.lnkcnt{ float:left; position:relative; display:block; padding-right:0; padding-left:0; padding: 15px 0 5px; width:100%; font-size: 12.5px; line-height: 16px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related ul.lista li.lnkcnt span.negrita{ margin-top:0px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related li.lnkcnt .icono{ width:20%; float:left; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv img { width: 50px; float: left; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv li.lnkcnt .texto_nota { float:right; width:80% } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .lnkcnt .negrita { width:100%; font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size:14px; line-height:18px; font-weight:bold; color:#000; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt span.texto_informativo{ border-left:1px solid #b5b3b3; padding-left:10px; font-family: 'helveticaFamily','HelveticaNeue', Arial; font-size: 12px; line-height: 16px; color:#000; float:left; clear:none; width:auto; margin-top:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt.last .negrita{ font-size:13px; line-height: 17px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar{ background-color: #ff7900; color: #fff; font-weight: 600; padding-top: 15px; padding-right: 53px; padding-bottom: 15px; padding-left: 53px; font-size: 1.6rem; line-height: 1.6rem; margin-left: 15%; position:relative; top:-50px !important; transition: background 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top: -30px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv h4.titulonivel1 a{ text-decoration:none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar:hover{ background-color: #000; color: #fff; border-color:#000; } /*js*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.invisible-tarifastv { /*display:block;*/ } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.visible-tarifastv { /*display:block;*/ } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv {opacity: 0.5;} .off_border {border-bottom: 0!important;} .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr33.off_tarifastv .mod.mod100:after{ border-width: 0!important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr33.off_tarifastv .mod.mod100:before{ border-color: white!important; } .off_tarifastv_withOpacity1{opacity: 1 !important;} /*********/ /*================================================*/ /*RD*/ /*================================================*/ /*MIN*/ /*769*/ /*------------------------------------------------*/ @media only screen and (min-width: 769px) { .all .headerEsp .botones-header .box_raw { display: block !important; } } /*MAX*/ /*1400*/ /*------------------------------------------------*/ @media only screen and (max-width: 1400px) { /* HOME PAQUETES TV - 1400*/ .all.home .container .row_produtos .mod33, .all.home .container .row_produtos .mod25 { padding: 15px 15px; min-height: 300px; } .all.home .container .row_produtos .mod33 .titulonivel2, .all.home .container .row_produtos .mod25 .titulonivel2 { font-size: 2rem; line-height: 2.2rem; margin-bottom: 5px; } .all.home .container .row_produtos .mod33 .titulonivel5 .pvp, .all.home .container .row_produtos .mod25 .titulonivel5 .pvp { font-size: 2.2rem; line-height: 2.6rem; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod25 .titulonivel4 { font-size: 1.4rem; line-height: 1.6rem; min-height: 100px; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.home .container .row_produtos .mod25 .titulonivel3 { margin-top: 20px; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { right: 35px; } .all.home .container .row_produtos .mod33.last .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.last .titulonivel4 { top: 100px; } .all .container .row_contratar .mod50 { min-height: 125px; } /*MÓDULO CANALES PREMIUM */ .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.inicial, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.inicial { padding: 0px; width: 50%; bottom: 50px; box-sizing: border-box; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3 { padding: 5px 10px; width: 58%; } /*end*/ /*MAX*/ /*1400*/ } /*------------------------------------------------*/ /*MAX*/ /*1280*/ /*------------------------------------------------*/ @media only screen and (max-width: 1280px) { /* HOME PAQUETES TV - 1280*/ .all.home .container .row_produtos .mod33 .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4 { font-size: 1.5rem; line-height: 1.75rem; top: 65px; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { right: 35px; width: 100px; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.home .container .row_produtos .mod25 .titulonivel3 { margin-top: 15px; margin-bottom: 15px; } .all.home .container .row_produtos .mod33 .titulonivel3 a span.btn-grey, .all.home .container .row_produtos .mod25 .titulonivel3 a span.btn-grey { padding: 6px 13px; } .all.home .container .row_produtos .mod33 .titulonivel3 a span.btn-primary, .all.home .container .row_produtos .mod25 .titulonivel3 a span.btn-primary { padding: 6px 23px; } /*********************/ /*CONTRATAR - 1280*/ .all .container .row_contratar .mod50 { padding: 10px 40px; } .all .container .row_contratar .mod33 { min-height: 110px; } .all .container .row_contratar h2.titulonivel2 { font-size: 3rem; line-height: 45px; width: 100%; margin-left: 0; } .all .container .row_contratar .mod33 .precio.first { width: auto; } .all .container .row_contratar .mod33 .precio_nacional_1 { width: auto; } .all .container .row_contratar .mod33 .precio_nacional_1 span.salto { display: block; } .all .container .row_contratar h3.titulonivel3 { line-height: 2.5rem; } .all.seccNetflix .container .row_contratar h3.titulonivel3 { font-size: 2rem; line-height: 2.5rem; min-height: 50px; } /*********************/ /*end*/ /*MAX*/ /*1280*/ } /*------------------------------------------------*/ /*MAX*/ /*1280*/ /*MIN *//*1024*/ /*LANDING TARIFAS TV*/ @media only screen and (max-width:1280px) and (min-width: 1024px) { .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100{ height:200px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 { width:100%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv { width:48%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_sup_tv { min-height: 197px; height:100%; } /*Textos*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .lnk .naranja, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .but_naranja{ float:left; position:relative; left:2px; clear:both; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1{ font-size:2em; line-height:0.9em; margin-bottom:5px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ top:2px; font-size:2em } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ font-size: 16px; top:10px; left:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ top:10px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ top:2px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .lnk .naranja{ top:40px; left:350px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .but_naranja{ top:3px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt.last{ width:100%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv { min-height:150px !important; height:auto !important; margin-bottom:25px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related{ min-height:100px !important; height:auto !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top: 20px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top: 20px !important; margin-left: 35%; } /*end*/ /*MAX*/ /*1280*/ /*MIN*//*1024*/ } /****************/ /*MAX*/ /*1024*/ /*------------------------------------------------*/ @media only screen and (max-width: 1024px) { .all .headerEsp .site-description h3 { line-height: 2.5rem; } /*MENÚ DESPLEGABLE*/ .all .headerEsp .botones-header .box_raw { float: left; width: 100%; } .all .headerEsp .botones-header .box_raw .row { padding: 5px 2% 0; } .all .headerEsp .botones-header .box_raw .row .mod { -webkit-box-flex: 1 0 20%; -moz-box-flex: 1 0 20%; -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; margin-right: 1%; margin-bottom: 5px; } .all .headerEsp .botones-header .box_raw .row .mod:hover { background: rgba(255, 255, 255, 1); } .all .headerEsp .botones-header .box_raw .row .mod:nth-child(4n+0), .all .headerEsp .botones-header .box_raw .row .mod:last-child { margin-right: 0; } .all .headerEsp .botones-header .box_raw .row .mod h3 { margin: 0 5px; font-size: 1.5rem; line-height: 20px !important; text-align: left; height: 40px; display: flex; width: auto; } .all .headerEsp .botones-header .box_raw .row .mod img { height: 30px; margin-right: 0; padding: 5px; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial { width: auto; height: 40px; margin-right: 10px; background: #eeeeee; text-align: center; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial:after { display: none; } /*********************/ /*MENÚ CARRUSEL - 1024*/ .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-prev { left: -40px; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-next { right: -40px; } /*********************/ /*DESTACADOS - 1024*/ .all .container .row_destacados.row_cajas .mod .titulonivel2 { font-size: 1.25em; } .all .container .row_destacados.row_cajas .mod p { top: 20px; left: 5%; width: 90%; } .all .container .row_destacados.row_cajas .mod25, .all .container .row_destacados.row_cajas .gr25, .all .container .row_destacados.row_cajas .mod20, .all .container .row_destacados.row_cajas .gr20 { width: 50%; } .all .container .row_destacados.row_cajas .mod20.last, .all .container .row_destacados.row_cajas .gr20.last { margin-left: 25%; } /*********************/ /*DESCRIPCIÓN CANAL - 1024*/ .all.seccion.cazavision .container .row_descripcion_canal .mod50.last h4.titulonivel4:last-child { width: 30%; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span { font-size: 2rem; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33:nth-child(2) { padding: 15px 10px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last:before { width: 38px; } /*********************/ /*MÓDULO CARTELES PELÍCULAS - SERIES - 1024*/ .all .container .row_cajas.row_peliculas .mod.mod25 p { top: 20px; font-size: 1.25rem; line-height: 1.75rem; } /*********************/ /*CONTRATAR - 1024*/ .all .container .row_contratar .mod50 { min-height: 125px; } .all .container .row_contratar .mod50 .titulonivel3 { font-size: 2rem; } .all .container .row_contratar .mod33 { min-height: 125px; } .all .container .row_contratar .mod100.last { padding: 15px 5%; } .all .container .row_contratar h2.titulonivel2 { line-height: 55px; width: 100%; margin-left: 0; } .all .container .row_contratar .mod33 .precio.first { width: auto; } /*********************/ /*AYUDA - 1024*/ .all .container .row_ayuda .titulonivel3 { padding-left: 5%; } .all .container .row_ayuda .titulonivel4 { width: 85%; padding-left: 10%; } .all .container .row_ayuda .titulonivel4:before { left: 5%; } .all .container .row_ayuda .titulonivel4:hover:before { left: 6%; } /*********************/ /*HOME - 1024*/ .all.home .container .row_produtos .mod33, .all.homeEmpresas .container .row_produtos .mod33 { min-height: 300px; padding: 30px 45px 30px 25px; } .all.home .container .row_produtos .mod25 { min-height: 320px; } .all.home .container .row_produtos .mod25 .titulonivel2 { font-size: 1.6rem; line-height: 2rem; } .all.home .container .row_produtos .mod33 .titulonivel5 .pvp, .all.home .container .row_produtos .mod25 .titulonivel5 .pvp { font-size: 1.8rem; line-height: 2.2rem; } .all.home .container .row_produtos .mod25 .titulonivel4, .all.home .container .row_produtos .mod33 .titulonivel4 { min-height: 135px; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod33.first .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.first .titulonivel4, .all.home .container .row_produtos .mod33.last .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.last .titulonivel4 { width: 100%; top: 80px; line-height: 1.6rem; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { top: 70px; right: 25px; width: 100px; } /*********************/ .all.home .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3 { font-size: 2rem; line-height: 2.5rem; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4 { font-size: 1.6rem; line-height: 1.8rem; font-weight: 700; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover { padding: 40px 10px 0; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover p, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover p { font-size: 1.25rem; line-height: 1.5rem; } .all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span { font-size: 1.75rem; line-height: 3rem; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related { bottom: 0; } .all.home .container .row_ver_orangetv .mod40, .all.homeEmpresas .container .row_ver_orangetv .mod40 { width: 45%; } .all.home .container .row_ver_orangetv .mod20, .all.homeEmpresas .container .row_ver_orangetv .mod20 { width: 22.5%; } .all.home .container .row_ver_orangetv .titulonivel3, .all.homeEmpresas .container .row_ver_orangetv .titulonivel3 { font-size: 1.75rem; } .all.home .container .row_ver_orangetv .titulonivel4 a, .all.homeEmpresas .container .row_ver_orangetv .titulonivel4 a { font-size: 14px; line-height: 18px; } .all.home .container .row_ver_orangetv .mod40 img, .all.homeEmpresas .container .row_ver_orangetv .mod40 img { height: 80px; } /*********************/ /*MÓDULO CANALES PREMIUM - 1024*/ .all .container .row_canales_premium { margin-top: 0; } .all .container .row_canales_premium .titulonivel2 { width: 100%; margin-bottom: 60px; } .all .container .row_canales_premium .mod100 .gr20 { width: 33.33%; } .all .container .row_canales_premium .mod100 .gr20:nth-child(1) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(2) {margin-top: -40px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(3) {margin-top: 50px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(4) {margin-top: -250px;} .all .container .row_canales_premium .mod100 .gr20:nth-child(5) {margin-top: -290px;} .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3 { padding: 5px 15px; } /*********************/ /*CINE Y SERIES - 1024*/ .all .container .row_device .mod50 h4, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 { font-size: 1.5rem; line-height: 2rem; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul li img { height: 40px; } .all .container .row_descrip_listado .mod100 { padding: 25px 25px 0; } .all .container .row_carta .btn.btn-big { font-size: 1.5rem; } .all .container .row_ventajas .mod20 { min-height: 210px; padding: 10px 15px; } .all .container .row_ventajas .mod20.first .titulonivel2 .titulonivel3 { font-size: 2.75rem; line-height: 3.75rem; } /*********************/ /*FÚTBOL - 1024*/ .all .container .precio_nacional_3 { line-height: 1.5rem; } .all .container .row_descrip_imgs .mod33 .titulonivel2, .all .container .row_descrip_imgs .mod33 .titulonivel2 .titulonivel3 { font-size: 1.75rem; line-height: 2rem; margin-bottom: 0; } .all .container .row_descrip_imgs .mod33 .titulonivel3 { font-size: 1.3rem; line-height: 1.5rem; } .all .container .precio_nacional_2 .titulonivel2 { font-size: 4rem !important; line-height: 5rem !important; } .all .container .precio_nacional_2 .titulonivel3 { font-size: 2.75rem !important; line-height: 5rem !important; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { min-height: auto; max-height: 85px; font-size: 2.25rem; line-height: 35px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { padding-right: 60px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a .icon_arrow:before { background-size: 25px 25px; top: 30px; right: 20px; width: 25px; height: 25px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li h4 { padding-left: 2%; font-size: 16px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal { right: 11%; width: 30%; padding: 0 5% 0 1%; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal p { font-size: 11px; line-height: 30px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .hora { width: 9%; font-size: 15px; } /*********************/ /*PAQUETES TEMÁTICOS - 1024*/ .all.seccCanalestematicos .container .row_descripcion_canal, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal { margin: 0 2% 30px; } .all.seccCanalestematicos .container .row_descripcion_canal .titulonivel4, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .titulonivel4 { font-size: 1.6rem; line-height: 2rem; } .all.seccCanalestematicos .container .row_descripcion_canal img, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal img { width: 100%; height: auto; } /*********************/ /*LANDING TARIFAS TV - 1024*/ /*ROW_PRINCIPAL*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape{ padding: 4rem; width: 4rem; height: 9rem; font-size: 17rem; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape:before{ font-family: "shape"; font-style: normal; font-weight: normal; position: absolute; top: 0px; left: 0; color: #FF7900; line-height: 1em; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first span{ font-size: 2rem; line-height: 2.2rem; margin: 0; padding: 0; font-family: 'Helvetica--Neue--75', Arial, sans-serif; text-align: center; display: table-cell; vertical-align: middle; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h2.titulonivel1 .blanco{ display:none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h2.titulonivel1 .blanco.salto{ top:30px; } /*ROW_CONTRATAR - MÓDULO YA SOY CLIENTE*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first { background-color: #eeeeee; display: block; width: 100%; margin: 0; min-height: 60px !important; height:110px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last{ display:inline; width:100%; background-color:#eee; height:40px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last:before{ display: none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod25.last p.titulonivel2{ text-align:left; position:relative; left:0px; top:-20px } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h3.titulonivel2{ float:left; position:relative; top:-9px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h4.titulonivel2{ font-size:18px; margin-top:0; padding-top:0; float:left; position:relative; top:-23px; } /*---------------*/ /*TARIFAS*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33{ width: 96%; margin:0 10px 0; margin-bottom:20px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100{ min-height: 480px !important; height: 76px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 img{ margin-bottom:0px; width:100%; max-width:100%; max-height: 100% !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 a:before{ background-image: url('/static/img/orangetv/chevron-down-white.png'); background-size: 90%; background-repeat:no-repeat; background-position: center; display: block; position:absolute; right:25px; top:25px; width: 25px; height: 25px; content:""; padding:5px; border: 2px solid #fff; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.selected_tarifastv .mod.mod100 a:before{ background-image: url('/static/img/orangetv/chevron-up-white.png'); background-size: 90%; background-repeat:no-repeat; background-position: center; display: block; position:absolute; right:25px; top:25px; width: 25px; height: 25px; content:""; padding:5px; border: 2px solid #fff; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv {/**/ height: 440px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv { width:99%; margin: 0 auto; padding: 0 10px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod20.txt_sup_tv h4.titulonivel1.desplegable:last-child { float: right; clear: none; margin-right: 20px; margin-top: 15px; text-indent:-3000px; cursor:pointer; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv.seleccionado .mod20.txt_sup_tv h4.titulonivel1.desplegable span.but_blanco.ver_detalles:before { background-image: url('/static/img/orangetv/chevron-up.png'); background-size: 100%; background-repeat:no-repeat; display: block; position:absolute; right:0; width: 30px; height: 30px; content:""; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod20.txt_sup_tv h4.titulonivel1.desplegable span.but_blanco.ver_detalles:before { background-image: url('/static/img/orangetv/chevron-down.png'); background-size: 100%; background-repeat:no-repeat; display: block; position:absolute; right:0; width: 30px; height: 30px; content:""; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_sup_tv { min-height: 204px; height:100%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_sup_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_sup_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_sup_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_sup_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_sup_tv{ min-height: 205px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv { margin:0 !important; width: 96% !important; min-height: 40px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.visible-tarifastv{ height:200px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related{ width: 100%; margin: 0; padding:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt{ display: block; width:32%; margin:0; } /*Textos*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .lnk .naranja, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .but_naranja{ float:left; position:relative; left:5px; clear:both; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1{ font-size:2em; line-height:1.2em; margin-bottom:5px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ top:8px; font-size:2em } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ font-size: 16px; top:16px; left:0px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ top:18px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ top:10px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .lnk .naranja{ top:44px; left:290px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .but_naranja{ top:0px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt.last{ width:100%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top: -80px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top: -90px !important; margin: 36%; } /*row_principal*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape{ top:30px; left:30px; padding: 3rem; width: 1rem; height: 8rem; font-size: 14rem; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first span{ font-size:1.7rem; } /********************/ /*end*/ /*MAX*/ /*1024*/ } /*------------------------------------------------*/ /*MAX*/ /*950*/ /*------------------------------------------------*/ @media only screen and (max-width: 950px) { /*DESCRIPCIÓN CANAL - 950*/ .all.seccion.cazavision .container .row_descripcion_canal .mod50.last h4.titulonivel4:last-child { width: 100%; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span { line-height: 30px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel2 { line-height: 50px; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel5 { line-height: 10px; } /*********************/ /*MÓDULO CARTELES PELÍCULAS - SERIES - 950*/ .all .container .row_cajas.row_peliculas .mod.mod25 p { top: 10px; } /*********************/ /*CONTRATAR - 950*/ .all .container .row_contratar .mod33 { padding: 10px 15px; } /*********************/ /*HOME - 950*/ .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related { margin-top: 20px; } .all.home .container .row_ver_orangetv .mod20, .all.homeEmpresas .container .row_ver_orangetv .mod20 { width: 25%; } /*********************/ /*CINE Y SERIES - 950*/ .all .container .row_carta .gr100 { padding: 0; } .all .container .row_carta .mod40 { width: 70%; height: auto; left: 15%; } .all .container .row_carta .mod40 img { width: 100% !important; height: auto; } .all .container .row_carta .mod60 { right: auto; left: 10%; padding-left: 5%; padding-top: 35px; padding-right: 5%; padding-bottom: 25px; width: 80%; height: auto; } .all .container .row_carta .mod60:before { display: none; } .all .container .row_carta .mod60 .titulonivel3 { font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 30px; } /*********************/ .all.home .container .row_produtos .mod25 { width: 50% !important; min-height: auto; border-right: 3px solid #999; border-bottom: 3px solid #999; } .all.home .container .row_produtos .mod25 .titulonivel4, .all.home .container .row_produtos .mod33 .titulonivel4 { min-height: 75px; } .all.home .container .row_produtos .mod33, .all.homeEmpresas .container .row_produtos .mod33 { width: 100% !important; min-height: auto; padding: 20px 20px 40px; } .all.home .container .row_produtos .mod33 .titulonivel2, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel2 { margin-bottom: 10px; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 { margin-top: 30px; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod33.first .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.first .titulonivel4 { position: static; top: 0; font-size: 1.6rem; line-height: 2rem; width: 75%; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { top: 50px; right: 50px; } /*FÚTBOL - 950*/ .all.seccion.futbol .container .row_social .accordion .desplegable-partidos .fecha h3 { width: 50%; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li h4 { font-size: 15px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal { right: 11%; width: 35%; padding: 0 4% 0 1%; } /*********************/ /*PAQUETES TEMÁTICOS - 950*/ .all.seccCanalestematicos .container .row_descripcion_canal .mod, .all.seccCanalestematicos .container .row_descripcion_canal .mod25, .all.seccCanalestematicos .container .row_descripcion_canal .mod50, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod25, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod50 { width: 100%; padding: 15px 25px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.first, .all.seccCanalestematicos .container .row_descripcion_canal .mod.last, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.first, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last { padding: 0; } .all.seccCanalestematicos .container .row_descripcion_canal img, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal img { width: auto; height: 150px; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2 { margin-top: 0; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last p.subtitulo, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last p.subtitulo { margin-bottom: 40px; } /*********************/ /*end*/ /*MAX*/ /*950*/ } /*------------------------------------------------*/ /*MAX*/ /*768*/ /*------------------------------------------------*/ @media only screen and (max-width: 768px) { .all .container .mod100 .titulonivel2 { margin-left: 0; font-size: 20px; } /*MENÚ CARRUSEL - 768*/ .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-prev { left: -35px; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-next { right: -35px; } /********************/ /*Bordes horzontales*/ .all .container .row.row-border-top { margin: 30px 0 0; } .all .container .row.row-border-bottom { margin: 0 0 30px; } .all .container .row.row-border-top:before { height: 25px; top: -25px; } .all .container .row.row-border-bottom:before { height: 25px; bottom: -25px; } .all.seccVideoclub .container .row_descripcion_canal.row-border-top { margin-top: 0px; } .all.seccion.videoclub .container .row_descripcion_canal.row-border-top:before { display: none; } /*********************/ .all .headerEsp { padding-top: 10px; padding-bottom: 10px; width: 100%; background-color: #000; position: static; } .all .headerEsp .site-description { width: 95%; } .all .headerEsp .site-description p.shape { width: 90px; height: 90px; } .all .headerEsp .site-description .shape:before { font-size: 90px !important; } .all .headerEsp .site-description h1 { font-size: 2.5rem; line-height: 3.5rem; } .all .headerEsp .site-description h3 { font-size: 1.75rem; line-height: 2.5rem; } .all .headerEsp .botones-header { float: left; width: 100%; margin-top: 10px; height: auto; background: #000; text-align: left; } .all .headerEsp .botones-header h2 { margin-bottom: 10px; } .all .headerEsp .botones-header h2:nth-child(2) { display: inline-block; } .all .headerEsp .botones-header h2 a { line-height: 40px; } .all .headerEsp .botones-header h2 a span { width: 100%; padding: 10px; margin: 0; margin-bottom: 15px; font-size: 1.2rem; } /*********************/ /*MENÚ DESPLEGABLE - 768*/ .all .headerEsp .botones-header .box_raw .row { -webkit-flex-flow: column wrap; flex-flow: column wrap; padding: 10px 2%; margin-top: 0; } .all .headerEsp .botones-header .box_raw .row:after { display: none; } .all .headerEsp .botones-header .box_raw .row .mod { padding: 0; padding-right: 2.5%; box-sizing: border-box; width: 100%; margin: 0 0 10px; text-align: left; } .all .headerEsp .botones-header .box_raw .row .mod:last-child { margin: 0; } .all .headerEsp .botones-header .box_raw .row .mod img { height: 50px; float: left; margin-right: 10px; margin-left: 10px; padding: 0; } .all .headerEsp .botones-header .box_raw .row .mod h3 { margin: 5px 15px 0; color: #000; font-size: 1.75rem; line-height: 20px; text-align: left; } .all .headerEsp .botones-header .box_raw .row .mod p { width: auto; font-size: 1.35rem; line-height: 20px; text-align: left; display: block; margin-top: 5px; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial { margin-top: 0; margin-right: 20px; height: 50px; } .all .headerEsp .botones-header .box_raw .row .mod p.inicial:after { display: block; } /*********************/ /*IMAGEN PRINCIPAL - 768*/ .all .container .row_principal .mod.last { width: 100%; margin: 0; padding: 10px 25px; background: #fff; position: static; bottom: 0; } .all .container .row_principal .mod.last.txt-video { z-index: 100; } .all .container .row_principal .mod h2, .all .container .row_principal .mod h4 { margin: 0; text-align: left; } .all .container .row_principal .mod h2 span { font-size: 2.5rem; line-height: 3rem; margin-left: 0; color: #000 !important; } .all .container .row_principal .mod h4 span { margin-left: 0; color: #000 !important; } .all.seccion.wuaki .container .row_destacados.row_cajas.row-border-top { margin-top: 20px; } /*********************/ /*DESTACADOS - 768*/ .all .row_cajas .mod:before { display: none; } .all .row_cajas .mod.mod25:before { display: none; } .all .container .row_destacados.row_cajas { padding: 20px 5%; width: 90%; } .all .container .row_destacados.row_cajas .mod p { display: block; font-size: 1.25rem; line-height: 1.75rem; top: 30px; left: 10%; width: 80%; } .all .container .row_destacados.row_cajas .mod.mod100 .titulonivel2, .all .container .row_destacados.row_cajas .mod .titulonivel2 .negro { color: #000 !important; } /*********************/ /*DESCRIPCIÓN CANAL - 768*/ .all .container .row_descripcion_canal .mod66 { padding: 0; padding-right: 15px; } .all .container .row_descripcion_canal .mod33 img { height: auto; width: 100%; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.first img { width: 30%; height: auto; margin: 0 auto; } .all .container .row_descripcion_canal .mod33 .titulonivel4, .all .container .row_descripcion_canal .mod66 .titulonivel4 { font-size: 1.6rem; line-height: 2.25rem; } .all.seccion.seriesxtra .container .row_descripcion_canal { padding-bottom: 25px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33 { width: 50%; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.first { width: 100%; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33:nth-child(2) { padding: 15px 15px 15px 25px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last { min-height: auto; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last span { font-size: 2rem; line-height: 20px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last span.titulonivel2 { line-height: 3rem; } .all.seccion.wuaki .container .row_descripcion_canal h4 span, .all.seccion.wuaki .container .row_descripcion_canal h4 span.salto, .all.seccOrangeseries .container .row_descripcion_canal h4 span, .all.seccOrangeseries .container .row_descripcion_canal h4 span.salto { display: block !important; } /*********************/ /*MÓDULO CARTELES PELÍCULAS - SERIES - 768*/ .all .container .row_cajas.row_peliculas { background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 10%, rgba(238,238,238,1) 10%, rgba(238,238,238,1) 90%, rgba(255,255,255,1) 90%); background: -o-linear-gradient(bottom, rgba(255,255,255,1) 10%, rgba(238,238,238,1) 10%, rgba(238,238,238,1) 90%, rgba(255,255,255,1) 90%); background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(238,238,238,1) 10%, rgba(238,238,238,1) 90%, rgba(255,255,255,1) 90%); } .all .container .row_cajas.row_peliculas.una_fila { background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: -o-linear-gradient(bottom, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); padding-top: 20px; } .all .container .row_cajas.row_peliculas .mod.mod25 { padding: 0; margin: 15px 5%; width: 40%; } .all .container .row_cajas.row_peliculas .mod.mod25 p { top: 30px; left: 10%; width: 80%; padding: 0; font-size: 1.5rem; line-height: 2rem; display: block; } .all .container .row_cajas.row_peliculas .mod.mod100 { padding: 0 25px; } .all .container .row_cajas.row_peliculas .mod.mod100:hover { background: transparent; } .all .container .row_cajas.row_peliculas .mod.mod100 .titulonivel2 { padding: 10px 0; color: #000 !important; font-size: 2.5rem; line-height: 3rem; } .all .container .row_cajas.row_peliculas .mod.mod100:hover .titulonivel2, .all .container .row_cajas.row_peliculas .mod.mod100 .titulonivel2:hover { color: #000 !important; } /*********************/ /*CONTRATAR - 768*/ .all .container .row_contratar .mod100 { padding: 0; } .all .container .row_contratar .mod100.last { padding: 15px; } .all .container .row_contratar .mod50 { width: 100%; min-height: auto; padding-bottom: 30px; } .all .container .row_contratar .mod33 { width: 50%; min-height: auto; } .all .container .row_contratar .mod33.first { width: 100%; } .all .container .row_contratar .mod33 .precio_nacional_1 { width: auto; } .all .container .row_contratar h2.titulonivel2 { font-size: 2.5rem; line-height: 35px; width: 100%; margin-right: 0; text-align: center; } .all .container .row_contratar h3.titulonivel3 { font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 25px; } .all.seccNetflix .container .row_contratar h3.titulonivel3 { min-height: auto; } .all .container .row_contratar .mod100.last h3.titulonivel3 { font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 0; } .all .container .row_contratar .mod33.last { padding-bottom: 20px; } .all .container .row_contratar .mod33:nth-child(2), .all .container .row_contratar .mod33:nth-child(3) { padding: 10px 20px 20px 10px; } .all .container .row_contratar .box_raw .mod100 { padding: 10px; } .all .container .row_contratar .box_raw .mod100 h4 { display: block; margin-bottom: 40px; } .all .container .row_contratar .box_raw .mod100 h4:last-child { margin-bottom: 15px; } /*********************/ /*AYUDA - 768*/ .all .container .row_ayuda .mod { padding: 0; } .all .container .row_ayuda .row1 .mod100 { padding: 0 25px; } .all .container .row_ayuda .mod33 { width: 100%; } .all .container .row_ayuda .mod33 img { width: 100%; } .all .container .row_ayuda .titulonivel3 { width: 98%; padding-left: 2%; margin: 10px 0 10px; font-size: 2rem; line-height: 2.5rem; } .all .container .row_ayuda .titulonivel4 { width: 30%; padding-left: 3.33%; font-size: 1.5rem; min-height: 40px; float: left; } .all .container .row_ayuda .titulonivel4:before { left: 2.5%; } .all .container .row_ayuda .titulonivel4:hover:before { left: 2.5%; } .all .container .row_ayuda .titulonivel4 a { line-height: 2rem; } .all .container .row_ayuda .titulonivel4:last-child { padding: 15px; float: none; } /*********************/ /*HOME - 768*/ .all.home .container .row_produtos .gr100:first-child .mod100, .all.homeEmpresas .container .row_produtos .gr100:first-child .mod100 { padding: 0 25px; } .all.home .container .row_produtos .mod25 { width: 100% !important; min-height: auto; border-right: 0 solid #999; border-bottom: 3px solid #999; } .all.home .container .row_produtos .mod25 .titulonivel4, .all.home .container .row_produtos .mod33 .titulonivel4 { min-height: auto; margin-bottom: 10px; } .all.home .container .row_produtos .mod33, .all.homeEmpresas .container .row_produtos .mod33 { width: 50%; min-height: 250px; padding: 15px 35px 25px 20px; } .all.home .container .row_produtos .mod33.first, .all.homeEmpresas .container .row_produtos .mod33.first { min-height: auto; } .all.home .container .row_produtos .mod33.first, .all.homeEmpresas .container .row_produtos .mod33.first { width: 100%; } .all.home .container .row_produtos .mod33 .titulonivel2, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel2 { margin-bottom: 10px; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod33.first .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.first .titulonivel4 { width: 80%; position: static; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { text-align: center; width: 90px; margin-top: 10px; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 { bottom: 25px; } .all.home .container .row_cliente_orangetv .gr100 > .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 { width: 100%; min-height: 0; height: auto; padding: 15px 25px; } .all.home .container .row_cliente_orangetv .gr100 .mod75, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 { width: 100%; min-height: 0; height: auto; } .all.home .container .row_cliente_orangetv .gr100 .mod75:before, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75:before { display: none; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 { width: 40%; margin: 10px 0 10px 6%; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 .titulonivel4 { font-size: 1.6rem; line-height: 1.8rem; font-weight: 700; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child { margin-left: 6%; } .all.home .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 .titulonivel3 { font-size: 2rem; line-height: 2.5rem; } .all .container .row_canales_premium > .gr100 { padding: 0; } .all .container .row_canales_premium > .gr100 .mod100.first { padding: 0 25px; } .all .container .row_canales_premium .mod100 .gr50 { width: 100%; } .all .container .row_canales_premium .mod100 .gr20, .all .container .row_canales_premium .mod100 .gr25 { width: 50%; } .all .container .row_canales_premium .mod100 .gr20:nth-child(1) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(2) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(3) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(4) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(5) {margin-top: 0;} .all .container .row_canales_premium .mod100 .gr20:nth-child(5) .mod100.last {margin-left: -50%;} .all .container .row_canales_premium .mod100 .gr20 .mod100, .all .container .row_canales_premium .mod100 .gr25 .mod100 { display: inline-block; width: 100%; padding: 0; } .all .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel4, .all .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel4, .all .container .row_canales_premium .mod100 .gr50 .mod50 .titulonivel3 .titulonivel4 { font-size: 1.4rem; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.inicial, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.inicial { width: 50%; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3 { width: 58%; } .all.home .container .row_ventajas_big, .all.homeEmpresas .container .row_ventajas_big { background: none; padding-top: 0px; } .all.home .container .row_ventajas_big .gr100:first-child, .all.homeEmpresas .container .row_ventajas_big .gr100:first-child { position: static; } .all.home .container .row_ventajas_big .gr100:first-child .mod, .all.homeEmpresas .container .row_ventajas_big .gr100:first-child .mod { padding: 0 25px; } .all.home .container .row_ventajas_big .gr100, .all.homeEmpresas .container .row_ventajas_big .gr100 { padding-top: 0px; } .all.home .container .row_ventajas_big .gr100 .mod100, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod100 { padding: 0px 25px; } .all.home .container .row_ventajas_big .gr100 .mod20, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 { width: 92%; height: auto; padding: 0 15px 15px; margin: 0 0 10px 4%; background-color: rgba(0,0,0,.125); min-height: auto; } .all.home .container .row_ventajas_big .gr100 .mod20:first-child, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child { background: rgba(0,0,0,.125); } .all.home .container .row_ventajas_big .gr100:nth-child(2) .mod20.first, .all.homeEmpresas .container .row_ventajas_big .gr100:nth-child(2) .mod20.first { margin: 10px 0 10px 4%; } .all.home .container .row_ventajas_big .gr100 .mod20:hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:hover { background-color: rgba(0,0,0,.125); } .all.home .container .row_ventajas_big .gr100 .mod20:first-child img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child img { display: block; width: 100%; } .all.home .container .row_ventajas_big .gr100 .mod20 h3.titulonivel3, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 h3.titulonivel3 { width: 100%; } .all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span { line-height: 40px; text-align: left; } .all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img { display: none; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover { opacity: 1; position: static; display: inline-block; right: auto; left: auto; top: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.5s, -webkit-transform 0.35s; transition: opacity 0.5s, transform 0.35s; padding: 0; width: 100%; } .all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover .related { margin-top: 25px; position: static; } .all.home .container .row_ver_orangetv .mod40, .all.homeEmpresas .container .row_ver_orangetv .mod40 { height: auto; padding: 10px 25px; width: 100%; } .all.home .container .row_ver_orangetv .mod40 .titulonivel4, .all.homeEmpresas .container .row_ver_orangetv .mod40 .titulonivel4 { float: left; margin-left: 5%; } .all.home .container .row_ver_orangetv .mod20:nth-child(2), .all.home .container .row_ver_orangetv .mod20:nth-child(3) , .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(2), .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(3) { width: 50%; height: 145px; padding: 10px 25px; } .all.home .container .row_ver_orangetv .mod20:nth-child(2) .titulonivel3, .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(2) .titulonivel3 { margin: 0; } .all.home .container .row_ver_orangetv .mod20:nth-child(3):after, .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(3):after { display: none; } .all.home .container .row_ver_orangetv .mod20 .mod100, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100 { width: 100%; text-align: center; } .all.home .container .row_ver_orangetv .mod20 .mod100.first, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100.first { width: 100%; } .all .container .row_fullwidthimg .mod100 .titulonivel2, .all .container .row_blog .mod100 { padding: 0 25px; } .all .container .row_fullwidthimg { margin-bottom: 50px; } .all .container .row_fullwidthimg .mod.last { width: 100%; margin: 0; padding: 15px 25px; background: #ccc; position: absolute; bottom: -70px; } .all .container .row_blog .mod50 .titulonivel3 { font-size: 1.5rem; line-height: 1.8rem; min-height: 60px; padding: 15px 25px; } /*********************/ /*CINE Y SERIES - 768*/ .all .container .row_device .mod100 { padding: 25px 25px 0; } .all .container .row_device .mod50 { width: 100%; padding: 0 25px 25px; } .all .container .row_device .mod50 h2 img { width: 60%; margin: 0 20%; } .all .container .row_device .mod50 h4, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 { font-size: 1.5rem; line-height: 2.5rem; } .all .container .row_device .mod50 h4 span, .all .container .row_device .mod50 h4 span.salto, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4 span, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4 span.salto, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 span, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 span.salto { display: block !important; margin-left: 25px; } .all .container .row_device .mod50 h4 span:before, .seccOrangetvcineyseries.all .container .row_promos_2 .mod50 h4 span:before, .seccAutonomosorangetvcineyseries.all .container .row_promos_2 .mod50 h4 span:before { top: 6px; left: -15px; } .all .container .row_listado_desplegable .mod100:first-child { padding: 0 25px; } .all .container .row_listado_desplegable .accordion .accordion-group { margin-bottom: 10px; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2 { font-size: 1.75rem; width: 85%; padding: 15px 5% 15px 10%; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2:before { top: 20px; left: 2.5%; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2:after { display: none; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related { display: none; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul { height: 60px; } .all .container .row_listado_desplegable .accordion .accordion-heading a .related ul li { height: 60px; } .all .container .row_listado_desplegable .accordion .accordion-body .pill img { padding: 10px 20px; height: 40px; margin: 8px 0; margin-right: 10px; } .all .container .row_listado_desplegable .accordion .accordion-body .pill h4 { float: none; height: auto; padding: 10px; font-size: 1.45rem; line-height: 1.75rem; position: relative; } .all .container .row_listado_desplegable .accordion .accordion-body .pill h4 span { display: block; } .all .container .row_descrip_listado h4.titulonivel4 { margin-left: 0; font-size: 1.6rem; } .all .container .row_carta .gr100 { padding: 0; } .all .container .row_carta .mod40 { width: 70%; height: auto; left: 15%; } .all .container .row_carta .mod40 img { width: 100% !important; height: auto; } .all .container .row_carta .mod60 { right: auto; left: 10%; padding-left: 5%; padding-top: 35px; padding-right: 5%; padding-bottom: 25px; width: 80%; height: auto; } .all .container .row_carta .mod60:before { display: none; } .all .container .row_carta .mod60 .titulonivel3 { font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 30px; } .all .container .row_ventajas .mod20 { width: 50%; min-height: auto; padding: 10px 10px 10px 25px; } .all .container .row_ventajas .mod20.first { width: 100%; min-height: auto; text-align: left; padding: 12px 25px; } .all .container .row_ventajas .mod20.first:before { display: none; } .all .container .row_ventajas .mod20.first .titulonivel2 .titulonivel3 { display: inline-block; font-size: 2rem; line-height: 2.75rem; } .all .container .row_ventajas .mod20 .titulonivel2 .titulonivel3 { font-size: 2rem; } .all .container .row_listado_desplegable .accordion .accordion-heading a { height:inherit; } /*********************/ /*FÚTBOL - 768*/ .all .container .row_descrip_imgs { padding: 0; margin: 0; } .all .container .row_descrip_imgs .mod33 { width: 100%; padding: 15px 25px; } .all .container .row_descrip_imgs .mod33.first, .all .container .row_descrip_imgs .mod33.last { height: 250px; overflow: hidden; } .all .container .row_descrip_imgs .mod33 img { width: 60%; margin: 0 20%; } .all .container .row_descrip_imgs .mod33.first img, .all .container .row_descrip_imgs .mod33.last img { height: 250px; object-fit: cover !important; } .all .container .row_descrip_imgs .mod33:before, .all .container .row_descrip_imgs .mod33.last:before { display: none; } .all .container .row_descrip_imgs .mod33 .titulonivel2, .all .container .row_descrip_imgs .mod33 .titulonivel2 .titulonivel3 { margin-bottom: 10px; font-size: 2rem; line-height: 2.25rem; } .all .container .row_descrip_imgs .mod33 .titulonivel3 { font-size: 1.75rem; line-height: 3rem; } .all .container .precio_nacional_1, .all .container .precio_nacional_2, .all .container .precio_nacional_3 { font-size: 1.5rem; line-height: 1.75rem; } .all .container .precio_nacional_2 .titulonivel2 { font-size: 3rem !important; line-height: 4rem !important; } .all .container .precio_nacional_2 .titulonivel3 { font-size: 2.25rem !important; line-height: 4rem !important; } .all .container .precio_nacional_3 .titulonivel4 { display: block; font-size: 1.5rem !important; } .all .container .precio_nacional_3 .titulonivel5 { font-size: 1.15rem !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas { padding: 10px 0 0; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod.mod100 .titulonivel2 { font-size: 2rem; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25 { width: 60%; margin: 8px 20%; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first { width: 100%; padding: 0 0 15px; margin: 0; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first img { width: auto; height: 90px; margin: 0 auto 15px; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first .titulonivel3 { margin-bottom: 8px; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first .titulonivel2, .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first:hover .titulonivel2 { color: #000 !important; } .all .container .row_destacados.row_cajas.row_descrip_destacados .precio_nacional_1 { display: inline-block; } .all .container .row_descrip_destacados.row_destacados.row_cajas .gr100.last { padding: 20px 5%; width: 90%; } .all .container .row_destacados.row_cajas .mod33 { width: 60%; float: left; clear: none; margin: 8px 20%; } .all.seccion.futbol .container .row_social .mod100.first { padding: 0 25px; } .all.seccion.futbol .container .row_social .mod50 { width: 100%; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { background-position: left top !important; text-align: right; padding-right: 100px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a .icon_arrow:before { right: 45px; left: auto; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li h4 { font-size: 16px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal span { margin-left: 10px; width: 30px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal p { font-size: 14px; } /*********************/ /*SERIES XTRA - 768*/ .all .container .row_mosaico .mod.mod50 { width: 100%; } .all .container .row_mosaico .mod.mod25 { width: 50%; } /*********************/ /*PAQUETES TEMÁTICOS - 768*/ .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 { background-color: transparent; } .all.seccCanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2, .all.seccAutonomoscanalestematicos .container .row.row_texto100 .mod.mod100 .titulonivel2 { color: #000 !important; } .all.seccCanalestematicos .container .row_destacados.row_cajas, .all.seccAutonomoscanalestematicos .container .row_destacados.row_cajas { width: 96%; } .all.seccCanalestematicos .container .row_descripcion_canal .titulonivel4 span.salto, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .titulonivel4 span.salto { display: block; } .all.seccCanalestematicos .container .row_descripcion_canal img, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal img { height: 125px; } /*********************/ /*LANDING TARIFAS TV - 768*/ /*Ya soy cliente*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first{ height:140px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h3.titulonivel2{ font-size:1.5em; line-height:25px; margin-bottom:15px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h4.titulonivel2{ font-size:1.2em; line-height:24px; } /*NO soy cliente*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h3.titulonivel2, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ margin-left:6px; line-height:24px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ font-weight:600; font-size:1.5rem; line-height:22px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { margin: 30%; } /*tarifas*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first h3.shape{ top:20px; left:20px; padding: 2.1rem; width: 1rem; height: 8rem; font-size: 12rem; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_principal .gr.gr100.last .mod.mod100.first span{ font-size:1.7rem; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100.last .mod.mod100 { margin-top: 30px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.invisible-tarifastv{ display:none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 330px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 360px !important; height: 76px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.visible-tarifastv { height: 240px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ top:-12px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ top:-2px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ top:-7px; left:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ top:-16px; left:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv{ max-height:245px !important; } /*********************/ /*end*/ /*MAX*/ /*768*/ } /*------------------------------------------------*/ /*MAX*//*599*/ /*LANDING TARIFAS TV - 599*/ @media only screen and (max-width: 599px){ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod.mod20.txt_inf_tv .related .lnkcnt{ width:99%; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { margin: 22%; } /*******************/ /*end*//*MAX*//*599*/ } /*------------------------------------------------*/ /*MAX*/ /*480*/ /*------------------------------------------------*/ @media only screen and (max-width: 480px) { .all .headerEsp .site-description p.shape { display: none; } .all .headerEsp .site-description h1 { font-size: 2.25rem; line-height: 3rem; } .all .headerEsp .site-description h3 { font-size: 1.5rem; line-height: 2rem; } /*********************/ /*DESPLEGABLE - 480*/ .all .headerEsp .botones-header .box_raw .row .mod { padding-right: 2.5%; } .all .headerEsp .botones-header .box_raw .row .mod img { margin-right: 8px; margin-left: 8px; } .all .headerEsp .botones-header .box_raw .row .mod h3 { line-height: 20px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; box-sizing: border-box; } .all .headerEsp .botones-header .box_raw .row .mod p { line-height: 16px; display: block; } /*********************/ /*MENÚ CARRUSEL - 480*/ .all .row.carrousel .owl-carousel.owl-drag { padding: 10px 10%; width: 80% !important; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod p.inicial { width: 10px; background-color: #eee; } .all .row.carrousel .owl-carousel.owl-drag .owl-item .item .mod img { display: none; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav { width: 80%; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-prev { left: -35px; z-index: 10000000; } .all .row.carrousel .owl-carousel.owl-drag .owl-nav .owl-next { right: -35px; z-index: 10000000; } /*********************/ /*DESTACADOS - 480*/ .all .container .row_destacados.row_cajas .mod20, .all .container .row_destacados.row_cajas .gr20, .all .container .row_destacados.row_cajas .mod25, .all .container .row_destacados.row_cajas .gr25, .all .container .row_destacados.row_cajas .mod33, .all .container .row_destacados.row_cajas .gr33 { width: 80%; margin: 8px 10%; } .all .container .row_destacados.row_cajas .mod20.last, .all .container .row_destacados.row_cajas .gr20.last { margin: 8px 10%; } .all .container .row_destacados.row_cajas .mod33:last-child { margin-left: 10%; } .all .container .row_destacados.row_cajas .mod .titulonivel2 { -webkit-transition: opacity 0.3s, transform 0.35s; -moz-transition: opacity 0.3s, transform 0.35s; -ms-transition: opacity 0.3s, transform 0.35s; -o-transition: opacity 0.3s, transform 0.35s; transition: opacity 0.3s, transform 0.35s; } /* .all .container .row_destacados.row_cajas .mod:hover .titulonivel2 { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .all .container .row_destacados.row_cajas .mod.first:hover .titulonivel2 { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } */ /*********************/ /*DESCRIPCIÓN CANAL - 480*/ .all .container .row_descripcion_canal .mod33 { width: 100%; padding: 0 5%; min-height: auto; } .all .container .row_descripcion_canal .mod50, .all .container .row_descripcion_canal .mod66 { width: 100%; padding: 20px 5%; min-height: auto; height: auto; } .all .container .row_descripcion_canal .mod33 img { height: 150px; width: auto; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.first img { width: 50%; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last { background: #fff; padding: 15px; min-height: 0; } .all.seccion.cazavision .container .row_descripcion_canal .mod50.last span.titulonivel5 { line-height: 20px; margin-bottom: 10px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33 { width: 100%; padding: 15px 25px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last { padding-left: 25px; } .all.seccion.seriesxtra .container .row_descripcion_canal .mod33.last:before { display: none; } .all.seccion.wuaki .container .row_descripcion_canal h4 span, .all.seccion.wuaki .container .row_descripcion_canal h4 span.salto, .all.seccOrangeseries .container .row_descripcion_canal h4 span, .all.seccOrangeseries .container .row_descripcion_canal h4 span.salto { margin-left: 25px; } /*********************/ /*CONTRATAR*/ .all .container .row_contratar .mod33:before { width: 15px; left: -15px; } /*********************/ /*MÓDULO CARTELES PELÍCULAS - SERIES - 480*/ .all .container .row_cajas.row_peliculas.una_fila { padding-top: 0; } .all .container .row_cajas.row_peliculas .mod.mod25 { margin: 10px 10%; width: 80%; } .all .container .row_cajas.row_peliculas .mod.mod100 { padding: 0; } .all .container .row_cajas.row_peliculas .mod.mod100 .titulonivel2 { padding: 15px 5%; width: 90%; } /*********************/ /*AYUDA - 480*/ .all .container .row_ayuda .mod33 { padding-bottom: 20px; } .all .container .row_ayuda .titulonivel4 { width: 80%; padding-left: 10%; min-height: 0; float: left; } .all .container .row_ayuda .titulonivel4:before { left: 5%; } .all .container .row_ayuda .titulonivel4:hover:before { left: 5%; } .all .container .row_ayuda .titulonivel4:last-child { padding: 20px 5px 10px; } /*********************/ /*HOME - 480*/ .all.home .container .row_produtos .mod33, .all.homeEmpresas .container .row_produtos .mod33 { width: 100%; padding: 15px 25px 25px; min-height: 0; } .all.home .container .row_produtos .mod33 .titulonivel2, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel2 { margin-bottom: 10px; min-height: 0; } .all.home .container .row_produtos .mod33 .titulonivel3, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel3 { margin-top: 30px; position: static; width: auto; margin-left: 0; display: block; } .all.home .container .row_produtos .mod33 .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33 .titulonivel4, .all.home .container .row_produtos .mod33.first .titulonivel4, .all.homeEmpresas .container .row_produtos .mod33.first .titulonivel4 { width: 100%; position: static; } .all.home .container .row_produtos .mod33 img, .all.homeEmpresas .container .row_produtos .mod33 img { position: static; text-align: center; width: 90px; margin-top: 10px; } .all.home .container .row_cliente_orangetv .gr100 > .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 > .mod25 { padding: 15px 25px; } .all.home .container .row_cliente_orangetv .gr100 .mod75, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 { padding: 10px 0; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25 { width: 46%; margin: 5px 0 5px 3%; padding: 10px; } .all.home .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child, .all.homeEmpresas .container .row_cliente_orangetv .gr100 .mod75 .mod25:first-child { margin-left: 3%; } .all.home .container .row_ventajas_big .gr100 .mod20, .all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 { width: 95%; margin: 10px 2.5% 0; min-height: auto; } .all.home .container .row_ventajas_big .gr100:nth-child(2) .mod20.first, .all.homeEmpresas .container .row_ventajas_big .gr100:nth-child(2) .mod20.first { margin: 10px 2.5% 0; } .all.home .container .row_ventajas_big .gr100:last-child .mod20:last-child, .all.homeEmpresas .container .row_ventajas_big .gr100:last-child .mod20:last-child { margin-bottom: 10px; } .all.home .container .row_ver_orangetv .mod20:nth-child(2), .all.home .container .row_ver_orangetv .mod20:nth-child(3), .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(2), .all.homeEmpresas .container .row_ver_orangetv .mod20:nth-child(3) { height: auto; width: 100%; } .all.home .container .row_ver_orangetv .mod20 .mod100, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100 { width: 100%; } .all.home .container .row_ver_orangetv .mod20 .mod100 img, .all.homeEmpresas .container .row_ver_orangetv .mod20 .mod100 img { height: 45px; width: auto; margin: 0 0 10px; } .all.home .container .row_ver_orangetv .mod40.first .titulonivel3, .all.homeEmpresas .container .row_ver_orangetv .mod40.first .titulonivel3 { width: 70%; float: right; line-height: 2.5rem; } .all.home .container .row_ver_orangetv .mod40 img, .all.homeEmpresas .container .row_ver_orangetv .mod40 img { width: 20%; height: auto; float: right; margin-bottom: 5px; margin-right: 8%; } .all.home .container .row_ver_orangetv .mod40.first .titulonivel4, .all.homeEmpresas .container .row_ver_orangetv .mod40.first .titulonivel4 { float: left; margin-left: 0; width: 100%; } .all .container .row_canales_premium .mod100 .gr50 .mod50 { width: 100%; } .all .container .row_canales_premium .mod100 .gr20, .all .container .row_canales_premium .mod100 .gr25 { width: 100%; } .all .container .row_canales_premium .mod100 .gr20:nth-child(5) .mod100.last {margin-left: 0%;} .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .inicial img, .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .final img, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .inicial img, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .final img, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .inicial img, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .final img, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .inicial img, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .final img { height: 50px; margin-bottom: 0; } .all .container .row_canales_premium .mod100 .gr20 .mod100 img, .all .container .row_canales_premium .mod100 .gr25 .mod100 img { height: 150px; } .all .container .row_canales_premium .mod100 .gr20 .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr20 .mod100.first.imagen:before, .all .container .row_canales_premium .mod100 .gr20:hover .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr20:hover .mod100.first.imagen:before, .all .container .row_canales_premium .mod100 .gr25 .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr25 .mod100.first.imagen:before, .all .container .row_canales_premium .mod100 .gr25:hover .mod100.last.imagen:before, .all .container .row_canales_premium .mod100 .gr25:hover .mod100.first.imagen:before { border-top: 75px solid transparent; border-bottom: 75px solid transparent; margin-top: -75px; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.inicial, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.inicial { width: 40%; } .all .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3 { width: 45%; } .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 h3.titulonivel3, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 h3.titulonivel3 { margin: 0; display: block; } .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel3, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel3, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel3, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel3 { font-size: 3.5rem; line-height: 3.5rem; } .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel4, .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel5, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel4, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel5, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel4, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .titulonivel3 .titulonivel5, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel4, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .titulonivel3 .titulonivel5 { font-size: 1.6rem; line-height: 1.8rem; text-align: center; } .all.homeEmpresas .container .row_canales_premium .mod100 .gr20 .mod100 .inicial + .titulonivel3 .titulonivel4, .all.homeEmpresas .container .row_canales_premium .mod100 .gr25 .mod100 .inicial + .titulonivel3 .titulonivel4, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr20 .mod100 .inicial + .titulonivel3 .titulonivel4, .all.seccAutonomosorangetvcineyseries .container .row_canales_premium .mod100 .gr25 .mod100 .inicial + .titulonivel3 .titulonivel4 { font-size: 2rem; line-height: 2.25rem; margin-top: 10px; } .all .container .row_fullwidthimg { margin-bottom: 0; } .all .container .row_fullwidthimg .mod.last { padding: 15px; position: static; } .all .container .row_fullwidthimg .mod h4 span { font-size: 1.5rem; line-height: 1.75rem; } .all .container .row_blog { padding-top: 0; } .all .container .row_blog .mod50 { width: 100%; } /*********************/ /*CINE Y SERIES - 480*/ .all .container .row_carta .mod40 { width: 80%; left: 10%; } .all .container .row_carta .mod60 { left: 5%; width: 90%; } .all .container .row_device .mod50 h2 img { width: 90%; margin: 0 5%; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2 { font-size: 1.75rem; width: 80%; padding: 10px 5% 10px 15%; } .all .container .row_listado_desplegable .accordion .accordion-heading a .titulonivel2:before { top: 17.5px; left: 5%; width: 20px; height: 20px; background-size: 20px 20px; } .all .container .row_listado_desplegable .accordion .accordion-body .pill h4 { line-height: 1.65rem; font-size: 1.25rem; padding: 5px; } .all .container .row_descrip_listado .mod100 { padding: 0 25px; } .all .container .row_descrip_listado .related img { margin-bottom: 10px; } .all .container .row_carta .gr100 { padding: 0; } .all .container .row_carta .mod60 .titulonivel3 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 30px; } .all .container .row_carta .mod60 .titulonivel3:last-child { margin-bottom: 0; } .all .container .row_ventajas .mod20 { width: 100%; text-align: left; padding: 10px 15px 0; } .all .container .row_ventajas .mod20:last-child { padding: 10px 15px; } .all .container .row_ventajas .mod20.first .titulonivel2 .titulonivel3 { font-size: 2.25rem; } /*********************/ /*FÚTBOL - 480*/ .all .container .row_descrip_imgs .mod33.first, .all .container .row_descrip_imgs .mod33.last { height: 200px; } .all .container .row_descrip_imgs .mod33.first img, .all .container .row_descrip_imgs .mod33.last img { height: 200px; object-fit: cover !important; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25.first { margin: 5px 2%; width: 96%; padding: 0; } .all .container .row_descrip_destacados.row_destacados.row_cajas .mod25 { width: 80%; margin: 8px 10%; } .all .container .row_descrip_imgs .mod33 .titulonivel3 { line-height: 2.25rem; margin-bottom: 15px; } .all .container .row_descrip_imgs .mod33 img { width: 90%; margin: 0 5%; } .all .container .precio_nacional_2 .titulonivel2 { display: inline-block; } .all.seccion.futbol .container .row_social .mod100.first { padding: 0 15px; } .all.seccion.futbol .container .row_social .mod100.first .titulonivel2 { font-size: 19px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading { min-height: 65px; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a { font-size: 1.75rem; padding: 15px; background-position: -20% top !important; padding-right: 40px; padding-left: 20px !important; } .all.seccion.futbol .container .row_social .mod.mod50 .accordion-group .accordion-heading a .icon_arrow:before { right: 10px; top: 22.5px; width: 20px; height: 20px; background-size: 20px 20px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos .fecha h3 { width: 70%; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li h4 { line-height: 25px; padding-top: 7px; padding-left: 5%; font-size: 1.7rem; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal { position: relative; width: 65%; right: auto; display: inline-block; left: 0; padding: 0 5%; height: 25px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal:before { display: none; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal p { line-height: 25px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .canal span { font-size: 11px; line-height: 22px; width: 25px; height: 20px; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .hora { position: relative; width: 23%; right: auto; display: inline-block; left: 0; height: 22px; line-height: 23px; font-size: 15px; border-bottom: 3px solid #ddd; } .all.seccion.futbol .container .row_social .accordion .desplegable-partidos ul li .hora:before { width: 10px; left: -10px; } /*********************/ /*PAQUETES TEMÁTICOS - 480*/ .all.seccCanalestematicos .container .row_descripcion_canal .titulonivel4, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .titulonivel4 { font-size: 1.5rem; line-height: 1.8rem; } .all.seccCanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2, .all.seccAutonomoscanalestematicos .container .row_descripcion_canal .mod.last .titulonivel2 { margin-top: 15px; } /*********************/ /*LANDING TARIFAS TV - 480*/ /*No soy cliente*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first{ margin-bottom:0; padding-bottom: 0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ font-weight:600; font-size:1.5rem; line-height:22px; } /*****/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 200px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 230px !important; height: 76px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:before{ bottom: -34px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:after{ bottom: -31px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100.off_border:before, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100.off_border:after{ display:none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv{ min-height:70px !important; height:80px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ top:-12px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ top:-2px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ top:-7px; left:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ top:-16px; left:0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { margin: 20%; top:-75px !important; } /*******************/ /*end*/ /*MAX*/ /*480*/ } /*------------------------------------------------*/ /*MAX*//*375*/ /*LANDING TARIFAS TV - 375*/ @media only screen and (max-width: 375px){ /*Ya soy cliente*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first{ height:160px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h3.titulonivel2{ font-size:1.5em; line-height:25px; margin-bottom:15px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100 .row.row1 .mod.mod75.first h4.titulonivel2{ font-size:1.2em; line-height:24px; } /****/ /*No soy cliente*/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first{ margin-bottom:0; padding-bottom: 0; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row .gr.gr100.last .mod.mod100.first h4.titulonivel4{ font-weight:600; font-size:1.5rem; line-height:22px; } /*****/ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 150px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 190px !important; height: 76px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:before{ bottom: -34px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:after{ bottom: -31px; left: 70px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100.off_border:before, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100.off_border:after{ display:none; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv { height:240px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_5 .mod.mod20.txt_inf_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_13 .mod.mod20.txt_inf_tv{ height:280px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv { max-height: 265px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { margin: 10%; margin-top:20px; top:-70px !important; } /*******************/ /*end*//*MAX*//*375*/ } /*------------------------------------------------*/ /*MAX*//*320*/ /*LANDING TARIFAS TV - 320*/ @media only screen and (max-width: 320px){ .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 120px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 90px !important; height: 156px !important; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:before{ bottom: -34px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100:after{ bottom: -31px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv { height:355px !important; margin-bottom:20px; } .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_5 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_6 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_7 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_8 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_9 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_13 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar, .all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_15 .mod.mod20.txt_inf_tv h4.titulonivel1 span.but_naranja.but_ajustable.btn_comprar { top:-50px !important; } /*******************/ /*end*//*MAX*//*320*/ } /*------------------------------------------------*/ /*********** CAMBIOS PREVIEW VIDEO HOME ***********/ /*RESET*/ .all .headerEsp { background-color: #000; position: static; } /*NUEVOS*/ .all .container .titulonivel1 { font-size: 2.8rem; line-height: 3.2rem; font-weight: bold; } .all .container .titulonivel2 { font-size: 2.5rem; line-height: 3rem; font-weight: bold; } .all .container .titulonivel3 { font-size: 2rem; line-height: 2.5rem; font-weight: bold; } .all .container .row.row_texto100 { position: relative; } .all .container .row.row_texto100 .gr100.last { background: #eee; } .all .container .row.row_texto100 .mod.mod50, .all.home .container .row.row_texto100 .mod.mod100 { padding: 0; } .all .container .row.row_texto100 .mod50.video-destacado { background: #eee; text-align: left; height: 100%; padding: 30px; /*position: absolute;*/ top: 0; right: 0; box-sizing: border-box; margin-top: 8%; } .all .container .row.row_texto100 .mod50.video-destacado p { font-size: 1.5rem; line-height: 2rem; margin: 30px 0; } /*MAX*/ /*1024*/ /*------------------------------------------------*/ @media only screen and (max-width: 1024px) { /** MOD VIDEO 100X100**/ .all .container .row.row_texto100 .mod50.video-destacado { margin-top:5%;} /*end*/ /*MAX*/ /*1024*/ } /*MAX*/ /*768*/ /*------------------------------------------------*/ @media only screen and (max-width: 768px) { /** MOD VIDEO 100X100**/ .all .container .row.row_texto100 .mod.mod50 { width: 100%;} .all .container .row.row_texto100 .mod50.video-destacado { margin-top:0;} /*end*/ /*MAX*/ /*768*/ } /*********************/ /*PREVIEW*/ /*Nuevo módulo Ventajas 2 filas*/ .preview.all.home .container .row_ventajas_big .gr100 .mod20, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 { display: table; position: relative; height: 140px; padding: 10px 10px; } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 span { display: block; font-size: 2rem; line-height: 3rem; font-weight: 700; color: #fff; text-align: center; } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .titulonivel3 img { height: 75px; margin-top: 10px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .preview.all.home .container .row_ventajas_big .gr100 .mod20:first-child, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child { background-color: transparent; } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .content_hover, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover { opacity: 0; position: absolute; right: 0; left: 0; -webkit-transform: translate3d(0,25%,0); transform: translate3d(0,25%,0); -webkit-transition: opacity 0.5s, -webkit-transform 0.35s; transition: opacity 0.5s, transform 0.35s; padding: 45px 20px 0; height: 100%; box-sizing: border-box; } .preview.all.home .container .row_ventajas_big .gr100 .mod20:hover .content_hover, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:hover .content_hover { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .content_hover p, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover p { font-size: 1.25rem; line-height: 1.75rem; text-align: left; } .preview.all.home .container .row_ventajas_big .gr100 .mod20:first-child img, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child img { display: inline-block; } .preview.all.home .container .row_ventajas_big .negro, .preview.all.homeEmpresas .container .row_ventajas_big .negro { color: #fff !important; font-weight: bold; } @media only screen and (max-width: 768px) { .preview.all.home .container .row_ventajas_big, .preview.all.homeEmpresas .container .row_ventajas_big { background: none; padding-top: 0px; } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .content_hover, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20 .content_hover { opacity: 1; position: static; display: inline-block; right: auto; left: auto; top: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.5s, -webkit-transform 0.35s; transition: opacity 0.5s, transform 0.35s; padding: 0; width: 100%; } .preview.all.home .container .row_ventajas_big .gr100 .mod20:first-child, .preview.all.homeEmpresas .container .row_ventajas_big .gr100 .mod20:first-child { padding: 0px; } } .preview.all.seccion.wuaki .container .row_contratar .mod33 .precio_nacional_3 .titulonivel4 { font-size: 1.25rem; } /********** CARRUSEL CARACTERÍSTICAS ************/ /*.preview.all.home .container .row_ventajas_big .gr100.last { height: 240px; } .preview.all.home .container .row_ventajas_big .gr100.last:before { content: ''; position: absolute; top: 90px; left: 0; width: 100%; height: 150px; margin: 0 auto; background-color: #4bb4e6; mix-blend-mode: multiply; } */ .preview.all.home .container .row.row_ventajas_big .owl-carousel.owl-loaded { width: 90%; margin: 0 5%; height: 150px; position:relative; bottom:0; top: 90px; padding-bottom: 30px; } .preview.all.home .container .row.row_ventajas_big .owl-carousel .owl-stage-outer { z-index: 1000; } .preview.all.home .container .row.row_ventajas_big .owl-carousel .owl-stage-outer .owl-stage { position: relative; height: 150px; } .preview.all.home .container .row.row_ventajas_big .owl-nav { z-index: 999; position: absolute; top: 45px; width: 111.11%; margin-left: -5.55%; } .preview.all.home .container .row.row_ventajas_big .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-prev { float: left; position: relative; left: 25px; top: 0; width: 30px; height: 40px; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-prev span { content:url(/static/img/orangetv/chevron-prev-blanco.png); position: relative; left: 0; top: 0; width: 40px; height: 40px; opacity: .9; font-size: 80px; color: #fff; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-prev span:hover { background: transparent; opacity: 1; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-next { float: right; position: absolute; right: 25px; top: 0px; width: 30px; height: 40px; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-next span:hover { background-color:transparent; opacity: 1; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-next span { content:url(/static/img/orangetv/chevron-next-blanco.png); position: absolute; right: 0; top: 0; width: 40px; height: 40px; opacity: .9; font-size: 80px; color: #fff; } .preview.all.home .container .row.row_ventajas_big .owl-stage-outer .owl-item { padding-left: 0; height: 105px; margin-bottom: 0; padding-bottom: 0; } .preview.all.home .container .row.row_ventajas_big .owl-stage-outer .owl-stage:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50px; mix-blend-mode: multiply; } .preview.all.home .container .row_ventajas_big .owl-stage-outer .owl-stage .owl-item .item .titulonivel3{ padding-top: 20px; } .preview.all.home .container .row_ventajas_big .owl-stage-outer .owl-stage .owl-item .item .titulonivel3 img { width: 60px; margin: 20px auto 0; } .preview.all.home .container .row_ventajas_big .gr100 .content_hover { opacity: 0; position: absolute; right: 0; left: 7px; top: 25px; -webkit-transform: translate3d(0,25%,0); transform: translate3d(0,25%,0); -webkit-transition: opacity 0.5s, -webkit-transform 0.35s; transition: opacity 0.5s, transform 0.35s; padding: 35px 20px 0; height: 196px; width:auto; box-sizing: border-box; } .preview.all.home .container .row_ventajas_big .gr100 .item { height: 140px; margin:0 auto; padding:0; } .preview.all.home .row_ventajas_big .gr100 .item h3 { width:100%; height:100%; margin:0 auto; } .preview.all.home .container .row_ventajas_big .gr100 .owl-item .item:hover .content_hover { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .preview.all.home .container .row_ventajas_big .gr100 .item:hover { background-color: rgba(0, 0, 0, 0.5); cursor: default; width:auto; height: 170px; } .preview.all.home .container .row_ventajas_big .gr100 .item:hover img{ display:none; } .preview.all.home .container .row_ventajas_big .gr100 .item .content_hover p { font-size: 1.25rem; line-height: 1.75rem; text-align: left; } .preview.all.home .container .row_ventajas_big .gr100 .item .content_hover .related { overflow: visible; height: 40px; position: absolute; bottom: 10px; left: 0; } .preview.all.home .container .row_ventajas_big .gr100 .item .content_hover .related a { text-decoration: none; } .preview.all.home .container .row_ventajas_big .gr100 .item .content_hover .related a .texto_informativo { padding: 7px 10px; border: 2px solid #fff; color: #fff; font-weight: 700; font-size: 1.5rem; transition: background 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s; } .preview.all.home .container .row_ventajas_big .gr100 .mod20 .content_hover .related a .texto_informativo:hover { color: #fff; background: #ff7900; border-color: #ff7900; } /*================================================*/ /*===================== RD =======================*/ @media screen and (max-width:768px) { .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-prev { left: -5px; } .preview.all.home .container .row.row_ventajas_big .owl-nav .owl-next { right: -5px; } } @media screen and (max-width: 480px) { .preview.all.home .container .row_ventajas_big { margin-bottom: 40px; } .preview.all.home .container .row_ventajas_big .gr100.last:before { height: 250px; top: 0; } .preview.all.home .container .row.row_ventajas_big .owl-carousel.owl-loaded { height: 250px; top: 0; padding-bottom: 60px; } .preview.all.home .container .row.row_ventajas_big .owl-carousel .owl-stage-outer .owl-stage { height: 250px; } .preview.all.home .container .row_ventajas_big .gr100 .item, .preview.all.home .container .row_ventajas_big .gr100 .item:hover { height: 250px; } .preview.all.home .container .row_ventajas_big .owl-stage-outer .owl-stage .owl-item .item .titulonivel3 { box-sizing: border-box; padding: 20px 10px 0; font-size: 1.8rem; } .preview.all.home .container .row_ventajas_big .owl-stage-outer .owl-stage .owl-item .item .titulonivel3 img { margin: 50px auto 0; width: 75px; } .preview.all.home .container .row_ventajas_big .gr100 .content_hover { top: 40px; padding: 35px 5px 0; } .preview.all.home .container .row.row_ventajas_big .owl-carousel:after { position: absolute; content: ''; background: url(/static/img/orangetv/ico_carrousel.png) no-repeat; background-size: 45px 45px; width: 45px; height: 45px; bottom: 0; left: 50%; margin-left: -22.5px; opacity: 0.5; } .preview.all.home .container .row.row_ventajas_big .owl-carousel .owl-nav { display: none; } } /*===========================================*/ /*pruebas tarifas TV*/ .preview.all.seccTarifaslandingtvpruebas .row .gr100 .row_desplegable_tarifa_tv1 { display: none; } .preview.all.seccTarifaslandingtvpruebas .row .gr100 .row_desplegable_tarifa_tv2 { display: none; } .preview.all.seccTarifaslandingtvpruebas .row .gr100 .row_desplegable_tarifa_tv3 { display: none; } /**********************/ /*PREVIEW LANDING TARIFAS TV*/ /*=========== RD ===========*/ @media screen and (max-width: 1024px) { .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 img{ width:100%; max-width:100%; max-height: 100% !important; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 440px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 480px !important; height: 76px !important; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 a:before{ background-image: url('/static/img/orangetv/chevron-down-white.png'); background-size: 90%; background-repeat:no-repeat; background-position: center; display: block; position:absolute; right:25px; top:25px; width: 25px; height: 25px; content:""; padding:5px; border: 2px solid #fff; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.selected_tarifastv .mod.mod100 a:before{ background-image: url('/static/img/orangetv/chevron-up-white.png'); background-size: 90%; background-repeat:no-repeat; background-position: center; display: block; position:absolute; right:25px; top:25px; width: 25px; height: 25px; content:""; padding:5px; border: 2px solid #fff; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod20.txt_sup_tv h4.titulonivel1.desplegable:last-child { float: right; clear: none; margin-right: 20px; margin-top: 15px; text-indent:-3000px; cursor:pointer; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv.seleccionado .mod20.txt_sup_tv h4.titulonivel1.desplegable span.but_blanco.ver_detalles:before { background-image: url('/static/img/orangetv/chevron-up.png'); background-size: 100%; background-repeat:no-repeat; display: block; position:absolute; right:0; width: 30px; height: 30px; content:""; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod20.txt_sup_tv h4.titulonivel1.desplegable span.but_blanco.ver_detalles:before { background-image: url('/static/img/orangetv/chevron-down.png'); background-size: 100%; background-repeat:no-repeat; display: block; position:absolute; right:0; width: 30px; height: 30px; content:""; } /*END*//*MAX*//*1024*/ } /*******************/ @media screen and (max-width: 768px) { /*LANDING TARIFAS TV - 480*/ .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_contratar .gr.gr100.last .mod.mod100 { margin-top: 30px; } .preview.preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.invisible-tarifastv{ display:none; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 330px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 360px !important; height: 76px !important; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv.visible-tarifastv { height: 240px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h2.titulonivel1 .pvp{ top:-12px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .negro.negrita{ top:-2px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h4.titulonivel1 .pvp_promo{ top:-7px; left:0; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv h3.titulonivel1 .pvp_despues{ top:-16px; left:0; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .mod20.txt_sup_tv{ max-height:245px !important; } /*END*//*MAX*//*768*/ } /*******************/ @media screen and (max-width: 480px) { /*LANDING TARIFAS TV - 480*/ .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 200px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 230px !important; height: 76px !important; } /*END*//*MAX*//*480*/ } /*******************/ @media screen and (max-width: 375px) { /*LANDING TARIFAS TV - 375*/ .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33.off_tarifastv { height: 150px; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr33 .mod.mod100 { min-height: 190px !important; height: 76px !important; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv .mod.mod20.txt_inf_tv { height:240px !important; } .preview.all.seccTarifasorangetv.seccion.TVtarifas .content_tvorange .row.row_tarifa_tv .gr.gr100 .desplegables_tarifas_tv#desp_tv_10 .mod.mod20.txt_inf_tv{ height:280px !important; } /*END*//*MAX*//*375*/ } /*******************/