@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

header .text{background-color: #000}
header .text .container{display: flex;justify-content: center;align-items: center;height: 35px;}
header .text .container div span,header .text .container div a{color: #FFF;font-family: "Noto Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;transition: 0.3s;}
header .logo{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 108px;}
header .logo .container{text-align: center;}
section.slide{background-image: url(../img/banner.png);background-repeat: no-repeat;background-position: center;height: 500px;background-size: cover;}
section.slide .container{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 60px 0;}
section.slide .container .form{width: 27%;border-radius: 10px;border: 1px solid #212121;background: #FFF;padding: 35px 30px 0 30px;}
section.slide .container .text{width: 70%;}

header .text .container .mail{margin-right: 20px;padding-right: 20px;border-right: 1px solid #fff;}

header .locate{margin-right: 50px;}
#recaptcha-anchor-label{font-size: 20px !important;}
.texto-negro{background-color: #000000 !important;padding: 40px 0;}
.texto-negro .container h6{color: #FFF;text-align: center;font-family: Noto Sans;font-size: 20px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;margin-bottom: 0 !important;}
.texto-negro .container p{color: #FFF;font-family: Noto Sans;font-size: 20px;font-style: italic;font-weight: 400;line-height: normal;margin-bottom: 0 !important;text-align: center;}

.producto-uno .container h1{color: #000;text-align: center;font-family: Noto Sans;font-size: 40px;font-style: italic;font-weight: 700;line-height: normal;text-transform: uppercase;}
.producto-uno .item{margin-top: 80px;}

.producto-dos,.producto-cuatro{background: #F1F1F1;}

.precio-autofin{color: #62A762 !important;font-family: "Noto Sans" !important;font-size: 32px !important;font-style: normal !important;font-weight: 800 !important;line-height: 26px !important;}

.boton-todas{width: 100%;display: inline-block;text-align: center;margin-bottom: 20px;transition: 0.3s;}
.boton-todas:hover{transform: scale(1.1);}

.productos{padding: 60px 20px;}
.productos .container .item .img{width: 47%;}
.productos .container .item .img img{width: 100%;}
.productos .container .item{display: flex;justify-content: space-between;align-items: center;}
.productos .container .item .text{display: flex;flex-direction: column;flex-wrap: wrap;align-items: start;width: 47%;}
.productos .container .item .text h2{color: var(--Naranja-ubike, #FF6701);font-family: "Noto Sans";font-size: 36px;font-style: normal;font-weight: 900;line-height: 16px;margin-bottom: 20px;}
.productos .container .item .text p{color: #000;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 19.6px;margin-bottom: 20px;}
.productos .container .item .text span{color: var(--Ubike, #E16F19);font-family: "Noto Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 26px;}
.productos .container .item .text span img{margin-left: 10px;}
.productos .container .item .text a{display: inline-block;transition: 0.3s;margin: 20px 0;}
.productos .container .item .text a:hover{transform: scale(1.1);}

.boton-lateral{background-color:#FF6701;position: fixed;right: 0;top: 35%;transform: translate(50%, -50%);transform: rotate(180deg);cursor: pointer;z-index: 9999;writing-mode: vertical-rl;text-align: center;border-left: 0;text-orientation: sideways;border: 0 !important;cursor: pointer;outline: none;color: #FFF;text-align: right;font-size: 14px;font-style: normal;font-weight: 700;line-height: 13.286px;text-transform: uppercase;display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-radius: 0px 10px 10px 0px;padding: 20px 10px;}
.boton-lateral img{margin-bottom: 6px;}

.title-modal-enecon h5{color: #E16F19;font-family: "Noto Sans";font-size: 36px;font-style: normal;font-weight: 700;line-height: 54px;}
.title-modal-enecon p{color: #000;font-family: "Noto Sans";font-size: 14px;font-style: italic;font-weight: 400;line-height: 21px;}

.boton-laquiero{background-color: #E16F19;margin: 15px 0;cursor: pointer;outline: none;border: 0;transition: 0.3s;border-radius: 7px;padding: 5px 10px 7px 25px;}
.boton-laquiero:hover{background-color: #000;}
.boton-laquiero span{color: #FFF !important;font-family: "Noto Sans" !important;font-size: 12px !important;font-style: normal !important;font-weight: 800 !important;line-height: normal !important;text-transform: uppercase !important;}
.boton-laquiero img{margin-left: 20px;}

.whatsappIcon{padding: 0.9rem 1.1rem;position: fixed !important;z-index: 9;bottom: 25px;right: -13px;display: inline-flex;margin: 1rem;}

.titleLeft{color: #FF6701;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.form-control{border-radius: 0 !important;border: 0.5px solid #212121 !important;background: #FFF;color: #000;font-family: "Noto Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
.iconcslideu-home, .iconcslidet-home, .iconcslidec-home {width: 25px;position: absolute;margin: 8px 10px;}
.iconcslidem-home{margin-left: 15px;margin-top: 6px;position: absolute;}
.iconcslideu-producto{position: absolute;margin: 8px 14px;}
.twoBlock {float: left;width: 50%;}

.huincha{background-color: #005E99;}
.huincha .container p{color: #FFF;text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px;margin-bottom: 0 !important;}
.huincha .container{padding: 35px 0px;}

.soluciones{background-color: #F4F4F4;padding: 60px 0;}
.soluciones .container h1{color: #212121;text-align: center;font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;}
.soluciones .container .content{display: flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap;margin-top: 60px;}
.soluciones .container .content div{width: 31%;background-color: #ffffff;text-align: center;}
.soluciones .container .content .primero img,.soluciones .container .content .segundo img,.soluciones .container .content .tercero img{width: 100%;}
.boton-wapp img{width: auto !important;}

.soluciones .container .content div h3{color: #212121;text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;padding: 35px 30px 0 30px;}
.soluciones .container .content div p{color: #212121;text-align: justify;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;padding: 20px 30px;}
.botones{width: 100% !important;padding: 20px 30px 35px 30px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.boton-wapp{border-radius: 30px;background: #25D366;color: #FFF;font-size: 14px;font-style: normal;font-weight: 600;line-height: 14px;letter-spacing: 0.28px;width: 225px;height: 35px;display: flex;align-items: center;justify-content: center;transition: 0.3s;text-decoration: none !important;}
.boton-wapp:hover{transform: scale(1.1);color: #fff !important;}
.boton-wapp img{margin-right: 5px;}
.boton-cotizar{border-radius: 30px;background: #005E99;color: #FFF;text-align: center;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;width: 225px;height: 35px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;border: 0 !important;outline: none !important;cursor: pointer;}

.complementarias .container{padding: 60px 0;}
.complementarias .container h2{color: #212121;text-align: center;font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;}
.complementarias .container p{color: #212121;text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin: 15px 0 !important;}
.complementarias .container .items{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;width: 86%;margin: 30px auto;}
.complementarias .container .items div{background-color: #F4F4F4;height: 57px;display: flex;align-items: center;justify-content: center;flex-direction: row;padding: 0 35px;margin-bottom: 15px;width: 49%;}
.complementarias .container .items div img{margin-right: 6px;}
.complementarias .container .items div span{color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
.complementarias .container .items .primero-c,.complementarias .container .items .tercero-c{margin-right: 15px;}

.info {text-align: center;}
.info p{color: #212121;text-align: center;font-size: 14px;font-style: normal;font-weight: 600;line-height: 21px;margin-bottom: 0 !important;}
.boton-contacto{border-radius: 30px;background: #005E99;color: #FFF;text-align: center;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;width: 225px;height: 35px;display: inline-block;align-items: center;justify-content: center;margin-bottom: 10px;margin-top: 10px;padding: 6px 0;outline: none;cursor: pointer;border: 0 !important;}
.boton-contacto:hover{transition: 0.3s;color: #fff !important;}

.form-home{background-image: url(../img/bg_mantencion.png);background-repeat: no-repeat;background-position: center;}
.form-home .container{display: flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap;padding: 60px 0;}
.form-home .container .form{width: 27%;border-radius: 0px;border: 1px solid #fff;background: #FFF;padding: 35px 30px 0 30px;}
.form-home .container .text{width: 70%;}

.ubicaciones{background-image: url(../img/bg_u.jpg);background-repeat: no-repeat;background-position: center;background-size: cover !important;padding: 24px 0;}
.ubicaciones .container h2{color: #FFF;font-family: "Noto Sans";font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;text-transform: uppercase;text-align: center;}
.ubicaciones ul{display: flex;justify-content: center;align-items: center;flex-direction: row;margin-bottom: 0 !important;padding: 20px;}
.ubicaciones ul li{width: 18%;color: #FFF;text-align: justify;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 700;line-height: 26.5px;list-style: none;display: flex;justify-content: center;align-items: center;}
.ubicaciones ul li p{margin-bottom: 0 !important;}
.ubicaciones ul li img{margin-right: 8px;}

.form-home .container .text h3{color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.form-home .container .text p{color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 700;line-height: 21px;padding: 15px 80px;}
.links,.links a{color: #005E99;text-align: center;font-size: 20px;font-style: normal;font-weight: 700;}
#buttonFormEnviar{border-radius: 0px;background: #FF6701;color: #FFF;text-align: center;font-size: 15px;font-style: normal;font-weight: 700;line-height: normal;padding: 6px 25px;border: 0 !important;transition: 0.3s;}
#buttonFormEnviar:hover{background-color: #212121;}
.boton-cotizar:hover{background-color: #212121;transition: 0.3s;}
.boton-contacto:hover{background-color: #212121;transition: 0.3s;}

.links a{display: inline-block;}
.links a:hover{transform: scale(1.1);transition: 0.3s;}

footer{background-color: #000;}
footer .container{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;padding: 60px 0;}
footer .container .logo-f{width: 16%;margin-right: 30px;}
footer .container .logo-f a{margin-bottom: 15px;display: inline-block;}
footer .container .logo-f p{color: #FFF;text-align: justify;font-size: 14px;font-style: normal;font-weight: 400;line-height: 16.8px;margin-bottom: 0 !important;}
footer .container .follow{width: 100%;}
footer .container .follow h4{color: #FFF;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
footer .container .follow p,footer .container .follow p a{color: #FFF;font-size: 14px;font-style: normal;font-weight: 400;line-height: 21px;margin-bottom: 0 !important;}
footer .container .follow .sociales a{display: inline-block;margin-right: 8px;transition: 0.3s;}
footer .container .follow .sociales a:hover{transform: scale(1.2);}

footer .container .contact,footer .container .sucur{width: 19%;padding: 5px 20px;}
footer .container .pago{width: 17%;padding: 5px 8px;}
footer .container .horarios{width: 23%;padding: 5px 20px;}

footer .container .contact h4,footer .container .sucur h4,footer .container .horarios h4{color: #FFF;font-family: "Noto Sans";font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 8px;padding-bottom: 8px;background-image: linear-gradient(to right, #fff, #fff) !important;background-position: left bottom !important;background-repeat: no-repeat;background-size: 125px 1px;}

footer .container .contact ul{padding: 0 !important;margin: 0 !important;}
footer .container .contact ul li{list-style: none;}
footer .container .contact ul li a{color: #FFF;font-family: "Noto Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
footer .container .contact ul li a img{margin-right: 6px;}

footer .container div span{color: #FFF;font-family: "Noto Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
footer .container div span img{margin-right: 8px;}

footer .derechos{height: 34px;width: 100%;text-align: center;padding: 8px 0;}
footer .derechos,footer .derechos a{background-color: #F5F5F5;color: #000;text-align: center;font-family: "Noto Sans";font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}

@media (max-width: 767px) {
  .logo .container a img{width: 100%;}
  header .text .container{flex-direction: row;width: 100%;justify-content: center;align-items: center;height: auto;text-align: center;padding: 10px;}
    header .locate, header .phone{margin-right: 0;}
    section.slide .container .form{display: none;}
    section.slide{background-image: url(../img/banner-mobile.png);}
    .soluciones .container .content{flex-direction: column;}
    .soluciones .container .content div{width: 100%;margin-bottom: 30px;}
    .complementarias .container .items div{width: 100%;justify-content: start;}
    .complementarias .container .items .primero-c, .complementarias .container .items .tercero-c{margin-right: 0;}
    .form-home .container{flex-direction: column;justify-content: center;width: 100%;padding: 60px 20;}
    .complementarias .container,.soluciones{padding: 60px 20px;}
    .huincha .container{padding: 35px 20px;}
    .form-home .container .form{width: 100%;margin-bottom: 40px;}
    footer .container{flex-direction: row;padding: 60px 20px;}
    footer .container .logo-f{width: 100%;margin-right: 0;margin-bottom: 40px;text-align: center;}
    footer .container .follow{width: 100%;}
    .form-home .container .text p{padding: 15px 0;}
    footer .derechos{height: auto;}
    .producto-uno .item,.producto-tres .item,.producto-cinco .item{flex-direction: column;}
    .productos .container .item .img,.productos .container .item .text{width: 100%;}
    body > section.productos > div > div > div.text > img{width: 100%;}
    body > section.producto-cinco.productos > div > a > img{width: 100%;}
    body > section.productos > div > div > div.text > img:nth-child(3){width: auto !important;}
    body > section.productos > div > div > div.text > span.precio-autofin > img{margin-left: 0 !important;}
    .ubicaciones ul{flex-direction: column;}
    .ubicaciones ul li{width: 100%;}
    .form-home{padding: 30px;background-size: cover;}
    body > section.form-home > div > div.text > div > a > img{width: 100%;}
    .producto-dos .container .item,.producto-cuatro .container .item{flex-direction: column-reverse;}
    .boton-todas{margin-top: 60px;}
    footer .container .contact, footer .container .sucur,footer .container .horarios,footer .container .pago{width: 50%;}
    footer .container .pago img{width: 100%;}
    footer .container .horarios,footer .container .pago{margin-top: 20px;}
}