@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap');
html{scroll-behavior: smooth;}
body{color:#3b3b3b;font-size:16px;font-weight:400;font-family: 'Montserrat', sans-serif !important;line-height:28px;overflow: hidden;overflow-y:scroll;}.carousel-inner{overflow:hidden}.navbar{margin-bottom:0;padding: 20px 0;}ul{margin:0;padding:0;list-style-type:none}a:hover{text-decoration:none}p{margin-bottom:0;color:#676767;}a{text-decoration:none;color:#676767;}
.font_size_40{font-size:40px}.font_weight_900{font-weight:900}.color_fff{color:#fff}.line_height_110{line-height:110px}
.inner_subpage_banner {display: table-cell;vertical-align: middle;text-align: right;opacity: .5;}:focus-visible {outline: none !important;}
header{position: relative;display: block;padding:10px 0px;z-index: 9;}
.bg_282828{background-color: #fff;padding: 0;}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:end!important}
.navbar-brand img{width: 280px;}
.carousel-indicators li{cursor:pointer}
.bg_menu_page .inner_subpage_banner .text-banner{line-height: 110px;color: #fff;font-weight: 700;font-size: 30px;text-transform: uppercase;}
.miga{background: transparent;text-align: right;padding: 0 0 20px;}
.miga a{color:#0b9dde;}
.miga p a:hover{color:#17429f;}
.miga p span{color:#0b9dde;margin:0 5px;}
.miga p{color:#17429f !important;}
.bg_menu_page {background: url(../images/banner-productos.jpg) no-repeat right;background-size: cover;width: 100%;height: 170px !important;display: block;}
.navbar-expand-lg .navbar-nav .nav-item .active{color: #17429f;font-weight: 700;}
.navbar-expand-lg .navbar-nav .nav-item .active::before{background: #17429f;position: absolute;content: '';width: 100%;height: 2px;bottom: 0;left: 0;}
.navbar-expand-lg .navbar-nav .nav-link{display: block;font-size: 22px;margin-left: 25px;font-weight: 500;color: #1f1f1f;position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color: #17429f;}

.cabecera{background-image: url(../images/bg-slider.webp);background-size: cover;width: 100%;height: 100%;display: block;background-repeat: no-repeat;background-position: center center;position: relative;}
.cabecera .logo{padding-top: 15px;}
.cabecera .logo img{width: 200px;display: block;}
.cabecera .bg-wsp{position: absolute;display: block;text-align: right;top: 0;right: 20%;}
.cabecera .bg-wsp img{width: 25px;vertical-align: top;border-radius: 4px;margin-right: 4px;}
.cabecera .bg-wsp .img-wsp{width: 440px;position: absolute;z-index: 1;top: 0;right: -70px;}
.cabecera .bg-wsp a{color: #17429f;font-weight: 800;z-index: 5;position: relative;vertical-align: bottom;font-size: 20px;margin-top: 8px;display: inline-block;}
.cabecera .bg-wsp span{color: #000;z-index: 5;position: relative;font-weight: 700;margin: 0 7px;}
.cabecera .logo-dn{display: none;}
.cabecera .tr{display: block;float: right;width: 150px;text-align: center;}
.cabecera .tr ul{display: block;margin-top: 25px;}
.cabecera .tr ul li{display: inline-block;}
.cabecera .tr ul li a{display: block;color: #0d2e76;font-size: 22px;margin: 0 10px;}
.cabecera h1{display: block;text-align: center;font-weight: 600;color: #fff;font-size: 30px;margin-bottom: 50px;}
.cabecera h1 strong{color: #17429f;}

.elige{display: block;text-align: center;background: #f2f2f2;padding: 50px 0;position: relative;}
.elige::before{position: absolute;content: '\f0d7';font-family: 'FontAwesome';bottom: -17px;color: #f2f2f2;left: 49%;font-size: 50px;}
.elige h2{color: #379df4;line-height: 45px;}
.elige h2 strong{color: #17429f;}

.planes{display: block;padding: 50px 0;text-align: center;}
.planes h2{text-transform: uppercase;margin-bottom: 35px;}
.planes .box-internet{position: relative;display: block;border-radius: 20px;}
.planes .box-internet h4{padding: 15px 20px;background: linear-gradient(#7ee9fb, #3bb8f4);color: #fff;font-weight: 700;border-radius: 20px 20px 0 0;position: relative;margin-bottom: 0;}
.planes .box-internet h4::before{position: absolute;content: '';width: 100%;height: 2px;bottom: 0;left: 0;background: #7ee9fb;}
.planes .box-internet h4::after{position: absolute;content: '\f0d7';font-family: 'FontAwesome';bottom: -27px;color: #7ee9fb;left: 47%;font-size: 40px;}
.planes .box-internet .box-mbps{display: block;padding: 25px 10px;background: #f6f6f6;}
.planes .box-internet .box-mbps h1{color: #17429f;font-size: 50px;font-weight: 800;display: block;}
.planes .box-internet .box-mbps h5{color: #17429f;font-size: 25px;font-weight: 800;display: block;}
.planes .box-internet .box-mbps span{color: #17429f;display: block;font-size: 14px;font-weight: 500;}
.planes .box-internet .box-precio{display: block;padding: 25px 10px;background: #ffff00;}
.planes .box-internet .box-precio h3 {color: #000;font-weight: 800;font-size: 40px;}
.planes .box-internet .box-instalacion{display: block;padding: 25px 10px;background: #f6f6f6;border-radius:0 0 20px 20px;}
.planes .box-internet .box-instalacion h5{color: #17429f;font-size: 30px;font-weight: 800;display: block;margin-bottom: 20px;}
.planes .box-internet .box-instalacion span{color: #17429f;display: block;font-size: 14px;font-weight: 500;}
.planes .box-internet .box-instalacion a{padding: 10px 20px;background: linear-gradient(to top,#7ee9fb 0%, #3bb8f4 50%, #3bb8f4 50%, #7ee9fb 100%);color: #fff;font-weight: 700;border-radius: 12px;position: relative;display: block;width: 200px;margin: 15px auto;font-size: 22px;transition: background .5s ease;background-size: 100% 200%;background-position: top center;}
.planes .box-internet .box-instalacion a:hover{background-position: bottom center;}
.planes .duo{display: block;margin-top: 50px;}

.cable-tv{display: block;padding: 50px 0;text-align: center;background: #f6f6f6;}
.cable-tv h2{text-transform: uppercase;margin-bottom: 35px;}
.cable-tv img{display: block;width: 70%;margin: 0 auto;}
.cable-tv .box-tv{position: relative;display: block;border-radius: 20px;}
.cable-tv .box-tv h4{padding: 15px 20px;background: linear-gradient(#7ee9fb, #3bb8f4);color: #fff;font-weight: 700;border-radius: 20px 20px 0 0;position: relative;margin-bottom: 0;}
.cable-tv .box-tv h4::before{position: absolute;content: '';width: 100%;height: 2px;bottom: 0;left: 0;background: #7ee9fb;}
.cable-tv .box-tv h4::after{position: absolute;content: '\f0d7';font-family: 'FontAwesome';bottom: -27px;color: #7ee9fb;left: 47%;font-size: 40px;}
.cable-tv .box-tv .box-mbps{display: block;padding: 25px 10px;background: #fff;}
.cable-tv .box-tv .box-mbps h1{color: #17429f;font-size: 50px;font-weight: 800;display: block;}
.cable-tv .box-tv .box-mbps span{color: #17429f;display: block;font-size: 14px;font-weight: 500;}
.cable-tv .box-tv .box-precio{display: block;padding: 25px 10px;background: #ffff00;}
.cable-tv .box-tv .box-precio h3 {color: #000;font-weight: 800;font-size: 40px;}
.cable-tv .box-tv .box-instalacion{display: block;padding: 25px 10px;background: #fff;border-radius:0 0 20px 20px;}
.cable-tv .box-tv .box-instalacion h5{color: #17429f;font-size: 30px;font-weight: 800;display: block;margin-bottom: 20px;}
.cable-tv .box-tv .box-instalacion span{color: #17429f;display: block;font-size: 14px;font-weight: 500;}
.cable-tv .box-tv .box-instalacion a{padding: 10px 20px;background: linear-gradient(to top,#7ee9fb 0%, #3bb8f4 50%, #3bb8f4 50%, #7ee9fb 100%);color: #fff;font-weight: 700;border-radius: 12px;position: relative;display: block;width: 200px;margin: 15px auto;font-size: 22px;transition: background .5s ease;background-size: 100% 200%;background-position: top center;}
.cable-tv .box-tv .box-instalacion a:hover{background-position: bottom center;}

footer{display: block;padding: 50px 0;}
footer img{display: block;width: 75%;margin: 0 auto 15px;}
footer .redes{display: block;text-align: center;}
footer .redes li{display: inline-block;}
footer .redes li a{color: #0d2e76;display: block;margin: 0 15px;font-size: 22px;}
footer h4{color: #0d2e76;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;font-size: 20px;}
footer .footer-contacto{display: block;position: relative;}
footer .footer-contacto li{display: block;position: relative;padding-left: 25px;margin-bottom: 7px;}
footer .footer-contacto li a{color: #000;font-weight: 500;}
footer .footer-contacto .map a::before{position: absolute;content: '\f3c5';font-family: 'FontAwesome';top: 0;left: 0px;color: #0d2e76;}
footer .footer-contacto .msj a::before{position: absolute;content: '\f0e0';font-family: 'FontAwesome';top: 0;left: 0px;color: #0d2e76;}
footer .footer-contacto .tel a::before{position: absolute;content: '\f095';font-family: 'FontAwesome';top: 0;left: 0px;color: #0d2e76;}
footer .footer-contacto .wsp a::before{position: absolute;content: '\f232';font-family: 'FontAwesome';top: 0;left: 0px;color: #0d2e76;}
footer .links{display: block;position: relative;}
footer .links li{display: block;position: relative;padding-left: 25px;margin-bottom: 7px;}
footer .links li a{color: #000;font-weight: 500;}
footer .links li a::before{position: absolute;content: '\f0c8';font-family: 'FontAwesome';top: 0;left: 0px;color: #0d2e76;font-size: 10px;}
footer p{display: block;font-size: 15px;color: #000;text-align: justify;margin-bottom: 15px;font-weight: 500;line-height: 24px;}
footer #boletin{display: block;width: 100%;}
footer #boletin .form-group{display: block;margin-bottom: 20px;}
footer #boletin input{display: block;width: 100%;border: none;background-color: #fff;padding: 10px 20px;border-radius: 10px;}
footer #boletin button{padding: 10px 20px;background: linear-gradient(to top, #7ee9fb 0%, #3bb8f4 50%, #3bb8f4 50%, #7ee9fb 100%);color: #fff;font-weight: 700;border-radius: 12px;position: relative;display: block;width: 160px;margin: 5px auto;font-size: 20px;transition: background .5s ease;background-size: 100% 200%;background-position: top center;float: right;border: none;}
footer #boletin button:hover{background-position: bottom center;}

.footer-bottom{background: #0d2e76;padding: 5px 0;}
.footer-bottom p{color:#fff;font-size:14px;}
.footer-bottom p a{color:#fff}
.footer-bottom .tr{text-align: right;}

.titulo{padding: 50px 0;background: #f6f6f6;text-align: center;position: relative;}
.titulo h2{color: #379df4;font-size: 40px;font-weight: 600;}
.titulo h2 strong{color: #0d2e76;font-weight: 800;}
.titulo::before{position: absolute;content: '\f0d7';font-family: 'FontAwesome';bottom: -17px;color: #f6f6f6;left: 49%;font-size: 50px;}

.nosotros-int{display: block;padding: 50px 0;overflow: hidden;}
.nosotros-int img{display: block;width: 100%;margin-bottom: 20px;}
.nosotros-int .himisi{display: block;margin: 40px 0;}
.nosotros-int .himisi h4{color: #17429f;font-weight: 600;}
.nosotros-int .himisi p{display: block;text-align: justify;color: #000;}
.nosotros-int .valores{display: block;text-align: center;overflow: hidden;}
.nosotros-int .valores h4{color: #17429f;font-weight: 600;margin-bottom: 30px;}
.nosotros-int .valores h5{color: #379df4;border: 1px solid #17429f;padding: 20px 30px;text-transform: uppercase;font-size: 22px;font-weight: 600;position: relative;overflow: hidden;}
.nosotros-int .valores h5::before{position: absolute;content: '\f0da';font-family: 'FontAwesome';font-size: 40px;bottom: -21px;right: -7px;transform: rotate(45deg);color: #17429f;overflow: hidden;}

.planes-int{display: block;padding: 50px 0;overflow: hidden;}
.planes-int p{display: block;margin-bottom: 20px;color: #000;}
.planes-int .bloque-planes{display: block;margin-bottom: 30px;overflow: hidden;}
.planes-int .bloque-planes h4{color: #17429f;font-weight: 600;margin-bottom: 4px;}
.planes-int .bloque-planes p{display: block;margin-bottom: 10px;}
.planes-int .bloque-planes .box-planes{display: block;overflow: hidden;margin-bottom: 10px;}
.planes-int .bloque-planes .box-planes .plan{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 10px 20px;border-radius: 7px 0 0 7px;height: 50px;}
.planes-int .bloque-planes .box-planes .plan h5{font-weight: 700;margin-bottom: 0;}
.planes-int .bloque-planes .box-planes .descripcion{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 60%;padding: 10px 20px;height: 50px;}
.planes-int .bloque-planes .box-planes .descripcion p{display: block;margin-bottom: 0;}
.planes-int .bloque-planes .box-planes .precio{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 14px 20px 10px;border-radius: 0 7px 7px 0;height: 50px;text-align: center;}
.planes-int .bloque-planes .box-planes .precio h3{font-size: 17px;display: block;margin-bottom: 0;}

.planes-int .bloque-duo{display: block;margin-bottom: 30px;overflow: hidden;}
.planes-int .bloque-duo h4{color: #17429f;font-weight: 600;margin-bottom: 4px;}
.planes-int .bloque-duo p{display: block;margin-bottom: 10px;}
.planes-int .bloque-duo .box-duo{display: block;overflow: hidden;margin-bottom: 10px;}
.planes-int .bloque-duo .box-duo .plan{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 10px 20px;border-radius: 7px 0 0 7px;height: 50px;}
.planes-int .bloque-duo .box-duo .plan h5{font-weight: 700;margin-bottom: 0;}
.planes-int .bloque-duo .box-duo .descripcion{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 60%;padding: 10px 20px;height: 50px;}
.planes-int .bloque-duo .box-duo .descripcion p{display: block;margin-bottom: 0;}
.planes-int .bloque-duo .box-duo .precio{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 14px 20px 10px;border-radius: 0 7px 7px 0;height: 50px;text-align: center;}
.planes-int .bloque-duo .box-duo .precio h3{font-size: 17px;display: block;margin-bottom: 0;}

.planes-int .bloque-cable{display: block;margin-bottom: 30px;overflow: hidden;}
.planes-int .bloque-cable h4{color: #17429f;font-weight: 600;margin-bottom: 4px;}
.planes-int .bloque-cable p{display: block;margin-bottom: 10px;}
.planes-int .bloque-cable .box-cable{display: block;overflow: hidden;margin-bottom: 10px;}
.planes-int .bloque-cable .box-cable .plan{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 10px 20px;border-radius: 7px 0 0 7px;height: 50px;}
.planes-int .bloque-cable .box-cable .plan h5{font-weight: 700;margin-bottom: 0;}
.planes-int .bloque-cable .box-cable .descripcion{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 60%;padding: 10px 20px;height: 50px;}
.planes-int .bloque-cable .box-cable .descripcion p{display: block;margin-bottom: 0;}
.planes-int .bloque-cable .box-cable .precio{display: block;float: left;background: #e4f7ff;border: 1px solid #fff;width: 20%;padding: 14px 20px 10px;border-radius: 0 7px 7px 0;height: 50px;text-align: center;}
.planes-int .bloque-cable .box-cable .precio h3{font-size: 17px;display: block;margin-bottom: 0;}


.clientes-int{display: block;padding: 50px 0;overflow: hidden;}
.clientes-int p{display: block;margin-bottom: 20px;color: #000;}
.clientes-int h4{color: #17429f;font-weight: 600;margin-bottom: 4px;}
.clientes-int img{display: block;width: 100%;border-radius: 15px;}
.clientes-int .box-clientes{margin-bottom: 40px;display: block;}

.contacto-int{display: block;padding: 50px 0;overflow: hidden;}
.contacto-int h4{color: #17429f;font-weight: 600;margin-bottom: 40px;text-align: center;}
.contacto-int #contactoForm{display: block;width: 70%;margin: 0 auto 50px;}
.contacto-int #contactoForm .form-group{display: block;margin-bottom: 15px;}
.contacto-int #contactoForm input.form-control{background-color: transparent;border: none;border-bottom: 1px solid #17429f;border-radius: 0;color: #17429f;box-shadow: none;}
.contacto-int #contactoForm input.form-control::placeholder{color: #17429f;}
.contacto-int #contactoForm .is-invalid::placeholder{color: #f00000 !important;}
.contacto-int #contactoForm select{background-color: transparent;border: none;border-bottom: 1px solid #17429f;border-radius: 0;color: #17429f;box-shadow: none;}
.contacto-int #contactoForm button{padding: 10px 20px;background: linear-gradient(to top, #7ee9fb 0%, #3bb8f4 50%, #3bb8f4 50%, #7ee9fb 100%);color: #fff;font-weight: 700;border-radius: 12px;position: relative;display: block;width: 160px;font-size: 20px;transition: background .5s ease;background-size: 100% 200%;background-position: top center;border: none;margin-top: 15px;}
.contacto-int #contactoForm button:hover{background-position: bottom center;}
.contacto-int #contactoForm .is-invalid{border-bottom:1px solid #f00000 !important;}
.contacto-int #contactoForm .invalid-feedback{color: #f00000 !important;font-size: 14px !important;margin-left: 10px;}
.contacto-int .atencion{display: block;margin: 20px 0 30px;text-align: center;}
.contacto-int .atencion svg{color: #17429f;margin-right: 10px;}
.contacto-int .atencion a{display: inline-block;color: #000;font-weight: 600;}
.contacto-int .atencion span{display: inline-block;color: #17429f;font-weight: bold;position: relative;height: 40px;margin: 0 30px;}
.contacto-int .atencion h4{color: #17429f;font-weight: 600;margin:40px 0 15px 0;text-align: center;}
.contacto-int .oficina{display: block;margin: 20px 0 30px;text-align: center;}
.contacto-int .oficina svg{color: #17429f;margin-right: 10px;}
.contacto-int .oficina a{display: inline-block;color: #000;font-weight: 600;}
.contacto-int .oficina span{display: inline-block;color: #17429f;font-weight: bold;position: relative;height: 40px;margin: 0 30px;}
.contacto-int .oficina h4{color: #17429f;font-weight: 600;margin:40px 0 15px 0;text-align: center;}

.nosotros-int .img-db{display: none;}