/*----------------------------------- 1. INTRO TOP GENERICOS -----------------------------------*/ /* Control Parental */ .intro-top-gen .header-back.flow-top { background: url("../img/top/top-flow2.png") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus.png") ; background-size: cover !important;*/ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.flow-top { background: url("../img/top/top-flow-m2.png") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus-m.png") ; background-size: cover !important;*/ } } /* Control Parental */ .intro-top-gen .header-back.control-parental-top { background: url("../img/top/top-control-parental.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus.png") ; background-size: cover !important;*/ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.control-parental-top { background: url("../img/top/top-control-parental-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus-m.png") ; background-size: cover !important;*/ } } /* Control Parental */ .intro-top-gen .header-back.disney-plus-top { background: url("../img/top/top-disney-plus.png") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus.png") ; background-size: cover !important;*/ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.disney-plus-top { background: url("../img/top/top-disney-plus-m.png") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ /* background: url("../img/top/top-disney-plus-m.png") ; background-size: cover !important;*/ } } /* STARPLUS */ .intro-top-gen .header-back.star-plus-top { background: url("../img/top/top-star-plus.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.star-plus-top { background: url("../img/top/top-star-plus-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* SERVICIOS */ .intro-top-gen .header-back.servicios-top { background: url(../img/top/top-servicios.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.servicios-top { background: url(../img/top/top-servicios-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* INSTITUCIONAL */ .intro-top-gen .header-back.servicios-top { background: url(../img/top/top-insittucional.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.servicios-top { background: url(../img/top/top-insittucional-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* PLANES */ .intro-top-gen .header-back.planes-prepa-top { background: url(../img/top/top-planes-prepa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.planes-pospa-top { background: url(../img/top/top-planes-pospa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.planes-prepa-top { background: url(../img/top/top-planes-prepa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.planes-pospa-top { background: url(../img/top/top-planes-pospa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* ATENCION */ .intro-top-gen .header-back.atencion-top { background: url(../img/top/top-planes-pospa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.atencion-top { background: url(../img/top/top-planes-pospa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* RSE */ .intro-top-gen .header-back.rse-top { background: url(../img/top/top-rse.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.rse-top { background: url(../img/top/top-rse-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* CLEINTE + */ .intro-top-gen .header-back.cliente-mas-top { background: url(../img/top/top-cliente-mas.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.cliente-mas-top { background: url(../img/top/top-cliente-mas-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* PACKS */ .intro-top-gen .header-back.packs-top { background: url(../img/top/top-packs.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.packs-flowpass-top { background: url(../img/top/top-packs-flowpass.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.packs-top { background: url(../img/top/top-packs-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.packs-flowpass-top { background: url(../img/top/top-packs-flowpass-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* BILLETERA */ .intro-top-gen .header-back.billetera-top { background: url(../img/top/top-billetera.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.billetera-top-beneficios { background: url(../img/top/top-billetera-beneficios.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.billetera-top-activa { background: url(../img/top/top-billetera-activa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.billetera-top { background: url(../img/top/top-billetera-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.billetera-top-beneficios { background: url(../img/top/top-billetera-beneficios-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.billetera-top-activa { background: url(../img/top/top-billetera-activa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* PORTABILIAD */ .intro-top-gen .header-back.portabilidad-top { background: url(../img/top/top-portabilidad.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-prepa-top { background: url(../img/top/top-portabilidad-prepa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-pospa-top { background: url(../img/top/top-portabilidad-pospa.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-pospa-top-two { background: url(../img/top/top-portate-pospago-big.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-prepa-top-two { background: url(../img/top/top-portate-prepago-big.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.portabilidad-top { background: url(../img/top/top-portabilidad-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-prepa-top { background: url(../img/top/top-portabilidad-prepa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-pospa-top { background: url(../img/top/top-portabilidad-pospa-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-pospa-top-two { background: url(../img/top/top-portate-pospago-big-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.portabilidad-prepa-top-two { background: url(../img/top/top-portate-prepago-big-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* EQUIPOS */ .intro-top-gen .header-back.equipos-top { background: url(../img/top/top-equipos.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.equipos-home { background: url(../img/top/banner-galaxy-para-siempre.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } /* ROAMING */ .intro-top-gen .header-back.roaming-top { background: url(../img/top/top-roaming.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.roaming-volte-top-two { background: url(../img/top/top-roaming-volte.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.roaming-top { background: url(../img/top/top-roaming-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.roaming-volte-top-two { background: url(../img/top/top-roaming-volte-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* CLUB */ .intro-top-gen .header-back.club-top { background: url(../img/top/top-club.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.club-top { background: url(../img/top/top-club-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* EMPRESAS */ .intro-top-gen .header-back.empresas-top { background: url(../img/top/top-empresas-nube.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-comunicacion { background: url(../img/top/top-empresas-comunicacion.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-conectividad { background: url("../img/top/top-empresas-conectividad.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-soluciones { background: url("../img/top/top-empresas-soluciones.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-nube { background: url("../img/top/top-empresas-nube.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-m2m { background: url("../img/top/top-empresas-m2m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-seguridad { background: url("../img/top/top-empresas-seguridad.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.empresas-top { background: url(../img/top/top-empresas-nube-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-comunicacion { background: url(../img/top/top-empresas-comunicacion-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-conectividad { background: url("../img/top/top-empresas-conectividad-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-soluciones { background: url("../img/top/top-empresas-soluciones-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-nube { background: url("../img/top/top-empresas-nube-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-m2m { background: url("../img/top/top-empresas-m2m-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.empresas-top-seguridad { background: url("../img/top/top-empresas-seguridad-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* HOGAR */ .intro-top-gen .header-back.hogar-top { background: url(../img/top/top-hogar.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-fibra-top { background: url(../img/top/top-hogar-fibra.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-tv-top { background: url(../img/top/top-hogar-tv.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-fibra—milmegas-top { background: url(../img/top/top-hogar-fibra-milmegas.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } @media only screen and (max-width:768px) { .intro-top-gen .header-back.hogar-top { background: url(../img/top/top-hogar-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-fibra-top { background: url(../img/top/top-hogar-fibra-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-tv-top { background: url(../img/top/top-hogar-tv-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } .intro-top-gen .header-back.hogar-fibra—milmegas-top { background: url(../img/top/top-hogar-fibra-milmegas-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ background-position: center; } } /* COMBOS */ .intro-top-gen .header-back.combos-top { background: url(../img/top/top-combos.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-top-int { background: url(../img/top/top-combos-int.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-hogar-top-int { background: url(../img/top/top-combos-hogar.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-telefonia-top-int { background: url(../img/top/top-combos-telefonia.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-flow-top-int { background: url(../img/top/combos-flow-top.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-flow—tv-top-int { background: url(../img/top/combos-flow-tv-top.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.combos-top { background: url(../img/top/top-combos-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-top-int { background: url(../img/top/top-combos-int-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-hogar-top-int { background: url(../img/top/top-combos-hogar-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-telefonia-top-int { background: url(../img/top/top-combos-telefonia-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-flow-top-int { background: url(../img/top/combos-flow-top-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } .intro-top-gen .header-back.combos-flow—tv-top-int { background: url(../img/top/combos-flow-tv-top-m.jpg) 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* RES */ .intro-top-gen .header-back.rse-top { background: url("../img/top/top-rse.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.rse-top { background: url("../img/top/top-rse-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* APPS BILLETERA */ .intro-top-gen .header-back.apps—billetera-top { background: url("../img/top/top-apps-billetera.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.apps—billetera-top { background: url("../img/top/top-apps-billetera-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* APPS CLUB */ .intro-top-gen .header-back.apps—club-top { background: url("../img/top/top-apps-club.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.apps—club-top { background: url("../img/top/top-apps-club-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* APPS TIENDA */ .intro-top-gen .header-back.apps—tienda-top { background: url("../img/top/top-apps-tienda.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.apps—tienda-top { background: url("../img/top/top-apps-tienda-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /* DISNEY PLUS */ .intro-top-gen .header-back.disneyplus-top { background: url("../img/top/top-disneyplus.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } @media only screen and (max-width:768px) { .intro-top-gen .header-back.disneyplus-top { background: url("../img/top/top-disneyplus-m.jpg") 100% no-repeat ; /*aca podemos cambiar la imagen de fondo por seccion */ } } /*----------------------------------- 1. TOP TITULAR SMALL -----------------------------------*/ .intro-top-gen { /* background-color: red;*/ /*height: 220px;*/ /* height: 640px;*/ height: 460px; /* height: 520px;*/ display: block; /* margin-bottom: 100px;*/ } .intro-top-gen .header-back { /* height: 220px;*/ /* height: 640px;*/ height: 460px; /* height: 520px;*/ background-repeat: no-repeat; background-color: #05496b; background-size: cover !important; background-position: center top; /* padding-top: 50px;*/ } /*----------------------------------- 1. TOP TITULAR -----------------------------------*/ .intro-top-gen .header-back .headline{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 100px; position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline h1{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 4.5em; /* font-size: 8.5vw;*/ text-transform: none; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline h2{ color: #fff; font-size: 2.0em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline-dos{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 60px; position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline-dos h1{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 1em; /* font-size: 8.5vw;*/ text-transform: uppercase; letter-spacing: 3px; margin: 0; padding: 0; } .intro-top-gen .header-back .headline-dos h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 2.5em; /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; width: 70%; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; } .intro-top-gen .header-back .headline-dos p{ color: #fff; font-size: 1.1em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline-dos h4{ color: #fff; font-family: PulsoRegular; font-size: 4.5em; /* line-height: normal;*/ text-transform: none; /* text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.6);*/ /*background: #F7971E; /* fallback for old browsers *!/ background: -webkit-linear-gradient(to right, #FFD200, #F7971E); /* Chrome 10-25, Safari 5.1-6 *!/ background: linear-gradient(to right, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!/ -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .intro-top-gen .header-back .headline-dos h5{ color: #fff; font-family: PulsoLight; font-size: 2em; text-transform: none; top: -5px; position: relative; } .intro-top-gen .header-back .headline-tres{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 180px; /* top: 220px;*/ position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline-tres h1{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 1em; /* font-size: 8.5vw;*/ text-transform: uppercase; letter-spacing: 3px; margin: 0; padding: 0; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29); } .intro-top-gen .header-back .headline-tres h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 3.7em; /* font-size: 2.5em;*/ /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; /*width: 70%;*/ width: 100%; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.29); } .intro-top-gen .header-back .headline-tres h2 span{ font-family: PulsoRegular; } .intro-top-gen .header-back .headline-tres p{ color: #fff; font-size: 1.1em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ margin-block-end: 20px; } .intro-top-gen .header-back .headline-tres h4{ color: #fff; font-family: PulsoRegular; font-size: 3.3em; /* line-height: normal;*/ text-transform: none; /* text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.6);*/ /*background: #F7971E; /* fallback for old browsers *!/ background: -webkit-linear-gradient(to right, #FFD200, #F7971E); /* Chrome 10-25, Safari 5.1-6 *!/ background: linear-gradient(to right, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!/ -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .intro-top-gen .header-back .headline-tres h4 small{ font-size: 25px; font-weight: 400; line-height: .5; color: #fff; font-family: PulsoLight; } .intro-top-gen .header-back .headline-tres h4 small span{ font-family: PulsoRegular; } .intro-top-gen .header-back .headline-tres h5{ /*color: #fff; font-family: PulsoLight; font-size: 3em; text-transform: none; top: -5px; position: relative;*/ color: #fff; font-family: PulsoLight; font-size: 2em; text-transform: none; margin-block-end: 40px; } .intro-top-gen .header-back .headline-tres h6{ color: #fff; font-family: PulsoLight; font-size: 1.5em; text-transform: none; /*margin-block-end: 40px;*/ } .intro-top-gen .header-back .headline-tres h6 span{ font-family: PulsoRegular; } .intro-top-gen .header-back .headline-tres h6 .small{ font-size: 14px; color: #fff!important; } .intro-top-gen .header-back .headline-cuatro{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top:180px; /* top: 220px;*/ position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline-cuatro h1{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 1em; /* font-size: 8.5vw;*/ text-transform: uppercase; letter-spacing: 3px; margin: 0; padding: 0; } .intro-top-gen .header-back .headline-cuatro h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 4em; /* font-size: 2.5em;*/ /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; /*width: 70%;*/ width: 100%; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; } .intro-top-gen .header-back .headline-cuatro h2 span{ font-family: PulsoRegular; } .intro-top-gen .header-back .headline-cuatro h4{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 1em!important; /* font-size: 2.5em;*/ /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; /*width: 70%;*/ width: 100%; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; } .intro-top-gen .header-back .headline-cuatro p{ color: #fff; font-size: 1.1em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline-cuatro h4{ color: #fff; font-family: PulsoRegular; font-size: 4.5em; /* line-height: normal;*/ text-transform: none; /* text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.6);*/ /*background: #F7971E; /* fallback for old browsers *!/ background: -webkit-linear-gradient(to right, #FFD200, #F7971E); /* Chrome 10-25, Safari 5.1-6 *!/ background: linear-gradient(to right, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!/ -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .intro-top-gen .header-back .headline-cuatro h4 small{ font-size: 40px; font-weight: 400; line-height: 1; color: #fff; font-family: PulsoLight; } .intro-top-gen .header-back .headline-cuatro h5{ /*color: #fff; font-family: PulsoLight; font-size: 3em; text-transform: none; top: -5px; position: relative;*/ color: #fff; font-family: PulsoLight; font-size: 2em; text-transform: none; margin-block-end: 40px; } .intro-top-gen .header-back .headline-cuatro h6{ color: #fff; font-family: PulsoLight; font-size: 1.5em; text-transform: none; margin-block-end: 40px; } .intro-top-gen .header-back .headline-cuatro h6 span{ font-family: PulsoRegular; } @media only screen and (max-width:768px) { .intro-top-gen { height: 420px!important; display: block; /* margin-bottom: 50px;*/ } .intro-top-gen .header-back { height: 420px!important; /* text-align: center;*/ /* background: url(../img/top/top-internas-457x580-mobile.jpg) 100% no-repeat #ea5656;*/ background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #cecece; /* padding-top: 25%;*/ } .intro-top-gen .header-back .headline{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ padding: 20px!important; position: relative; top: 80px!important; margin-left: 8%; /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline h1{ color: #fff; font-family: PulsoLight!important; /*font-size: 35px*/; font-size: 2.2em !important; text-transform: none; } .intro-top-gen .header-back .headline h2{ color: #fff; font-size: 1.4em!important; line-height: 1.1em !important; font-family: PulsoLight; letter-spacing: 2px; text-transform: none; } .intro-top-gen .header-back .headline-dos{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 60px; position: relative; margin-left: 8%; /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline-dos h1{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 1em; /* font-size: 8.5vw;*/ text-transform: uppercase; letter-spacing: 3px; margin: 0; padding: 0; padding-bottom: 10px; } .intro-top-gen .header-back .headline-dos h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 2em; line-height: 1em; /* font-size: 8.5vw;*/ text-transform: none; margin: 0; /* padding: 10px;*/ margin-bottom: 15px; display: inline-table; /* text-shadow: 2px 2px 4px #000000;*/ /* background-color: rgba(0, 0, 0, 0.67);*/ } .intro-top-gen .header-back .headline-dos p{ color: #fff; font-size: 1em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline-tres p{ color: #fff; font-size: 1.1em; line-height: 1.2em; /* text-shadow: 2px 2px 4px #000000;*/ margin-block-end: 80px; } .intro-top-gen .header-back .headline-dos h4{ color: #fff; font-family: PulsoRegular; font-size: 3.5em; text-transform: none; /*text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline-dos h5{ color: #fff; font-family: PulsoLight; font-size: 1.9em; text-transform: none; top: -10px; position: relative; text-shadow: 2px 2px 4px #000000; } .intro-top-gen .header-back .headline-tres h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 2em; /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; width: 100%!important; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; } .intro-top-gen .header-back .headline-tres h4{ color: #fff; font-family: PulsoRegular; font-size: 2em; text-transform: none; /* margin-block-end: 85px;*/ /* line-height: 1.1em;*/ } .intro-top-gen .header-back .headline-tres h4 small{ font-size: .6em; font-weight: 400; line-height: 0; color: #fff; font-family: PulsoLight; /* line-height: 1.1em;*/ } .intro-top-gen .header-back .headline-tres h6{ color: #fff; font-family: PulsoLight; font-size: 1.2em; text-transform: none; /*margin-block-end: 40px;*/ } .intro-top-gen .header-back .headline-cuatro h2{ color: #fff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 2.2em; /* font-size: 2.5em;*/ /* font-size: 8.5vw;*/ text-transform: none; margin: 0; padding: 0; /*width: 70%;*/ width: 100%; padding-top: 10px; line-height: 1.1em; margin-bottom: 15px; } .intro-top-gen .header-back .headline-cuatro h3{ line-height: 1.1em; } } @media (min-width: 1024px) and (max-width: 1367px) { .intro-top-gen .header-back .headline-tres{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 100px; /* top: 220px;*/ position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } .intro-top-gen .header-back .headline-tres h2{ font-size: 2.7em; /* color: red;*/ } .intro-top-gen .header-back .headline-tres h1{ margin-top: 10px; } } /*----------------------------------- 3. INTERNAL HEADER TOP -----------------------------------*/ .internal-header-top { /*background-color: red;*/ margin-top: 80px; /* background: url("../img/bg-test.svg") top center/contain no-repeat ; */ } .internal-header-top h2 { font-family: 'PulsoRegular'; font-size: 2.6em; line-height: 1.3em; text-transform: none; letter-spacing: 0; color: #21dbaa; } .internal-header-top h2 span { font-family: 'PulsoRegular'; } .internal-header-top h3 { font-size: 1.2em !important; line-height: 1.3em; color: #f5f5f5; } .internal-header-top h3 span { font-family: 'PulsoRegular'; } .box-features .box-suscripcion img.features-suscripcion{ width: 150px; align-content: center; padding: 30px 0 10px; margin-left: auto; margin-right: auto ; /*margin-left: 40%;*/ } .box-suscripcion{ } .box-features .box-suscripcion h3 { font-size: 1.3em ; line-height: 1.3em; color: #191919; font-family: 'PulsoRegular'; /* letter-spacing: 1px;*/ margin-top: 10px !important; } .box-features .box-suscripcion h3 small{ font-size: .7em ; line-height: 1.3em; color: #191919; font-family: 'PulsoLight'; letter-spacing: 0; } @media only screen and (max-width:768px) { .internal-header-top { /*background-color: red;*/ margin-top: 30px; } .internal-header-top h2 { /* font-family: 'PulsoRegular'; font-size: 2.2em; text-align: left; line-height: 1.5em; text-transform: none; letter-spacing: 3px; color: #f5f5f5; margin-top: 40px; */ font-family: 'PulsoRegular'; font-size: 2.5em; line-height: 1.3em; text-transform: none; letter-spacing: 0; color: #21dbaa; } .internal-header-top h3 { font-size: 1.4em!important; line-height: 1.8em !important; } } @media only screen and (max-width:320px) { .internal-header-top h2 { font-family: PulsoLight; font-size: 1.4em; text-align: left; line-height: 1.5em; text-transform: none; letter-spacing: 3px; color: #525252; margin-top: 40px; } .internal-header-top h3 { font-size: 1.2em!important; line-height: 1.8em !important; } } /*----------------------------------- 2. BANENRS CORTE INTRO -----------------------------------*/ #banner-producto { } #banner-producto h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 60px; } #banner-producto h2 span { font-family: PulsoRegular; } #banner-producto h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 20px; color: #fff; } #banner-producto h6 span { font-family: PulsoRegular; } @media only screen and (max-width:768px) { #banner-producto h2 { line-height: 1.1em; text-transform: none; font-family: PulsoRegular; font-size: 35px; } #banner-producto h6 { font-size: 1.5em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; color: #fff; } } /*----------------------------------- 2. BANENRS PORTABILIDAD -----------------------------------*/ #banner-portabilidad .section-title{ text-align: right; } #banner-portabilidad .section-title h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 50px; color: #fff; padding-top: 120px; } #banner-portabilidad .section-title h2 span { font-family: PulsoRegular; } #banner-portabilidad .section-title h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 28px; color: #fff; width: 75%; float: right } #banner-portabilidad h6 span { font-family: PulsoRegular; } @media only screen and (max-width:768px) { #banner-portabilidad .section-title{ text-align: center; } #banner-portabilidad .section-title h2 { line-height: 1.1em; text-transform: none; font-family: PulsoRegular; font-size: 35px; } #banner-portabilidad .section-title h6 { font-size: 1.5em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; color: #fff; width: 99%; float: auto; } .nomobile { display: none !important; } .nodesktop { display: block !important; } } /* BANNER CALL TO WHATSAPP -- */ .call-to-whatsapp{ padding: 45px 10px 45px 10px; display:flex; border-top: solid 15px #21dbaa; /* border-bottom: solid 5px #fff;*/ /* background-color: red;*/ box-shadow: 0 2px 25px rgba(0, 0, 0, 0.3); } .call-to-whatsapp .boton-medio{ display: grid; /* background-color: red;*/ /* width: 100%;*/ height: 150px; } .call-to-whatsapp h2{ margin: 0; padding: 0; text-transform: none; font-family: PulsoLight; line-height: 1.1em; font-size: 2.2em; padding-top: 10px; color: #fff; } .call-to-whatsapp h2 span{ font-family: PulsoRegular; } .call-to-whatsapp h3{ font-size: 18px!important; letter-spacing: 2px; line-height: 1.3em; padding-top: 10px; color: #fff; } .call-to-whatsapp .btn{ /* vertical-align: middle; position: relative; top: 25px; */ margin: auto; } .call-to-whatsapp .btn i{ font-size: 30px; vertical-align:middle; } @media only screen and (max-width:768px) { .call-to-whatsapp{ text-align: center; } .call-to-whatsapp h2{ font-size: 30px; line-height: 1.1em; /* margin-bottom: 30px; */ margin-top: 20px; } .call-to-whatsapp h3{ font-size: 13px; } .call-to-whatsapp .btn{ vertical-align: middle; position: relative; top: 0px; padding: 10px; margin-bottom: 40px } } /*----------------------------------- 2. BANENRS FLOW APP -----------------------------------*/ #banner-flow-app h2 { line-height: 1.1em; text-transform: none; font-family: PulsoRegular; font-size: 35px; letter-spacing: 0; } #banner-flow-app h2 span { font-family: PulsoRegular; font-weight: 800; color: #232323; } #banner-flow-app h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 20px; color: #fff; } #banner-flow-app h6 span { font-family: PulsoRegular; } @media only screen and (max-width:768px) { #banner-flow-app h2 { font-size: 30px; line-height: 1.1em; /* margin-bottom: 30px; */ margin-top: 20px; } } /* ####### AJUSTES PARA TELEFONOS CON PANTALLA CHICA -- */ @media only screen and (max-width:320px) { .intro-top-gen .header-back .headline h1{ color: #fff; font-family: PulsoLight!important; /*font-size: 35px*/; font-size: 1.8em !important; text-transform: none; } .intro-top-gen .header-back .headline h2{ color: #fff; font-size: 1em!important; line-height: 1.4em !important; font-family: PulsoLight; letter-spacing: 2px; text-transform: none; } .call-to-whatsapp h2{ font-size: 25px; line-height: 1.1em; /* margin-bottom: 30px; */ margin-top: 20px; } #banner-producto h2 { line-height: 1.1em; text-transform: none; font-family: PulsoRegular; font-size: 26px; } } .ico-beneficios { width: 80px !important; /* background-color: red;*/ } .ico-beneficios-table { width: 20px !important; /* background-color: red;*/ } /* ####### CAJA PORTA WHATASPP -- */ #porta-whatsapp h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 50px; color: #fff; padding-top: 50px; text-align: right; margin-right: 40px; } #porta-whatsapp h2 span { font-family: PulsoRegular; } #porta-whatsapp h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 28px; color: #fff; width: 75%; float: right; text-align: right; margin-right: 40px; } #porta-whatsapp h6 span { font-family: PulsoRegular; } #porta-whatsapp ul{ margin-top: 40px; margin-bottom: 40px; background-color: #fff; padding: 20px; padding-left: 60px; padding-right: 60px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); border-radius: 18px; } #porta-whatsapp ul li{ font: 14px PulsoLight; padding-top: 25px; padding-bottom: 25px; /* border-bottom: 1px solid #fff;*/ letter-spacing: 1px; /* background: red;*/ /* margin: 10px;*/ } #porta-whatsapp ul li i { margin-left: 10px; } #porta-whatsapp ul li .boton{ display: inline-block; width: 70%; float: right; /* margin-top: 80px;*/ } #porta-whatsapp ul li img{ width: 60px ; display: inline-block; float: left; margin-right: 30px; } #porta-whatsapp ul li span{ /* display: block;*/ font: 28px PulsoRegular; } #porta-whatsapp h2{ margin-top: 60px } #conte-datos-contacto h3{ line-height: 1.7em; font-size: 1.5em; } #porta-whatsapp h3 span{ font-family: PulsoRegular } @media only screen and (max-width:768px) { #porta-whatsapp{ text-align: center; } #porta-whatsapp h2 { text-transform: none; font-family: PulsoRegular; font-size: 35px; text-align: center; line-height: 1.2em; text-transform: none; margin-right: 0; } #porta-whatsapp h6 { font-size: 1.5em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; color: #fff; width: 99%; float: auto; text-transform: none; text-align: center; margin-right: 0; } } /* ####### CAJA EMPRESAS WHATASPP -- */ #empresas-whatsapp .ico { /* background: red;*/ float: left; display: block; width: 80px; height: 150px; /* margin-top: 20px;*/ } #empresas-whatsapp .ico img { padding-top: 35px; width: 55px; } #empresas-whatsapp h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 50px; color: #000000; padding-top: 50px; text-align: right; margin-right: 40px; } #empresas-whatsapp h2 span { font-family: PulsoRegular; } #empresas-whatsapp h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 28px; color: #000000; width: 75%; float: right; text-align: right; margin-right: 40px; } #empresas-whatsapp h6 span { font-family: PulsoRegular; } #empresas-whatsapp ul{ margin-top: 40px; margin-bottom: 40px; background-color: #fff; padding: 20px; padding-left: 60px; padding-right: 60px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); border-radius: 18px; } #empresas-whatsapp ul li{ font: 14px PulsoLight; padding-top: 25px; padding-bottom: 25px; /* border-bottom: 1px solid #fff;*/ letter-spacing: 1px; /* background: red;*/ /* margin: 10px;*/ } #empresas-whatsapp ul li i { margin-left: 10px; } #empresas-whatsapp ul li .boton{ display: inline-block; width: 70%; float: right; /* margin-top: 80px;*/ } #empresas-whatsapp ul li img{ width: 60px ; display: inline-block; float: left; margin-right: 30px; } #empresas-whatsapp ul li span{ /* display: block;*/ font: 28px PulsoRegular; } #empresas-whatsapp h2{ margin-top: 60px } #conte-datos-contacto h3{ line-height: 1.7em; font-size: 1.5em; } #empresas-whatsapp h3 span{ font-family: PulsoRegular } @media only screen and (max-width:768px) { #empresas-whatsapp{ text-align: center; } #empresas-whatsapp .ico { /* background: red;*/ float: left; display: block; width: 100%; height: 100px; /* margin-top: 20px;*/ } #empresas-whatsapp .ico img { /* padding-top: 35px;*/ width: 45px; } #empresas-whatsapp h2 { text-transform: none; font-family: PulsoRegular; font-size: 35px; text-align: center; line-height: 1.2em; text-transform: none; margin-right: 0; } #empresas-whatsapp h6 { font-size: 1.5em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; color: #000000; width: 99%; float: auto; text-transform: none; text-align: center; margin-right: 0; } } /*DEFINICIÓN DEL ANCHO DEL MAPA PARA QUE APAREZCA */ #map { height: 550px; width: 100%; margin-bottom: 0; margin-top: 0; /* overflow: hidden;*/ /* right: -10px;*/ } /* ####### MAPA COBERTURA FIBRA -- */ #conte-suscripcion { /*background-color: red;*/ display: block; /*padding: 30px;*/ } #conte-suscripcion h2{ text-align: right; font-size: 33px; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-bottom: 0; margin-bottom: 20px; color: #fff; } #conte-suscripcion .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; overflow: hidden; } #conte-suscripcion .headline { /*background-color: blue;*/ width: 50%; /* float: right; */ display: block; margin-inline-start: 45%; margin-block-start: 25%; } #conte-suscripcion .headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: right; } #conte-suscripcion .headline .cobertura-ico img { width: 130px; /* float: right; */ /* margin-top: 50%; */ } #conte-suscripcion .headline h2 span{ font-family: PulsoRegular; } #conte-suscripcion .headline h3{ text-align: right; font-size: 18px!important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 0px!important; color: #fff; } #conte-suscripcion .icon-box-carousel h4{ text-align: center; font-family: 'PulsoRegular'; font-size: 22px!important; line-height: 1.2em; text-transform: none; /* font-family: PulsoLight;*/ letter-spacing: 0; margin-top: 20px!important; margin-bottom: 25px!important; color: #fff; font-weight: 500; } /* #conte-suscripcion .headline h4{ text-align: right; font-size: 18px!important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 0px!important; } */ .btn-get-started { font-family: 'PulsoRegular'; background: #21dbaa; font-weight: 500; font-size: 13px; letter-spacing: 0; display: inline-block; padding: 2px 20px; border-radius: 5px; transition: 0.5s; /* margin-top: 30px;*/ color: #191919; /* border: 2px solid #fff; */ } .btn-get-started:hover { background: #7fe5c2; color: #191919; } @media only screen and (max-width:768px) { #conte-suscripcion .container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; /*overflow: hidden;*/ } #conte-suscripcion .headline { /* background-color: red;*/ width: auto; /* float: right; */ display: block; margin-inline-start: 0; margin-block-start: 0; } #conte-suscripcion .headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: center; } #conte-suscripcion .headline .cobertura-ico img { width: 70px; float: none; margin-top: 10%; margin-bottom: 10px; } #conte-suscripcion .headline h2{ text-align: center; font-size: 25px; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-bottom: 0; /* position: relative;*/ } #conte-suscripcion .headline h2 span{ font-family: PulsoRegular; } #conte-suscripcion .headline h3{ text-align: center; font-size: 16px!important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 0px!important; margin-bottom: 40px; /*Veri*/ } } @media (min-width: 1024px) and (max-width: 1450px) { #conte-suscripcion .headline .cobertura-ico img { width: 70px; /* float: right; */ /* margin-top: 50%; */ } #conte-suscripcion .headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: right; margin-top: 180px; } #conte-suscripcion h2{ text-align: right; font-size: 26px; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-bottom: 0; /* position: relative;*/ } #conte-suscripcion .headline h3{ text-align: right; font-size: 13px!important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 10px!important; /*Veri*/ } } /* ####### AJUSTES PARA TABLETS CON PANTALLA GRANDE -- */ @media only screen and (max-width:868px) { #conte-suscripcion .container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; /*overflow: hidden;*/ } #conte-suscripcion .headline { /* background-color: red;*/ width: auto; /* float: right; */ display: block; margin-inline-start: 0; margin-block-start: 0; } #conte-suscripcion .headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: center; } #conte-suscripcion .headline .cobertura-ico img { width: 70px; float: none; margin-top: 10%; margin-bottom: 10px; } #conte-suscripcion .headline h2{ text-align: center; font-size: 25px; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-bottom: 0; /* position: relative;*/ } #conte-suscripcion .headline h2 span{ font-family: PulsoRegular; } #conte-suscripcion .headline h3{ text-align: center; font-size: 16px!important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 0px!important; margin-bottom: 40px; /*Veri*/ } } /* ####### INTRO FAQ -- */ .intro-faq { /* border-bottom: 2px solid #191919;*/ margin-bottom: 10px; padding-bottom: 30px; } .intro-faq h2{ font-size: 2.2em; line-height: 1.2em; text-transform: none; text-align: center; font-family: PulsoLight; margin-bottom: 20px; color: #21dbaa; } .intro-faq h2 span{ font-family: PulsoRegular; border-bottom: 2px solid #000; padding-bottom: 1px; } .intro-faq h3{ font-size: 1.2em!important; line-height: 1.2em!important; margin-bottom: 40px!important; text-align: center; margin-top: 0!important; padding-top: 0!important; letter-spacing: 2px!important; color: #f5f5f5; } /* ####### CAJA FLOW APP -- */ #caja-flowapp h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 50px; color: #fff; padding-top: 50px; text-align: right; /* margin-right: 40px;*/ } #caja-flowapp h2 span { font-family: PulsoRegular; } #caja-flowapp .multidevice { /* background-color: black;*/ display: inline-table; position: relative; width: 100%; } #caja-flowapp .multidevice img { width: 280px; /*position: relative; text-align: right; text-align: right;*/ float: right; } #caja-flowapp h6 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 28px; color: #fff; width: 75%; float: right; text-align: right; /* margin-right: 40px;*/ } #caja-flowapp h6 span { font-family: PulsoRegular; } #caja-flowapp ul{ margin-top: 40px; margin-bottom: 40px; background-color: #fff; padding: 20px; padding-left: 60px; padding-right: 60px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); border-radius: 18px; } #caja-flowapp ul li{ font: 14px PulsoLight; padding-top: 25px; padding-bottom: 25px; /* border-bottom: 1px solid #fff;*/ letter-spacing: 1px; /* background: red;*/ /* margin: 10px;*/ } #caja-flowapp ul li i { margin-left: 10px; } #caja-flowapp ul li .boton{ display: inline-block; width: 70%; float: right; /* margin-top: 80px;*/ } #caja-flowapp ul li img{ width: 60px ; display: inline-block; float: left; margin-right: 30px; } #caja-flowapp ul li span{ /* display: block;*/ font: 28px PulsoRegular; } #caja-flowapp h2{ margin-top: 60px } #conte-datos-contacto h3{ line-height: 1.7em; font-size: 1.5em; } #caja-flowapp h3 span{ font-family: PulsoRegular } @media only screen and (max-width:768px) { #caja-flowapp{ text-align: center; } #caja-flowapp .multidevice img { width: 280px; float: none; margin-left: auto; margin-right: auto; } #caja-flowapp h2 { text-transform: none; font-family: PulsoRegular; font-size: 35px; text-align: center; line-height: 1.2em; text-transform: none; margin-right: 0; margin-top: 0px; } #caja-flowapp h6 { font-size: 1.5em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; color: #fff; width: 99%; float: auto; text-transform: none; text-align: center; margin-right: 0; } } /*----------------------------------- TABLE CON FILTRO -----------------------------------*/ #myInput { background-image: url('../img/icos/search.png'); /* Add a search icon to input */ background-position: 10px 12px; /* Position the search icon */ background-repeat: no-repeat; /* Do not repeat the icon image */ width: 100%; /* Full-width */ font-size: 16px; /* Increase font-size */ padding: 12px 20px 12px 40px; /* Add some padding */ border: 1px solid #ddd; /* Add a grey border */ margin-bottom: 12px; /* Add some space below the input */ } #myTable { border-collapse: collapse; /* Collapse borders */ width: 100%; /* Full-width */ border: 1px solid #ddd; /* Add a grey border */ font-size: 14px; /* Increase font-size */ border-top: 1px solid #ddd; border-right-style: none; border-bottom: 1px solid #ddd; border-left-style: none; } #myTable th { font-family: PulsoLight; letter-spacing: 3px; } #myTable th, #myTable td { text-align: left; /* Left-align text */ padding: 12px; /* Add padding */ } #myTable td:first-child { font-weight: bold; font-size: 12px; text-transform: uppercase; } #myTable tr { /* Add a bottom border to all table rows */ border-bottom: 1px solid #ddd; } #myTable tr.header, #myTable tr:hover { /* Add a grey background color to the table header and on hover */ background-color: #f3f3f3; } #myTable p{ font-size: 13px; line-height: 1.3em; margin: 0; padding: 0 ; } #myTable p span{ font-weight: bold; } #myTable td.region{ font-size: 18px; line-height: 1.3em; margin: 0; padding: 40px 10px; font-family: PulsoRegular; letter-spacing: 4px; text-transform: uppercase; background-color: #fff !important; border: none; } /*----------------------------------- FORM TOP MOD -----------------------------------*/ .form-top { border-radius: 0.9em ; background-color: #fff; padding: 10px 15px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); min-height: 425px; } .form-top h3{ line-height: 1.1em!important; text-align: center; font-size: 1.6em!important; margin-top: 20px; } .form-top h3 span{ font-family: PulsoRegular; } .form-top .cd-form input[type="submit"] { font-family: PulsoLight; text-transform: uppercase; border: none; background: #00B0EB; border-radius: .5em; padding: 10px 15px; color: #ffffff; font-weight: bold; /* float: right; */ cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; margin-left: 0%; font-size: 16px; margin-top: 30px; } .form-top .cd-form { width: 100%; /* max-width: 600px; */ margin: 1em auto; /* padding-left: 20px; */ margin-bottom: 0px; border-color: transparent; } @media only screen and (max-width:768px) { .form-top h3{ font-size: 20px!important; line-height: 1.1em!important; text-align: center; } } @media only screen and (max-width:1450px) { .form-top h3{ line-height: 1.1em!important; text-align: center; font-size: 1.2em!important; margin-top: 10px; } .form-top { border-radius: 0.9em ; background-color: #fff; padding: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); min-height: 400px; margin-block-start:25px; display: block; } } img.blanconegro { padding: 40px; /* filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); */ } img.blanconegro:hover { /* filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); */ } .grilla { /* color: #fff;*/ margin: 40px 0; padding: 50px 0; } .grilla h5{ color: #fff; font-size: 2.7em; font-family: 'PulsoLight'; text-transform: none; } .grilla h5 span{ color: #21dbaa; font-family: 'PulsoRegular'; font-size: 1.7em; } .grilla h4{ color: #fff; font-size: 1.8em; font-family: 'PulsoRegular'; text-transform: none; } .grilla h4 span{ color: #21dbaa; font-weight: 500; } .grilla-canales h2 { font-size: 2.4em; line-height: 1.2em; text-transform: none; color: #f5f5f5; } .grilla-canales h3 { font-size: 1.2em !important; line-height: 1.2em !important; margin-bottom: 40px !important; text-align: center; margin-top: 0 !important; padding-top: 0 !important; letter-spacing: 2px !important; color: #f5f5f5; } @media only screen and (max-width:768px) { .grilla h5{ color: #fff; font-size: 2.7em; font-family: 'PulsoLight'; text-transform: none; line-height: 1; } .grilla h5 span{ color: #21dbaa; font-family: 'PulsoRegular'; font-size: 1.7em; padding-top: 30px; } .grilla h4{ color: #fff; font-size: 1.8em; font-family: 'PulsoRegular'; text-transform: none; } } .filterDiv p span { font: 14px PulsoRegular; color: #121212; } .filterDiv.hd { background-color: #fff !important; border-bottom: solid 15px #21dbaa; } .filterDiv { float: left; background-color: #ffffff !important; /* color: #ffffff; */ width: 150px; height: 145px; /* line-height: 100px; */ text-align: center; margin: 2px; display: none; padding-top: 20px; } .filterDiv.premium-hbomax { float: left; background-color: #ffffff !important; width: 150px; height: 145px; text-align: center; margin: 2px; display: none; padding-top: 20px; } .filterDiv.adulto { float: left; background-color: #ffffff !important; width: 150px; height: 145px; text-align: center; margin: 2px; display: none; padding-top: 20px; } .filterDiv p { font-size: 14px !important; font-family: 'PulsoRegular' !important; letter-spacing: 2px; color: #121212 !important; } .filterDiv p small { font-size: 12px !important; color: #333 !important; font-family: 'PulsoRegular' !important; } .btn-tabs { border: none; outline: none; padding: 12px 16px; background-color: #191919 !important; cursor: pointer; font-family: 'PulsoRegular'; } .btn-tabs.active { background-color: #666 !important; color: #fff; font-family: 'PulsoRegular'; } .btn-tabs { border: none; outline: none; padding: 12px 16px; background-color: #f1f1f1; cursor: pointer; } #conte-packs-premium { /*background-color: red;*/ display: block; /*padding: 30px;*/ } #conte-packs-premium .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; overflow: hidden; } #conte-packs-premium h2{ text-align: left; font-size: 28px; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 0; margin-bottom: 0; margin-bottom: 20px; color: #fff; } #conte-packs-premium h2 span{ font-family: 'PulsoRegular'; font-size: 28px; } #conte-packs-premium h3{ text-align: left; font-size: 35px !important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 0; margin-bottom: 0; margin-bottom: 20px; color: #fff; } #conte-packs-premium h3 span{ font-family: 'PulsoRegular'; font-weight: 500; color: #f5f5f5; } #conte-packs-premium h4{ text-align: left; font-size: 22px !important; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 0; margin-bottom: 0; margin-bottom: 20px; color: #f5f5f5; } .full small { /* text-transform: lowercase;*/ } .full .bg-light-pack { background: #f5f5f5; } .full .titulo{ float: left; font-size: 16px ; font-family: 'PulsoRegular'; letter-spacing: 2px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } /* .full .senales{ float: left; font-size: 15px ; font-family: 'PulsoRegular'; letter-spacing: 2px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } */ .full .precio{ float: right; background: #21dbaa; padding: 10px 15px; font-size: 15px ; font-family: 'PulsoRegular'; letter-spacing: 2px; text-transform: uppercase; color: #121212; } .full .logo{ float: left; width: 110px; margin-left: 20px; } .full .icos{ float: left; display: inline-block; width: 100%; padding: 10px; border-top: 1px solid #dbdbdb; margin-top: 15px; } .full .oferta{ float: left; background-color: #21dbaa; color: #121212; width: 100%; font-family: PulsoLight; letter-spacing: 1px; } .full .oferta span{ font-family: 'PulsoRegular'; } .full ul li{ float: left; margin: 4px; } .btn-suscrpcion{ float: left; background: #21dbaa; padding-bottom: 5px; font-size: 12px ; font-family: 'PulsoRegular'; letter-spacing: 2px; text-transform: uppercase; color: #121212; } /*----------------------------------- BITRIX 24 - MODS -----------------------------------*/ .b24-form-header-padding { display: none; } .b24-form-header { display: none; } .b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item { height: 44px!important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%); border: 1px solid rgba(0, 0, 0, .1); border: 1px solid var(--b24-field-border-color); background-color: rgba(0, 0, 0, .08); background-color: var(--b24-field-background-color); color: #000; color: var(--b24-text-color); width: 100%; padding: 17px 10px 0; font: 16px var(--b24-font-family); font-family: PulsoRegular!important; letter-spacing: -0.3px; } .b24-form-btn { /*margin: 0 0 15px; color: #fff; border-color:#fff;*/ font-family: PulsoRegular!important; /* text-transform: capitalize !important;*/ } .b24-form-control-container { display: block; position: relative; width: 100%; margin-bottom: -5px!important; -webkit-transition: 200ms ease all; -o-transition: 200ms ease all; transition: 200ms ease all; } .b24-form-control-alert-message { display: none !important; /*position: absolute; top: calc(100% - 31px)!important; left: 122px; background: #f25830; z-index: 10; border-radius: 0 2px 2px 2px; padding: 2px 4px 2px 22px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; font: 13px var(--b24-font-family); color: #fff;*/} .b24-form-control-alert-message:after { display: none!important; /*content: ''; display: block; height: 6px; width: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #f25830; border-top-color: transparent; border-right-color: transparent; position: absolute; left: 0; bottom:100%;*/ } .b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control{ background-color: rgba(242,88,48,0.08); border-color: rgba(242,88,48,0.25); /* margin-bottom: -10px!important;*/ } .form-top { position: relative; top: -35px; } /* body { background-color: #aa2b33; } */ .container-box { background-color: #191919; color: #f5f5f5; font-family: 'PulsoRegular'; width: 100%; /*width: 70%;*/ border-radius: 7px; padding: 5% 0; margin: 5% auto; } .flex { display: flex; justify-content: space-around; } .flex2 { border-right: 0.1px solid rgba(178, 170, 171, 0.185); } .flex_content { padding: 2% 6%; flex: 1; } .flex_content h2 { font-weight: 600; color: #21dbaa; } .flex_content h4 { font-weight: 400; color: #f5f5f5; } .flex_content span { font-weight: 200; } .flex_content h4 { margin-top: 20px; font-size: 45px; text-align: center; } .flex_content ul { padding-inline-start: 7%; margin: 10% 0; } .flex_content ul li { font-weight: 200; } .flex_content button { outline: none; border: none; background: #21dbaa; color: #000; width: 100%; height: 50px; border-radius: 5px; /* font-family: "Nunito", sans-serif;*/ cursor: pointer; } .flex_content a { text-decoration:underline; color: #21dbaa; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center; } .flex_content:nth-of-type(1) button { background: transparent; border: 1px solid #21dbaa; color: #21dbaa; } .flex_content small{ font-family: 'PulsoRegular'; font-size: 22px; text-transform: none; letter-spacing: 0; color: #f5f5f5; } .flex_content .cd-combo .bigger{ font-family: 'PulsoRegular'; font-size: 35px; text-transform: none; letter-spacing: 0; color: #f5f5f5; margin-top: 30px; } .flex_content .cd-combo label{ font-family: 'PulsoLight'; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: #f5f5f5; } /* footer { text-align: center; font-family: "Nunito", sans-serif; text-transform: uppercase; font-weight: bold; color: #ffffff; margin-bottom: 0; } footer a { text-decoration: none; color: #3983ce; } */ @media screen and (max-width: 540px) { .flex { flex-direction: column; } .flex2 { border: none; } } .cd-top-desc label { text-align: center; display: block; /* background-color: red;*/ position: relative; /* top: 10px;*/ text-transform: uppercase; font-size: 12px; font-weight: 200; color: #fff; font-family: 'PulsoLight'; letter-spacing: 2px; margin-top: 5px; } .cd-top-desc label.gigas { position: relative; color: #fff; font-family: 'PulsoLight'; letter-spacing: 2px; } .img-suscripcion{ width: 25%; } .premium-box a button { outline: none; border: none; background: #21dbaa; color: #121212; /* width: 100%;*/ /* height: 40px;*/ padding: 10px 20px 10px 20px; /* border-radius: 5px;*/ font-family: 'PulsoRegular'; margin: 25px; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; font-weight: 500; } .premium-box a button:hover { background: #35E5B7; } /* ########################################################################## ESTE ESTILO SE LLEVA AL PIE DE PAGINA DE CADA WEB QUE TENGA EL FORMULARIO ########################################################################## */