@import url(https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap);
*{box-sizing:border-box;font-family:Commissioner,sans-serif;margin:0;padding:0}:root{--primary:#0054b5;--secondary:#133e75;--blanco:#fff;--texto:#000;--texto-gris:#3c3c3c;--fondo-gris:#d9d9d9;--fondo-celeste-claro:#9dc9fb}h1,h2,h3,h4,h5,h6{font-weight:700}ul{font-weight:500;list-style:none}a{text-decoration:none}.btn-primary{background-color:var(--primary);border:1px solid var(--primary);border-radius:10px;color:var(--blanco);display:inline-block;font-size:20px;padding:15px 30px;text-align:center}.btn-primary:hover{background-color:var(--fondo-celeste-claro);border:1px solid var(--texto);color:var(--texto)}.link{color:var(--primary)}.link:hover{color:var(--texto-gris)}.title{color:var(--secondary);font-size:44px;line-height:50px;margin-bottom:2.5rem;text-transform:uppercase}.center,.title{text-align:center}.container{padding:50px 120px}.display-column{display:flex;flex-direction:column}.display-row{display:flex;flex-direction:row}.container-header{background-image:url(/img/fondo-menu.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;position:relative;width:100%}.container-header:before{background-color:rgba(0,75,196,.5);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.box-header{z-index:2}.box-menu-top{background-color:hsla(0,0%,98%,.7);box-shadow:4px 4px 4px rgba(0,0,0,.4);display:flex;flex-direction:row;justify-content:space-between;padding:.8rem 7rem}.box-menu-top .logo{width:154px}.box-menu-top .logo img{width:100%}.box-redes{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:flex-end}.box-redes .btn-primary a{font-size:1.2rem;font-weight:400}.box-redes ul{display:flex;flex-direction:row;gap:20px;justify-content:flex-end}.box-redes ul li a i{color:var(--primary);font-size:1.8rem}.box-redes ul li a i:hover{color:var(--texto)}header{position:relative;z-index:10}.box-navigation{padding:0 7rem}.box-navigation .menu{display:flex;flex-direction:row;justify-content:center}.menu li{position:relative}.menu li a{color:var(--blanco);display:block;font-size:1rem;font-weight:700;padding:1rem 10px;text-decoration:none;text-transform:uppercase}.menu li:hover>a{color:var(--fondo-celeste-claro)}.submenu{background:var(--primary);display:none;left:0;min-width:200px;position:absolute;top:50px;z-index:999}.submenu li a{background:var(--primary);color:var(--blanco)}.submenu li a,.submenu li a:hover{font-size:1rem;font-weight:400;padding:.5rem 1rem}.submenu li a:hover{background:var(--fondo-celeste-claro);color:var(--texto)}.dropdown:hover .submenu{display:block}.box-navigation .tel-mobile,.hamburger{display:none}.hamburger{background:none;border:none;color:var(--blanco);cursor:pointer;font-size:24px}.btn-whatsapp{border-radius:50%;bottom:-5px;color:#fff;display:block;height:80px;line-height:80px;padding-top:20px;position:fixed;right:10px;text-align:center;width:80px;z-index:9999999}.btn-whatsapp img{float:left;text-align:left;width:62%}.banner{background-image:url(/img/banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:450px;position:relative;width:100%}.banner:before{background-color:rgba(0,0,0,.4);bottom:0;content:"";left:0;right:0;top:0;z-index:1}.banner div,.banner:before{position:absolute;width:100%}.banner div{padding-bottom:80px;padding-top:80px;z-index:2}.banner div h1{color:var(--blanco);font-size:64px;line-height:70px;margin-bottom:15px;text-transform:uppercase}.banner div h2{font-weight:400;margin-bottom:30px}.banner div a,.banner div h2{color:var(--blanco);font-size:22px}.banner div a{background-color:var(--primary);border-radius:5px;display:inline-block;font-weight:500;padding:14px 26px}.banner div a:hover{background-color:var(--fondo-celeste-claro);color:var(--texto)}.container-info,.container-info .box-info-text{gap:24px}.container-info div{width:50%}.container-info .box-info-text p{font-size:18px;font-weight:500;line-height:28px}.container-info .box-info-text a{font-size:22px;width:160px}.container-info .box-info-img img{border-radius:10px;height:400px;-o-object-fit:cover;object-fit:cover;width:100%}.box-cards .subtitulo{font-size:24px;font-weight:500;margin-bottom:24px;text-align:center}.box-cards .subtitulo:last-child{margin-top:24px}.cards{flex-wrap:wrap;gap:10px}.cards .card{border:1px solid rgba(0,0,0,.16);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);gap:10px;padding:0 15px 30px;width:calc(20% - 8px)}.cards .card img{fill:var(--primary);aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;padding:30px;width:100%}.cards .card p,.cards .card strong{color:var(--texto-gris);font-size:18px;line-height:24px;text-align:center}.cards .card strong{font-weight:700}.remodelacion .cards .card{display:flex;flex-wrap:wrap;justify-content:center;width:calc(33.333% - 1rem)}.remodelacion .cards .card img{fill:var(--primary);aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;padding:30px;width:140px}.box-destacado{background-color:var(--fondo-celeste-claro);padding-bottom:80px;padding-top:80px}.box-destacado h2{color:var(--texto)}.box-destacado p{font-size:22px;font-weight:400;text-align:center}.box-destacado img{border-radius:10px;height:400px;margin-bottom:2rem;-o-object-fit:cover;object-fit:cover;width:100%}.box-destacado ul{font-size:20px;font-weight:500;gap:20px;justify-content:center}.box-destacado ul li i{color:var(--primary);margin-right:10px}.container-info-items{align-items:center;font-size:20px;justify-content:center;line-height:28px;width:100%}.container-info-items div{gap:24px;width:880px}.container-info-items h2{margin-bottom:0}.container-info-items h3{margin-top:20px}.listado-items{gap:15px}.listado-items li{align-items:baseline;display:flex;flex-direction:row;font-size:18px}.listado-items li i{color:var(--primary);margin-right:10px}.container-gallery{padding:50px 10px}.galeria{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.galeria img{aspect-ratio:1/1;border-radius:8px;cursor:pointer;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.galeria img:hover{transform:scale(1.03)}.testimonios{background:#fff;padding:60px 20px;text-align:center}.testimonios h2{color:#123b73;font-size:2.5em}.swiper{width:800px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,30%)!important}.testimonial-card{background-image:url(/img/iconos/globo-testimonio.svg);background-repeat:no-repeat;background-size:contain;border-radius:40px;color:#fff;display:flex;flex-direction:column;height:450px;justify-content:space-between;margin:4rem auto auto;max-width:550px;padding:0 20px 50px;position:relative}.testimonial-card p{font-size:18px!important;font-weight:400;line-height:1.6;padding-top:6rem}.testimonial-card .name-date strong{color:var(--texto);display:block;font-size:1.1em;font-weight:500;margin-bottom:.5rem}.testimonial-card .name-date small{color:var(--texto-gris);font-size:1.1em}.testimonial-card:after{content:"";position:absolute}.avatar{background:#fff;border:6px solid #fff;border-radius:50%;height:120px;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:-50px;transform:translateX(-50%);width:120px}.swiper-button-next,.swiper-button-prev{color:var(--secondary)!important}.call-action{background-color:var(--primary);padding-bottom:80px}.call-action .tel,.call-action h2{color:var(--blanco);margin-bottom:1.8rem}.call-action .tel{font-size:1.6rem;line-height:2.5rem;text-align:center;text-decoration:underline;text-underline-offset:8px}.call-action .tel:hover{text-decoration-color:var(--texto)}.call-action .call-action-box-text{align-items:center;color:var(--blanco);font-size:1.6rem;font-weight:500;justify-content:space-between}.call-action .call-action-box-text div{width:65%}.call-action .call-action-box-text div .subtitulo{font-size:28px;font-weight:700;line-height:2.4rem;margin-bottom:1rem}.call-action .call-action-box-text div p{line-height:2.4rem}.call-action .call-action-box-text a{background-color:var(--blanco);height:70px}.call-action .call-action-box-text a,.call-action .call-action-box-text a i{color:var(--primary);font-size:1.6rem}.call-action .call-action-box-text a:hover{background-color:var(--fondo-celeste-claro);color:var(--texto)}.box-info-slider-img,.box-info-slider-img .box-info-text{gap:24px}.box-info-slider-img .title{margin-bottom:0;text-align:left}.box-info-slider-img h3{font-size:24px;font-weight:500;line-height:28px}.box-info-slider-img .box-info-text p{font-size:18px;font-weight:500;line-height:28px}.box-info-slider-img div .btn-primary{font-size:22px;width:100%}.box-info-slider-img .gallery-slider{width:50%}.gallery-top{height:400px;width:100%}.gallery-thumbs img,.gallery-top img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery-thumbs{display:flex;flex-direction:row;gap:10px;max-width:100%;overflow:hidden;width:100%}.gallery-thumbs .swiper-slide{cursor:pointer;height:100%;opacity:.5;transition:.3s;width:auto!important}.gallery-thumbs .swiper-slide-thumb-active{opacity:1}.gallery-thumbs img{aspect-ratio:1/1;box-sizing:border-box;height:130px;margin-top:10px;width:130px}.gallery-slider .swiper-button-next,.gallery-slider .swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%)!important}.aplicaciones{gap:24px;padding-top:25px}.aplicaciones h3{font-size:24px;font-weight:500;text-align:center}.aplicaciones ul{gap:20px}.aplicaciones ul li{align-items:center;background-color:var(--fondo-celeste-claro);border-radius:10px;display:flex;font-size:20px;line-height:26px;padding:30px 20px;text-align:center}footer{width:100%}footer .container h2{color:var(--primary);font-size:32px;margin-bottom:2rem}footer .container .footer-info{width:40%}footer .container .footer-info .links-redes{gap:20px;margin-bottom:24px}footer .container .footer-info .links-redes li a{color:var(--texto)}footer .container .footer-info .links-redes li a i,footer .container .footer-info div p i{color:var(--primary);margin-right:10px}footer .container .footer-info h3{color:var(--primary);margin-bottom:20px}footer .container .footer-form{width:60%}footer .container .footer-form form,footer .container .footer-form form .box-form{gap:20px}footer .container .footer-form form .form-group{display:flex;flex-direction:column;gap:10px;width:100%}footer .container .footer-form form .form-group label span{color:#e10202;margin-left:2px}footer .container .footer-form form .form-group input,footer .container .footer-form form .form-group select,footer .container .footer-form form .form-group textarea{border:1px solid #bbb;border-radius:5px;font-size:1rem;padding:10px}footer .container .footer-form form button{background-color:var(--primary);border:1px solid transparent;border-radius:5px;color:var(--blanco);cursor:pointer;font-size:1rem;padding:10px;text-transform:uppercase}footer .container .footer-form form button:hover{background-color:var(--fondo-celeste-claro);color:var(--texto)}footer .copyright{background-color:var(--fondo-gris);padding:20px 120px}footer .copyright p{text-align:center}footer .copyright br{display:none}@media only screen and (max-width:1325px){.menu li a{font-size:.9rem}}@media only screen and (max-width:1240px){.menu li a{font-size:.8rem}}@media only screen and (max-width:1170px){.menu li a{font-size:.6rem}.banner div{padding-bottom:60px;padding-top:30px}}@media (max-width:1024px){.container{padding:25px 3.5rem}.container-info-items div{gap:22px;width:100%}.swiper{width:100%}.box-info-slider-img div .btn-primary{font-size:16px;width:100%}.btn-primary{font-size:16px}.title{font-size:28px;line-height:38px}.box-navigation{display:flex;flex-direction:row;justify-content:space-between;padding:.8rem 3.5rem}.box-menu-top .tel-desktop{display:none}.box-navigation .tel-mobile{display:block}.box-menu-top{padding:.8rem 3.5rem}footer .copyright{padding:20px 3.5rem}.hamburger{display:block}.box-navigation .menu{background-color:var(--primary);display:none;flex-direction:column;left:0;position:absolute;top:100%;width:100%}.box-navigation .menu.show{display:flex}.box-navigation .menu li a{text-align:center}.box-navigation .submenu{background-color:var(--fondo-celeste-claro);display:none;position:static}.box-navigation .dropdown:hover .submenu{display:block}.box-navigation li{border-bottom:1px solid var(--blanco)}.box-navigation li a{font-size:.8rem}.box-navigation .dropdown .submenu li{border-bottom:1px solid var(--texto-gris)}.box-navigation .dropdown .submenu li a{background-color:var(--fondo-celeste-claro);color:var(--texto);font-size:.8rem}.box-navigation .dropdown .submenu li a:hover{background-color:var(--blanco);color:var(--texto);font-size:.8rem}.cards{flex-wrap:wrap;justify-content:center}.cards .card{width:calc(33% - 5px)}.call-action .call-action-box-text a{font-size:1rem;height:100%}.call-action .call-action-box-text a i{font-size:1rem}.aplicaciones ul{box-sizing:border-box;flex-wrap:wrap}.aplicaciones ul li{box-sizing:border-box;width:calc(50% - 10px)}}@media only screen and (max-width:768px){.container{padding:25px 1.5rem}.title{font-size:24px;line-height:32px}.box-navigation{display:flex;flex-direction:row;justify-content:space-between}.box-menu-top,.box-navigation{padding:.8rem 1.5rem}footer .copyright{background-color:var(--fondo-gris);padding:20px 1.5rem}.banner{height:350px}.banner div h1{font-size:36px;line-height:40px}.banner div a{color:var(--blanco);font-size:16px}.container-info{flex-direction:column}.container-info div{width:100%}.box-destacado ul{flex-direction:column}.box-destacado ul li{width:100%}.cards .card,.remodelacion .cards .card{width:calc(50% - 5px)}.testimonios{padding:60px 20px}.testimonios h2{font-size:24px;margin-bottom:1rem}.testimonial-card{height:450px;margin-top:4rem;padding:0 20px 50px}.avatar{height:100px;top:-65px;width:100px}.testimonial-card p{font-size:18px!important;line-height:1.6;padding:5.5rem 20px 0}.swiper-button-next:after,.swiper-button-prev:after{font-size:25px!important}.swiper-button-next,.swiper-button-prev{color:var(--blanco)!important;top:var(--swiper-navigation-top-offset,38%)!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,30px);top:var(--swiper-navigation-top-offset,38%)!important}.call-action-box-text{flex-direction:column}.call-action .call-action-box-text a,.call-action .call-action-box-text div{width:100%}.call-action .call-action-box-text div{margin-bottom:1rem}.call-action .call-action-box-text div p{font-size:1.2rem}#contacto .container{flex-direction:column}#contacto .container div{width:100%}#contacto .container .footer-form{margin-top:2rem}#contacto .footer-form .box-form{flex-direction:column}.copyright p{font-size:1rem}footer .copyright span{display:none}footer .copyright br{display:block}.btn-whatsapp img{float:left;text-align:left;width:60%}.btn-whatsapp{bottom:3px;right:0}.box-info-slider-img{flex-direction:column}.box-info-slider-img div{width:auto}.box-info-slider-img .gallery-slider{width:100%}.aplicaciones ul{flex-direction:column}.aplicaciones ul li{width:100%}}@media only screen and (max-width:499px){.banner{height:400px}.banner div h1{font-size:30px;line-height:38px}.btn-whatsapp{bottom:80px;right:-10px}#contacto .footer-form{margin-bottom:3rem}.testimonial-card{height:400px}.testimonial-card p{line-height:1.6;padding:4.5rem 20px 0}.swiper-button-next,.swiper-button-prev,.swiper-rtl .swiper-button-prev{top:var(--swiper-navigation-top-offset,35%)!important}}@media only screen and (max-width:450px){.testimonial-card{height:355px}.testimonial-card p{font-size:16px!important;line-height:1.4;padding:4.5rem 20px 0}.box-cards .subtitulo{font-size:20px}}@media only screen and (max-width:386px){.cards .card,.remodelacion .cards .card{width:100%}.testimonial-card{height:320px}.testimonial-card p{font-size:16px!important;line-height:1.4;padding:3.5rem 20px 0}.swiper-button-next,.swiper-button-prev,.swiper-rtl .swiper-button-prev{top:var(--swiper-navigation-top-offset,38%)!important}.btn-whatsapp{bottom:73px}.copyright p{font-size:.8rem}.galeria{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media only screen and (max-width:340px){.testimonial-card{height:290px}.testimonial-card p{font-size:15px!important;line-height:1.24;padding:2.7rem 20px 0}}@media only screen and (max-width:321px){.btn-whatsapp{bottom:63px}.copyright p{font-size:.6rem}}
