/*----------------------------------- 1. INTRO TOP GENERICOS -----------------------------------*/ /* DISNEYPLUS */ .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 */ } @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 */ } } /* 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: fit-content; /* height: 520px;*/ display: block; /* margin-bottom: 30px;*/ } .intro-top-gen .header-back { /* height: 220px;*/ /* height: 640px;*/ /* height: 460px;*/ height: fit-content; /* 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; } .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; } .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;*/ } .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: 40px; font-weight: 400; line-height: 1; 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-cuatro{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 80px; /* 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 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;*/ height: fit-content;!important; display: block; /* margin-bottom: 50px;*/ } .intro-top-gen .header-back { /*height: 420px!important;*/ height: fit-content;!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-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: 2.5em; /* 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: 3.5em; text-transform: none; margin-block-end: 35px; } .intro-top-gen .header-back .headline-tres h4 small{ font-size: 30px; font-weight: 400; line-height: 1; color: #fff; font-family: PulsoLight; line-height: 2em; } .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; } } @media (min-width: 1024px) and (max-width: 1450px) { .intro-top-gen .header-back .headline-tres{ /* background-color: rgba(41, 41, 41, 0.26);*/ /* height: 256px;*/ /*padding-top: 50px;*/ /*padding-top: 20%;*/ top: 80px; position: relative; /* margin-left: 8%;*/ /*top: 50px; left: 70px; */ } } /*----------------------------------- 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: PulsoLight; font-size: 2.6em; line-height: 1.3em; text-transform: none; letter-spacing: 5px; color: #525252; } .internal-header-top h2 span { font-family: PulsoRegular; } .internal-header-top h3 { font-size: 1.8em; } .internal-header-top h3 span { font-family: PulsoRegular; } .about-section h3{ line-height: 1.5; } .about-section h3 span{ font-family: PulsoRegular; } @media only screen and (max-width:768px) { .internal-header-top { /*background-color: red;*/ margin-top: 30px; } .internal-header-top h2 { font-family: PulsoLight; font-size: 1.8em; /* 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.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 #9ED2B1; /* 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; /* position: relative; top: 20px; */ text-transform: none; font-family: PulsoLight; line-height: 1.1em; font-size: 2.2em; padding-top: 10px /* margin-bottom: 20px*/ } .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; } .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 { } #banner-flow-app h2 { line-height: 1.1em; text-transform: none; font-family: PulsoLight; font-size: 60px; } #banner-flow-app h2 span { font-family: PulsoRegular; 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-mapa { /*background-color: red;*/ display: block; /*padding: 30px;*/ } #conte-mapa 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; /* position: relative;*/ } #conte-mapa .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; overflow: hidden; } #conte-mapa .mapa-headline { /*background-color: blue;*/ width: 50%; /* float: right; */ display: block; margin-inline-start: 45%; margin-block-start: 25%; } #conte-mapa .mapa-headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: right; } #conte-mapa .mapa-headline .cobertura-ico img { width: 130px; /* float: right; */ /* margin-top: 50%; */ } #conte-mapa .mapa-headline h2 span{ font-family: PulsoRegular; } #conte-mapa .mapa-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; /*Veri*/ } @media only screen and (max-width:768px) { #conte-mapa .container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; /*overflow: hidden;*/ } #conte-mapa .mapa-headline { /* background-color: red;*/ width: auto; /* float: right; */ display: block; margin-inline-start: 0; margin-block-start: 0; } #conte-mapa .mapa-headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: center; } #conte-mapa .mapa-headline .cobertura-ico img { width: 70px; float: none; margin-top: 10%; margin-bottom: 10px; } #conte-mapa .mapa-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-mapa .mapa-headline h2 span{ font-family: PulsoRegular; } #conte-mapa .mapa-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-mapa .mapa-headline .cobertura-ico img { width: 70px; /* float: right; */ /* margin-top: 50%; */ } #conte-mapa .mapa-headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: right; margin-top: 180px; } #conte-mapa 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-mapa .mapa-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-mapa .container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; /*overflow: hidden;*/ } #conte-mapa .mapa-headline { /* background-color: red;*/ width: auto; /* float: right; */ display: block; margin-inline-start: 0; margin-block-start: 0; } #conte-mapa .mapa-headline .cobertura-ico { position: relative; margin-bottom: 20px; text-align: center; } #conte-mapa .mapa-headline .cobertura-ico img { width: 70px; float: none; margin-top: 10%; margin-bottom: 10px; } #conte-mapa .mapa-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-mapa .mapa-headline h2 span{ font-family: PulsoRegular; } #conte-mapa .mapa-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 #e4e9ea ; margin-bottom: 10px; padding-bottom: 30px; } .intro-faq h2{ font-size: 2em; line-height: 1.2em; text-transform: none; text-align: center; font-family: PulsoLight; margin-bottom: 2px; } .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; } /* ####### 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: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .form-top h3{ line-height: 1.1em!important; text-align: center; } .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; } } /*----------------------------------- 1. TOP TITULAR SMALL -----------------------------------*/ .intro-top-gen .header-back { /* height: 220px!important;*/ /* height: 460px;*/ height: fit-content; background-repeat: no-repeat; background-color: #05496b; background-size: cover !important; background-position: center top; /* padding-top: 50px;*/ } .intro-top-gen { /* background-color: red;*/ /* height: 220px!important;*/ /* height: 460px;*/ height: fit-content; display: block; /* margin-bottom: 100px;*/ } .intro-top-gen-beneficios { /* background-color: red;*/ /* height: 220px!important;*/ height: 760px; display: block; /* margin-bottom: 100px;*/ } .slide-top { width: 100%; position: relative; top: -5px; } .box-center{ display: flex; align-items: center; justify-content: center; } @media only screen and (max-width:768px) { .box-center{ display: block; align-items: center; justify-content: center; padding: 20px; } } .box-shadow { box-shadow: 0 1px 5px rgb(0 0 0 / 10%); padding: 20px; margin-bottom: 40px; background-color: #fff; } .box-first { margin-right: 40px; } /*----------------------------------- 1. TOP TITULAR -----------------------------------*/ .intro-top-gen .header-back .headline { background-color: #2c2c2c; opacity: 0.91; padding: 30px; top: 100px; position: relative; } .intro-top-gen .header-back .headline h1{ color: #ffffff; font-family: PulsoLight; /*font-size: 50px;*/ font-size: 2.7em; /* font-size: 8.5vw;*/ text-transform: none; letter-spacing: 2px; /* text-shadow: 2px 2px 4px #000000;*/ } .intro-top-gen .header-back .headline h2{ color: #ffffff; font-size: 1.6em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; /* text-shadow: 2px 2px 4px #000000;*/ } @media only screen and (max-width:768px) { } .wrapper { margin: 0 auto; width: 860px; } .drift-demo-trigger { width: 40%; float: left; } .detail { position: relative; width: 55%; margin-left: 5%; float: left; } /*----------------------------------- 2. HEADER -----------------------------------*/ #internal-header-top h2 { font-family: PulsoLight; font-size: 2.8em; line-height: 1.3em; text-transform: none; letter-spacing: 5px; color: #525252; } #internal-header-top h2 span{ font-family: PulsoRegular; } #internal-header-top h3 { line-height: 1.3em; text-transform: none; font: 1.8em PulsoLight; letter-spacing: 3px; } #internal-header-top h3 span{ font-family: PulsoRegular; } #internal-header-top .top-details-item { float: left; width: 31%; margin-right: 5px; background-color: #f3f3f3; padding: 10px 4px; font: 12px PulsoLight; text-align: center; letter-spacing: 2px; margin-bottom: 10px; } #internal-header-top .top-details-item span { font-family: PulsoRegular; display: block; font-size: 25px; } @media only screen and (max-width:768px) { #internal-header-top .top-details-item { float: left; width: 100%; margin-right: 0; background-color: #f3f3f3; padding: 10px 4px; font: 20px PulsoLight; text-align: center; letter-spacing: 2px; margin-bottom: 10px; } } /*----------------------------------- 3. CONTE ROAMING -----------------------------------*/ #conte-billetera { /* background-color: red;*/ } #conte-billetera h2 { line-height: 1.3em; text-transform: none; color: #525252; text-align: center; font: 2.3em PulsoLight; letter-spacing: 3px; } #conte-billetera h2 span{ font-family: PulsoRegular; } #conte-billetera h3 { line-height: 1.3em; text-transform: none; color: #525252; text-align: center; font: 1.8em PulsoLight; letter-spacing: 3px; } #conte-billetera h3 span{ font-family: PulsoRegular; } #conte-billetera h4 { font: 32px PulsoLight; text-transform: none; color: #a1a1a1; margin-bottom: 40px; } #conte-billetera .resaltar { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #000000; font-size: 15px; } #conte-billetera .headline-resaltado { font: 2.8em PulsoLight; letter-spacing: 6px; color: #1eb5e1; } #conte-billetera .headline-resaltado span{ font-family: PulsoRegular; } #conte-billetera .rg { float: right; } @media only screen and (max-width:768px) { #conte-billetera h2 { font: 2.2em PulsoLight; margin-top: 100px; letter-spacing: 5px; text-transform: none; text-align: center; } } /*----------------------------------- FEATURE ICON MOD -----------------------------------*/ .feature-block { text-align: center; -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; top: 0; position: relative; border: 2px solid #e4e4e4; } .feature-block:hover { top: -5px; -webkit-box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3); } .feature-block p { color: #535353; font-size: 1em; } .feature-icon { font-size: 50px; color: #1eb5e1; margin-bottom: 30px; text-align: center; display: block !important; width: 100%; } .feature-icon img{ width: 180px; margin-top: 20px; } .feature-section h5 { font: 1.5em PulsoLight; letter-spacing: 2px; text-transform: none; color: #000; line-height: 1.1em!important; margin-bottom: 5px; } .feature-section h6 { font: 1.8em PulsoRegular; letter-spacing: 1px; text-transform: uppercase; color: #e10287; line-height: 1.1em!important; margin-bottom: 5px; } .feature-section p { font-size: 10px; text-transform: uppercase; line-height: 1.1em!important; letter-spacing: 2px; background-color: #383838; padding: 3px 15px; display: inline; color: #ffffff; font-weight: 800; border-radius: 10px; } .feature-section p.special { font-size: 10px; text-transform: uppercase; line-height: 1.1em!important; letter-spacing: 2px; background-color: #ee0303; padding: 3px 15px; display: inline; color: #ffffff; font-weight: 800; border-radius: 10px; } .feature-section p.clear { font-size: 14px; text-transform: none; line-height: 1.4em!important; letter-spacing: 0px; } .feature-section p.clear span{ font-weight: 800; } /*----------------------------------- FEATURE ICON MOD INSTRUCTIVO -----------------------------------*/ .feature-block-instructivo-first { /*text-align: center; -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out;*/ top: 0; position: relative; /* border: 1px solid #ededed;*/ padding: 30px; margin-bottom: 30px; background-color: #; min-height: 350px; } .feature-block-instructivo-first h2{ font: 2.8em PulsoRegular; letter-spacing: 1px; text-transform: uppercase; color: #e10287; line-height: 1.1em!important; margin-bottom: 5px; padding-top: 20%; } .feature-block-instructivo-first h3{ font: 1.8em PulsoLight; letter-spacing: 1px; text-transform: none; color: #e10287; line-height: 1.1em!important; margin-bottom: 5px; } .feature-block-instructivo-first h3 span{ font-family: PulsoRegular; } .feature-block-instructivo { text-align: center; -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; top: 0; position: relative; /* border: 1px solid #fff;*/ padding: 30px; margin-bottom: 30px; background-color: #fff; min-height: 350px; border-bottom: 5px solid #d3d3d3; } .feature-block-instructivo:hover { /* top: -5px; -webkit-box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3); */ } .feature-block-instructivo p { color: #535353; font-size: 1em; } .feature-icon-instructivo { font-size: 50px; color: #1eb5e1; margin-bottom: 30px; text-align: center; display: block !important; width: 100%; } .feature-icon-instructivo img{ width: 120px; margin-top: 20px; } .feature-section-instructivo h5 { font: 1.5em PulsoLight; letter-spacing: 2px; text-transform: none; color: #000; line-height: 1.1em!important; margin-bottom: 5px; } .feature-section-instructivo h6 { font: 1.8em PulsoRegular; letter-spacing: 1px; text-transform: uppercase; color: #e10287; line-height: 1.1em!important; margin-bottom: 5px; } .feature-section-instructivo p { font-size: 9px; text-transform: uppercase; line-height: 1.1em!important; letter-spacing: 2px; } .feature-section-instructivo p.clear { font-size: 14px; text-transform: none; line-height: 1.4em!important; letter-spacing: 0px; } .feature-section-instructivo p.clear span{ font-weight: 800; } /*----------------------------------- BILLETERA FEATURES -----------------------------------*/ #billetera-features { } #billetera-features h2{ text-transform: none; font-family: PulsoLight; letter-spacing: 4px; line-height: 1.1em; font-size: 2em; } #billetera-features h2 span{ font-family: PulsoRegular; } #billetera-prepa-pospa h3{ font-size: 1em; letter-spacing: 3px; } #billetera-features .effect-milo h2 { font-family: PulsoLight; font-size: 1.4em; position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; color: #ffffff; } /*----------------------------------- DESCARGA VIDEO -----------------------------------*/ #futbol-pasos { /* background-color: green;*/ } #futbol-pasos h2{ text-transform: none; font-family: PulsoLight; letter-spacing: 4px; line-height: 1.1em; font-size: 2.2em; /*color: red;*/ } #futbol-pasos h2 span{ font-family: PulsoRegular; } #futbol-pasos h3{ font-size: 18px; /* letter-spacing: 3px;*/ padding-top: 30px; font-family: PulsoRegular; } #futbol-pasos h4{ font-size: 14px; /* letter-spacing: 3px;*/ font-family: PulsoRegular; line-height: 1.1em; } #futbol-pasos p{ font-size: 13px; line-height: 1.1em; } #futbol-pasos .box-suscribite { display: block; padding: 40px; } @media only screen and (max-width:768px) { #futbol-pasos h2{ font-size: 2.2em; } #futbol-pasos h3{ font-size: 1.6em; padding-top: 30px; } #futbol-pasos .box-suscribite { display: block; padding: 40px 15px; } } /*----------------------------------- DESCARGA BILETERA -----------------------------------*/ .section-title-descarga-billetera { } .section-title-descarga-billetera h2{ line-height: 1em; text-align: right; font-family: PulsoLight; font-size: 28px; } .section-title-descarga-billetera h2 span{ font-family: PulsoRegular; } .section-title-descarga-billetera h6{ text-transform: none; color: #fff; } @media only screen and (max-width:768px) { .section-title-descarga-billetera { text-align: center; } .section-title-descarga-billetera h2{ text-align: center; margin-bottom: 30px; } } /*----------------------------------- WARNING BOX MOD -----------------------------------*/ .warning-box h2{ font-size: 20px; padding-bottom: 0; margin-bottom: 10px; font-family: PulsoRegular; } .warning-box h3{ line-height: 1.4em; font-size: 18px; text-transform: uppercase; letter-spacing: 6px; font-family: PulsoLight; } @media only screen and (max-width:768px) { .warning-box h3{ line-height: 1.4em; font-size: 14px; text-transform: uppercase; letter-spacing: 4px; } } /*----------------------------------- SECTION PRINT -----------------------------------*/ #section-print { text-align: center; } #section-print img{ width: 120px; text-align: center; } #section-print h2{ font-family: PulsoRegular; font-size: 1.8em; line-height: 1.1em; text-transform: none; letter-spacing: 3px; color: #fff; } #section-print h3{ font-size: 1.3em; color: #fff; line-height: 1.2em; } #section-print h4{ color: #fff; font-size: 40px; } #section-print h5{ color: #fff; font-size: 20px; } /*----------------------------------- TABLA TARIFAS -----------------------------------*/ #conte-tarifas { } #conte-tarifas h2 { font-family: PulsoLight; font-size: 2.6em; line-height: 1.3em; text-transform: none; letter-spacing: 5px; color: #525252; } #conte-tarifas h2 span { font-family: PulsoRegular; } #conte-tarifas h3 { font-size: 1.8em; line-height: 1.3em; } #conte-tarifas span { font-family: PulsoRegular; } @media only screen and (max-width:768px) { #conte-tarifas h2 { font-family: PulsoLight; font-size: 1.8em; line-height: 1.3em; text-transform: none; letter-spacing: 5px; color: #525252; } #conte-tarifas h3 { font-size: 1.4em; line-height: 1.3em; } } /*----------------------------------- BENEFICIOS -----------------------------------*/ #contrata-flow { } #contrata-flow .about-section{ } #contrata-flow .about-section img{ width: 120px; margin-bottom: 40px; } #contrata-flow .about-section h2{ line-height: 1.1em; font-family: PulsoLight; text-transform: none; /* text-align: left;*/ } #contrata-flow .about-section h2 span{ font-family: PulsoRegular; } #contrata-flow .about-section h3{ line-height: 1.1em; font-size: 22px; } #contrata-flow .about-section h3 span{ font-family: PulsoRegular; } #contrata-flow .about-section p { /* text-align: left;*/ } @media only screen and (max-width:768px) { #contrata-flow .about-section { text-align: center; } #contrata-flow .about-section h2{ font-size: 22px; } #contrata-flow .about-section p { } } /*----------------------------------- BENEFICIOS-TOP -----------------------------------*/ #billtera-beneficios-top { } #billtera-beneficios-top .about-section{ text-align: center; } #billtera-beneficios-top .about-section img{ width: 120px; margin-bottom: 40px; } #billtera-beneficios-top .about-section h2{ line-height: 1.1em; } #billtera-beneficios-top .about-section h3{ line-height: 1.1em; font-size: 22px; } #billtera-beneficios-top .about-section-seprelad{ /*text-align: center; background: red;*/ /*border: 1px solid #c0c0c0;*/ padding: 1.5em; background-color: rgba(242, 242, 242, 0.42); } #billtera-beneficios-top .about-section-seprelad img{ width: 60px; margin-bottom: 40px; } #billtera-beneficios-top .about-section-seprelad h2{ line-height: 1.1em; } #billtera-beneficios-top .about-section-seprelad h3{ line-height: 1.1em; font-size: 22px; padding-bottom: 20px; border-bottom: 4px solid #787878; } @media only screen and (max-width:768px) { #billtera-beneficios-top .about-section img{ width: 100px; margin-bottom: 20px; } #billtera-beneficios-top .about-section h2{ font-size: 30px; line-height: 1.1em; text-align: center; padding: 0; margin: 0; } #billtera-beneficios-top .about-section h3{ line-height: 1.1em!important; margin-top: 10px; font-size: 22px; font-family: PulsoLight; } } /*----------------------------------- SERVICIOS PRONCIPALES -----------------------------------*/ .servicios-principal{ /*width: 100%; align-items: center; margin-top: 50px; padding-bottom: 50px;*/ /*background-color: #616cff;*/ } .servicios-principal .conte{ /*background-color: #ff8ecd;*/ /*float: left; /*margin-left: 50px;*!/*/ padding-top: 65px; } /*.servicios-principal .conte h1{ text-transform: none; margin-left: 0 !important; padding-left: 0 !important; font: 28px PulsoLight; } */ .servicios-principal .conte p{ /*font-size: 18px; line-height: 1.3em; margin-bottom: 30px;*/ } /*.servicios-principal .logos{ width: 480px; float: left; } .servicios-principal .logos ul{ margin: 0 !important; flex-wrap: wrap; display: flex; } .servicios-principal .logos ul li{ display: flex; justify-content: center; align-items: center; width: 237px; height: 122px; background: #fbfcfd; margin-left: 0px !important; }*/ .servicios-principal .logos{ /* width: 480px;*/ float: left; /*background-color: #8df9b2;*/ } .servicios-principal .logos ul{ padding: 0; float: left; margin: 0 !important; } .servicios-principal .logos ul li{ justify-content: center; align-items: center; width: 50%; height: 122px; background: #fbfcfd; margin-left: 0px !important; float: left; list-style-type: none !important; } .servicios-principal .logos ul li img{ position: relative; /* margin-left: auto; */ /* margin-right: auto; */ left: 84px; top: 35px; } @media only screen and (max-width:768px) { .servicios-principal .logos ul li img{ position: relative; /* margin-left: auto; */ /* margin-right: auto; */ left: 59px; top: 35px; } } .servicios-principal .logos ul li:nth-child(4n - 1), .servicios-principal .logos ul li:nth-child(4n - 2) { background: #f2f5f8 } #billtera-pago-de-servicios{ } #billtera-pago-de-servicios h2{ text-transform: none; line-height: 1.1em; /* text-align: center;*/ } .full-section-video { } .full-section-video h2{ line-height: 1.1em; font-family: PulsoLight; text-transform: none; } .full-section-video h2 span{ font-family: PulsoRegular; } .full-section-video h3{ line-height: 1.1em; } .full-section-mapa{ } .full-section-mapa h2{ color: #fff; line-height: 1.1em; text-transform: none; font-family: PulsoLight; } .full-section-mapa h2 span{ /*color: #fff; line-height: 1.1em;*/ font-family: PulsoRegular; } .full-section-mapa h3{ color: #fff; line-height: 1.1em; font-size: 20px; } .full-section-mapa p{ /* padding: 20px 0 50px 0;*/ color: #fff; line-height: 1.1em; font-size: 13px; } .full-section-mapa img.dispositivo{ padding: 40px 0 20px 0; } .full-section-precio h2{ /* color: #fff;*/ line-height: 1.1em; } .full-section-precio h2 span{ /* color: #fff;*/ line-height: 1.1em; font-weight: 800; } .full-section-precio p{ padding: 20px 15px 50px 15px; /* color: #fff;*/ line-height: 1.5em; } /*----------------------------------- PANTALLAS -----------------------------------*/ #pantallas { } #pantallas h2{ text-transform: none; font-family: PulsoLight; letter-spacing: 4px; line-height: 1.1em; font-size: 2.4em; margin-top: 0px!important; padding: 0px; } #pantallas h2 span{ font-family: PulsoRegular; /* color: #e10287;*/ font-size: 1em; line-height: 1em; } #pantallas h3{ font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0px; font-family: PulsoRegular; text-align: center; } #pantallas p { font-size: 1.3em; } #pantallas p span{ font-weight: 800; } #pantallas img.features{ width: 60px; align-content: center; padding: 30px 0 30px; margin-left: auto; margin-right: auto ; /*margin-left: 40%;*/ } @media only screen and (max-width:768px) { #pantallas h2{ padding-top: 40px; font-size: 1.6em; } } /*----------------------------------- BENEFICIOS - LISTADOS -----------------------------------*/ #billetera-listado-locales img { width: 25%; margin-bottom: 20px; } #billetera-listado-locales h2{ text-align: center; color: #000; font-size: 2.6em; line-height: 1.2em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; } #billetera-listado-locales h2 span{ font-family: PulsoRegular; } #billetera-listado-locales h3{ text-align: center; color: #000; font-size: 1.2em; line-height: 1.1em; text-transform: none; font-family: PulsoLight; letter-spacing: 2px; margin-top: 40px; } .logo-itau img{ width: 350px; } .alianza-itau-home img { width: 250px; margin-left: 20%; } /* ####### AJUSTES PARA TELEFONOS CON PANTALLA MEDIA -- */ @media only screen and (max-width:768px) { .full-section-video h2{ font-size: 24px } .full-section-video h3{ font-size: 20px } .full-section-mapa h2{ font-size: 24px } .full-section-mapa h3{ font-size: 20px; } .full-section-mapa h5{ font-size: 16px; /* color: #ffffff;*/ } .full-section-mapa p{ font-size: 16px; color: #ffffff; } #billetera-beneficios-home h2{ text-transform: none; font-family: PulsoLight; letter-spacing: 4px; line-height: 1.1em; font-size: 1.7em; } #billetera-beneficios-home h2 span{ font-size: inherit; } #billetera-beneficios-home h3 { /* margin-top: 40px;*/ font-family: PulsoLight; font-size: 0.8em; line-height: 1.1em; text-transform: none; } #billetera-beneficios-home, #billetera-beneficios-home p, #billetera-beneficios-home h3, #billetera-beneficios-home h2 {text-align: center;} } /* ####### AJUSTES PARA TELEFONOS CON PANTALLA CHICA -- */ @media only screen and (max-width:320px) { .warning-box h2{ font-size: 20px; padding-bottom: 0; margin-bottom: 10px; font-family: PulsoRegular; line-height: 1.1em; } .warning-box { margin-left: 0; margin-right: 0; } .servicios-principal .logos ul li img{ position: relative; /* margin-left: auto; */ /* margin-right: auto; */ left: 28px; top: 35px; } } /*-----------*/ /*PRICE TABLE*/ /*-----------*/ .combo-list { margin: 2em 0 0; } .combo-list > li { position: relative; margin-bottom: 1em; list-style: none; padding-bottom: 40px; box-shadow: 0 1px 5px rgb(0 0 0 / 10%); margin-right: 2%; } .combo-list > .full { width: 56.6666666666% ; float: left; padding-left: 10px; padding-right: 10px; /* background-color: #afafaf !important;*/ margin-left: 10%; margin-top: 0px; } .combo-list > .full h3 { margin-bottom: 30px; font-size: 35px !important; line-height: 1.1em; } .combo-list > .full h4 { font-family: PulsoLight; text-transform: none; font-size: 20px !important; margin-top: 20px; margin-bottom: 10px; line-height: 1.4em !important; } .combo-list > .full span { font-family: PulsoRegular; color: #000000; } .combo-list > .full small { text-transform: lowercase; } .combo-list > .full .titulo{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .senales{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .precio{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .icos{ float: left; display: inline-block; width: 100%; padding: 10px; border-top: 1px solid #dbdbdb; margin-top: 15px; } .combo-list > .full .oferta{ float: left; background-color: #ebebeb; width: 100%; font-family: PulsoLight; letter-spacing: 2px; } .combo-list > .full .oferta span{ font-family: PulsoRegular; } .combo-list > .full ul li{ float: left; margin: 4px; } @media only screen and (max-width:768px) { .combo-list > .full { width: 99% !important; float: left; padding-left: 10px; padding-right: 10px; /* background-color: #afafaf !important;*/ margin-left: 0%; } .combo-list > .full h3 { margin-bottom: 30px; font-size: 35px !important; line-height: 1.1em; } .combo-list > .full .block{ display: inline-block; } } @media only screen and (min-width: 768px) { .combo-list { margin: 3em 0 0; } .combo-list:after { content: ""; display: table; clear: both; } .combo-list > li { width: 33.3333333333%; float: left; padding-left: 10px; padding-right: 10px; list-style: none; } .has-margins .combo-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .has-margins .combo-list > li:last-of-type { margin-right: 0; } .combo-list-home { margin: 3em 0 0; } .combo-list-home:after { content: ""; display: table; clear: both; } .combo-list-home > li { width: 50%; float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 40px; padding-top: 20px; list-style: none; margin-bottom: 30px; border: 1px solid #f3f3f3; } .combo-list-home > li:hover { background-color: #fff; border: 1px solid #a7a7a7; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .has-margins .combo-list-home > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .has-margins .combo-list-home > li:last-of-type { margin-right: 0; } } .combo-list { margin: 2em 0 0; } .combo-list > li { position: relative; margin-bottom: 1em; list-style: none; padding-bottom: 40px; } .combo-list > .full { width: 56.6666666666% ; float: left; padding-left: 10px; padding-right: 10px; /* background-color: #afafaf !important;*/ margin-left: 10%; margin-top: 0px; } .combo-list > .full h3 { margin-bottom: 30px; font-size: 35px !important; line-height: 1.1em; } .combo-list > .full h4 { font-family: PulsoLight; text-transform: none; font-size: 20px !important; margin-top: 20px; margin-bottom: 10px; line-height: 1.4em !important; } .combo-list > .full span { font-family: PulsoRegular; color: #000000; } .combo-list > .full small { text-transform: lowercase; } .combo-list > .full .titulo{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .senales{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .precio{ float: left; font: 15px PulsoLight; letter-spacing: 3px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-top: 20px; color: #323232; } .combo-list > .full .icos{ float: left; display: inline-block; width: 100%; padding: 10px; border-top: 1px solid #dbdbdb; margin-top: 15px; } .combo-list > .full .oferta{ float: left; background-color: #ebebeb; width: 100%; font-family: PulsoLight; letter-spacing: 2px; } .combo-list > .full .oferta span{ font-family: PulsoRegular; } .combo-list > .full ul li{ float: left; margin: 4px; } @media only screen and (max-width:768px) { .combo-list > .full { width: 99% !important; float: left; padding-left: 10px; padding-right: 10px; /* background-color: #afafaf !important;*/ margin-left: 0%; } .combo-list > .full h3 { margin-bottom: 30px; font-size: 35px !important; line-height: 1.1em; } .combo-list > .full .block{ display: inline-block; } } @media only screen and (min-width: 768px) { .combo-list { margin: 3em 0 0; } .combo-list:after { content: ""; display: table; clear: both; } .combo-list > li { width: 33.3333333333%; float: left; padding-left: 10px; padding-right: 10px; list-style: none; } .has-margins .combo-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .has-margins .combo-list > li:last-of-type { margin-right: 0; } .combo-list-home { margin: 3em 0 0; } .combo-list-home:after { content: ""; display: table; clear: both; } .combo-list-home > li { width: 50%; float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 40px; padding-top: 20px; list-style: none; margin-bottom: 30px; border: 1px solid #f3f3f3; } .combo-list-home > li:hover { background-color: #fff; border: 1px solid #a7a7a7; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .has-margins .combo-list-home > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .has-margins .combo-list-home > li:last-of-type { margin-right: 0; } } /* -------------------------------- combo tables -------------------------------- */ .cd-combo { /* width: 90%;*/ width: 100%; max-width: 85%; margin: 0 auto; text-align: center; } .cd-combo > li { position: relative; margin: 0 auto 2.5em; background-color: #ffffff; border-radius: .3em .3em .25em .25em; border: solid 1px #C8C8C8; list-style: none; } .cd-combo > li.empty-box { box-shadow: none; } .cd-combo > li.empty-box::after { /* placeholder visible when .cd-form is open - in this case same color of the background */ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0f222b; } @media only screen and (min-width: 768px) { .cd-combo { max-width: 1000px; } .cd-combo > li { width: 32%; float: left; margin-right: 2%; margin-bottom: 0; list-style: none; } .cd-combo > li:last-of-type { margin-right: 0; } } @media only screen and (min-width: 1024px) { .cd-combo > li { /* width: 28.0%;*/ width: 32%; float: left; margin-right: 2%; } } .cd-top-desc { padding: 2.3em 1em 1.3em; border-radius: 0.9em 0.9em 0 0; /* box-shadow: inset 0 2px 0 #d4d7d3; */ color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*background-color: #f3f3f3;*/ /*background-color: #fff;*/ } } .cd-top-desc h2, .cd-combo-header .cd-combo { line-height: 1.2; } .cd-top-desc h2, .cd-combo-header .cd-plus { line-height: 1.2; /* background-color: red;*/ } .cd-top-desc h2 { font-size: 2rem; margin-bottom: 0.15em; } .cd-top-desc .cd-combo { /* display: inline-block;*/ font-weight: normal; text-align: center; } .cd-top-desc .cd-combo::after { clear: both; content: ""; display: table; } .cd-top-desc .cd-combo .plus { color: #a7a7a7; font-size: 30px; margin-bottom: 20px; font-family: PulsoRegular; } .cd-combo img { margin-bottom: 30px; margin-top: 10px; } .cd-top-desc span { /* float: left;*/ } .cd-top-desc span#mas { font-size: 25px; text-align: center; margin: 0; padding: 0; font-family: PulsoRegular; margin-bottom: 10px; margin-top: 5px; color: #919191; } .cd-top-desc-milamegas span#mas { font-size: 25px; text-align: center; margin: 0; padding: 0; font-family: PulsoRegular; margin-bottom: 10px; margin-top: 5px; color: #919191; } .cd-top-desc span:nth-of-type(1) { color: #000000; /* text-transform: uppercase;*/ /* padding-bottom: 10px;*/ display: table; clear: both; width: 100%; float: left; /* margin-top: 30px;*/ font-size: 24px; letter-spacing: 1px; /* color: #ffffff;*/ font-family: PulsoRegular; margin-bottom: 0; padding-bottom: 0; line-height: 0.9em; } .cd-top-desc-milmegas span:nth-of-type(1) { color: #000000; /* text-transform: uppercase;*/ /* padding-bottom: 10px;*/ display: table; clear: both; width: 100%; float: left; /* margin-top: 30px;*/ font-size: 24px; letter-spacing: 1px; /* color: #ffffff;*/ font-family: PulsoRegular; margin-bottom: 0; padding-bottom: 0; line-height: 0.9em; } .cd-top-desc span:nth-of-type(2) { color: #000000; /* text-transform: uppercase;*/ /* padding-bottom: 10px;*/ display: table; clear: both; width: 100%; float: left; /* margin-top: 30px;*/ font-size: 24px; letter-spacing: 1px; /* color: #ffffff;*/ font-family: PulsoRegular; margin-bottom: 0; padding-bottom: 0; line-height: 0.9em; } .cd-top-desc-milmegas span:nth-of-type(2) { color: #000000; /* text-transform: uppercase;*/ /* padding-bottom: 10px;*/ display: table; clear: both; width: 100%; float: left; /* margin-top: 30px;*/ font-size: 24px; letter-spacing: 1px; /* color: #ffffff;*/ font-family: PulsoRegular; margin-bottom: 0; padding-bottom: 0; line-height: 0.9em; } .cd-top-desc span.bigger { font-size: 65px; /* display: inline-flex; padding-left: 70px;*/ /* color: red;*/ } .cd-top-desc-milmegas span.bigger { font-size: 65px; display: inline-flex; padding-left: 100px; /* color: red;*/ } .cd-top-desc span.medium { font-size: 25px; /* color: red;*/ } .cd-top-desc-milmegas span.medium { font-size: 25px; /* color: red;*/ } .cd-top-desc span.smaller { font-size: 25px; display: inline-flex; padding-top: 28px; /* color: red;*/ } .cd-top-desc-milmegas span.smaller { font-size: 25px; display: inline-flex; padding-top: 28px; /* color: red;*/ } .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; } .cd-top-desc-milmegas label { text-align: center; display: block; /* background-color: red;*/ position: relative; /* top: 10px;*/ text-transform: uppercase; font-size: 12px; font-weight: 200; } .cd-top-desc label.gigas { position: relative; /* color: red;*/ /* top: -40px;*/ } .cd-top-desc-milmegas label.gigas { position: relative; /* color: red;*/ /* top: -40px;*/ } .cd-top-desc span:nth-of-type(2)::before { /* content: '/';*/ } @media only screen and (min-width: 768px) { .cd-top-desc h2 { font-size: 2.6rem; } } .cd-combo-header { padding: 2em 1em 2em; /* padding: 5.3em 1em 2.3em;*/ /* border-radius: .25em .25em 0 0;*/ /* box-shadow: inset 0 1px 0 #c1cfa2;*/ /* color: #fff;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* background-color: #2c2c2c;*/ /* background-color: #535353; height: 200px;*/ /* padding-top: 1em;*/ } .cd-combo-header h2, .cd-combo-header .cd-combo { line-height: 1.2; } .cd-combo-header h2 { font-size: 2rem; margin-bottom: 0.15em; } .cd-combo-header .cd-combo { /* display: inline-block;*/ font-weight: bold; text-align: center; } .cd-combo-header .cd-combo::after { clear: both; content: ""; display: table; } .cd-combo-header span { /* float: left;*/ } .cd-combo-header span#mas { font-size: 45px; text-align: center; margin: 0; padding: 0; font-family: PulsoRegular; } .cd-combo-header span:nth-of-type(1) { /*color: #f5d600; text-transform: uppercase; padding-bottom: 10px; display: table; clear: both; width: 100%; float: left; margin-top: 30px; font-size: 25px; letter-spacing: 1px; color: #ffffff; font-family: PulsoLight;*/ } .cd-combo-header span:nth-of-type(2)::before { /* content: '/';*/ } @media only screen and (min-width: 768px) { .cd-combo-header h2 { font-size: 2.6rem; } } .cd-combo-features { /* padding: 2.8em 1em 1.5em;*/ padding: 1.8em 2.5em 1.5em; background-color: #fcfcfc; box-shadow: 0 2px 1px #d7d7d7; } .cd-combo-features li h2 { overflow: hidden; text-align: center; font-size: 14px !important; padding: 0; margin: 0; line-height: 0.9em; text-transform: uppercase; letter-spacing: 2px; padding: 20px 0 ; } .cd-combo-features li h2:before, .cd-combo-features li h2:after { background-color: #333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .cd-combo-features li h2:before { right: 0.5em; margin-left: -50%; } .cd-combo-features li h2:after { left: 0.5em; margin-right: -50%; } .cd-combo-features li { line-height: 1.8em; /* line-height: 1em;*/ /* margin-bottom: .4em;*/ list-style: none; font-size: 15px; color: #535353; text-align: left; padding-left: 0; padding-right: 0; } .cd-combo-features li i { font-size: 30px; color: #019b3f; position: relative; top: 4px; padding-right: 10px; } .cd-combo-features li img { padding: 0 2px; /* padding-top: 8px;*/ /* padding-bottom: 8px;*/ width: 35px; } .cd-combo-features li:last-of-type { margin-bottom: 0; } .cd-combo-features p { margin-bottom: 10px; font-family: PulsoLight; text-transform: uppercase; text-align: center; font-size: 14px; letter-spacing: 3px; } .cd-combo-features em { position: relative; padding-left: 28px; } .cd-combo-features em::before { /* this is the icon (check or cross) next to the plan feature */ position: absolute; content: ''; left: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 24px; width: 24px; background: url(../img/cd-icons-internet.svg) no-repeat -24px 0; } .cd-combo-features .available em::before { background-position: 0 0; } .combo-number { font-size: 55px; text-align: center; position: relative; /* font-weight: 800;*/ font-family: PulsoRegular; color: #333; /* top: -30px;*/ } .combo-desc { position: relative; top: 0px; font-size: 16px; font-weight: 200; letter-spacing: .7px; font-family: PulsoLight; padding: 0 10px; } .combo-number-mm { font-size: 50px; text-align: center; position: relative; font-weight: 800; /* font-family: 'Raleway', sans-serif;*/ color: #fff; /* top: -30px;*/ } .combo-lista { position: relative; /* top: -30px;*/ font-size: 12px; font-weight: 200; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: 25px; display: block; } .combo-unit { position: relative; /* top: -30px;*/ font-size: 22px; font-weight: 200; letter-spacing: -0.4px; } .combo-mes { position: relative; /* top: -30px;*/ font-size:19; font-weight: 600; letter-spacing: -0.4px; } .combo-promo { position: relative; /* top: -30px;*/ font-size: 12px; font-weight: 200; letter-spacing: 1.4px; text-transform: uppercase; display: block; } .combo-value img { width: 80px; display: block; margin: auto; padding-bottom: 60px; } .cd-cta-footer{ /* position: absolute;*/ z-index: 1; top: 0; left: 0; /* on mobile it covers the .cd-pricing-header */ /* height: 120px;*/ width: 100%; } .cd-select{ position: static; display: inline-block; height: auto; padding: 1.3em 3em; color: #FFFFFF; border-radius: 2px; /* background: linear-gradient(90deg,rgba(5,44,80,1),rgba(90,80,249,1)); */ background: #262626; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; letter-spacing: 2px; width: 100%; margin-bottom: 7px; } .cd-select:hover{ background: #555555; /* background: linear-gradient(90deg,rgba(90,80,249,1),rgba(5,44,80,1)); */ color: #fff; } .warning-box { padding: 20px; padding-left: 35px; padding-right: 35px; /* border: 2px solid #000000; */ color:#848484; display: block; /* letter-spacing: 1px;*/ font-size: .78em; margin-block-start: 20px; background-color: #fcfcfc; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); } #conte-combos h2{ font-family: PulsoLight; margin-bottom: 60px; line-height: 1.3; font-size: 3rem; /*font-weight: 700;*/ text-transform: none; } #conte-combos h2 span{ font-family: PulsoRegular; } .about-section{ /* padding-top: 0px; */ } .btn-flow{ background-color: #21dbaa; /* border: solid 1px rgb(35,35,35);*/ border: none; padding: 20px 40px; margin-top: 40px; /* width: 100%;*/ } .btn-flow:hover{ background-color: #7fe5c2; color: #262626; } @media only screen and (max-width: 600px) { .btn-flow{ width: 100%; margin-bottom: 50px; margin-top: 30px; } .btn { font-weight: 200; font-size: 1.2rem; } .btn-default{ padding: 20px 40px; margin-bottom: 40px; color: #ffffff; background-color: #262626; font-weight: 200; } } .line-effect{ display:inline-block; position: relative; } .line-effect::after,.line-effect::before{ content:''; position:absolute; width: 100px; height: 1px; background-color: #525652; top: 0.9em; } .line-effect::before{ left: -120px; } .line-effect::after{ right: -120px; } .combo-cta h3{ padding-top: 15px; } .warning{ font-size: .9em; } .sub-titu{ margin: 20px 0 40px 0; }