/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;opacity:.7;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes backmoving{from{transform:translateX(0)}to{transform:translateX(95px)}}@keyframes backmoving{from{transform:translateX(0)}to{transform:translateX(95px)}}@-webkit-keyframes medio-arribaabajo{0%{transform:translate(5px,2px)}100%{transform:translate(-5px,-8px)}}@keyframes medio-arribaabajo{0%{transform:translate(5px,2px)}100%{transform:translate(-5px,-8px)}}@-webkit-keyframes frente-rotate{from{transform:rotate(4deg)}to{transform:rotate(-2deg)}}@keyframes frente-rotate{from{transform:rotate(4deg)}to{transform:rotate(-2deg)}}@-webkit-keyframes atras-shrink{from{transform:scale(102%,102%)}to{transform:scale(98%,98%)}}@keyframes atras-shrink{from{transform:scale(102%,102%)}to{transform:scale(98%,98%)}}@-webkit-keyframes atras-leftright{from{transform:translateX(5px)}to{transform:translateX(-5px)}}@keyframes atras-leftright{from{transform:translateX(5px)}to{transform:translateX(-5px)}}button.plus{color:#ecf0f1;background:#b9dcae;width:.8em;height:.8em;border:0;font-size:1.5em;position:relative;display:inline-block;border-radius:50%;margin-left:.2em;transition:.3s}button.plus span{position:absolute;transition:.3s;background:#464646;border-radius:2px}button span:first-child:not(.hamburger-box):not(.hamburger-inner){top:25%;bottom:25%;width:10%;left:45%}button span:last-child:not(.hamburger-box):not(.hamburger-inner){left:25%;right:25%;height:10%;top:45%}button.plus.spinned{background-color:#f66}button.plus.spinned span{transform:rotate(90deg);background-color:#fff}button.plus.spinned span:last-child{left:50%;right:50%}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth}body{font-family:"Open Sans",sans-serif;color:#464646}h1,h2,h3,h4,h5,h6{font-family:"EB Garamond",serif;font-weight:500;color:#303030;margin:.8rem 0 1.1rem 0}h1{font-size:4em;position:relative}h2{font-size:1.4em}h3{font-size:1.3em}li,p,q,ul{line-height:1.7em}p{margin-bottom:1em}a,a:hover,a:visited{text-decoration:none;color:inherit;cursor:pointer}.font3x{font-size:3em}.wrapper{width:95%;margin:0 auto}.wrapper>h2,.wrapper>p{text-align:center}.grid{display:grid}.grid.grid-center{justify-content:center;align-items:center}.flex-wrap{display:flex;flex-wrap:wrap}.section{padding-top:5rem}.btn,.btn:hover{font-family:"EB Garamond",serif;display:inline-block;padding:10px 30px;margin:10px 5px;font-size:1.4em;transition:.25s ease;background-color:#ffcf00;color:#464d77;border:1px solid #464646}.btn:hover{color:#fff;background-color:#ff9100;border-color:#464646}.btn-secondary{background-color:transparent}.btn-secondary:hover{background-color:#ffcf00;color:#464646;border-color:#ffcf00}@media screen and (max-width:1000px){.reverse-sm div:first-child{order:2}.reverse-sm div:last-child{order:1}}@media screen and (min-width:1000px){.wrapper{width:80%}.wrapper.wrapper-50{width:50%}.wrapper.wrapper-60{width:60%}.wrapper.wrapper-70{width:70%}.grid.grid-2col-md{grid-template-columns:repeat(2,1fr)}}header{position:fixed;width:100%;height:100px;top:0;transition:.25s ease;background-color:transparent;z-index:100}header .header-container{height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header .header-logo{height:41px;width:140px}nav{height:100%}nav ul{list-style-type:none;height:100%}nav ul li{display:inline-block;height:100%}nav ul li a{display:flex;height:100%;padding:0 20px;align-items:center;justify-content:center;border:2px transparent}nav ul li a:hover{border-bottom:2px solid violet}#home-section{height:100vh;padding-top:80px;padding-bottom:80px}#home-section::before{content:"";position:fixed;height:100%;width:110%;top:0;left:-95px;background-image:url(../img/pattern.jpg);opacity:.08;z-index:-1;-webkit-animation-name:backmoving;animation-name:backmoving;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#home-section .right{position:relative;display:flex;width:100%;height:100%;align-items:center}#home-section .right span{display:flex;align-items:center;position:absolute;width:100%;height:100%}#home-section .right span:first-child{-webkit-animation:atras-leftright 4s ease-in-out alternate infinite;animation:atras-leftright 4s ease-in-out alternate infinite}#home-section .right img{position:absolute;width:100%}#home-section .right img#home-img-atras{-webkit-animation:atras-shrink 7s ease-in-out alternate infinite;animation:atras-shrink 7s ease-in-out alternate infinite;filter:blur(1px)}#home-section .right img#home-img-medio{-webkit-animation:medio-arribaabajo 3s ease-in-out alternate infinite;animation:medio-arribaabajo 3s ease-in-out alternate infinite}#home-section .right img#home-img-frente{-webkit-animation:frente-rotate 4s ease-in-out alternate infinite;animation:frente-rotate 4s ease-in-out alternate infinite}@media screen and (max-width:600px){#home-section{height:200vh}}#porque .wrapper.flex{justify-content:space-between;padding:2em 0}#porque div.left,#porque div.right{width:50%;padding:0 .5rem}#porque .porque-list{position:relative}#porque .porque-list ul{margin:0 auto;-webkit-margin-start:2rem;margin-inline-start:2rem}#porque .porque-list ul li{padding-left:1em}#porque .porque-list .porque-cards{cursor:pointer}#porque .porque-list .porque-cards h3{margin:1em 0 .3em;display:inline-block}#porque .porque-list .porque-cards>*{pointer-events:none}#porque .porque-list .porque-cards p{overflow:hidden;transition:.25s ease;margin:0}#porque figure.quote{font-family:"EB Garamond",serif;font-size:2em;padding:2rem 4rem;margin:0 auto;width:90%;background-color:rgba(255,255,255,.9);border:1px solid #303030;box-shadow:0 8px 16px 0 rgba(0,0,0,.1);position:relative;mix-blend-mode:multiply}#porque figure.quote::after{content:"";background-color:#ffcf00;width:100%;height:100%;position:absolute;left:-10px;top:10px;z-index:-1;mix-blend-mode:color}#porque figure.quote figcaption{position:relative;font-size:.8em;display:inline-block}#porque figure.quote figcaption::before{content:"";position:absolute;top:0;left:-5px;background-color:#ffcf00;mix-blend-mode:multiply;opacity:.5;height:100%;width:120%;transform:skewX(-8deg) rotate(-3deg)}.benefits{justify-content:space-between}.benefits .benefit-container{margin:2rem 0;display:grid;grid-template-columns:1fr 3fr;grid-column-gap:2rem;width:45%}.benefits .benefit-container .benefit-icon{position:relative}.benefits .benefit-container .benefit-icon img{max-width:100px}.benefits .benefit-container .benefit-icon::before{content:"";position:absolute;top:-5px;left:-5px;background-color:transparent;border:1px solid #ffcf00;height:70px;width:70px;border-radius:50%;mix-blend-mode:hue}.benefits .benefit-container .benefit-icon::after{content:"";position:absolute;top:15px;left:15px;background-color:#ffcf00;height:100px;width:100px;border-radius:50%;mix-blend-mode:hue;opacity:.5}.benefits .benefit-container h3{margin:0 0 .7rem}@media screen and (min-width:600px){.benefits .benefit-container{width:47%}}.tipos-items{display:flex;justify-content:space-evenly;flex-wrap:wrap}.tipos-items .tipos-card{width:32%;padding:20px 15px;border:1px solid #464646;display:flex;flex-direction:column;align-items:center}.tipos-items .tipos-card .icon{height:100px;width:100px}.tipos-items .tipos-card .includes-section{font-size:.8em;margin:30px 0 20px}.tipos-items .tipos-card .includes-section ul{-webkit-padding-start:1em;padding-inline-start:1em}.tipos-items .tipos-card .includes-section ul li{line-height:1.8em}.tipos-items .tipos-card h3{display:inline-block;position:relative}.tipos-items .tipos-card h3::after{content:"";position:absolute;left:-5%;top:0;width:110%;height:100%;background-color:#ffcf00;z-index:-1;transform:rotate(-1deg) skewX(352deg)}.tipos-items .tipos-card .precio{text-align:center;display:none}.tipos-items .tipos-card .sitio-web-icon{display:flex;position:relative;justify-content:center;align-items:flex-end}.tipos-items .tipos-card .sitio-web-icon img{width:75%;height:75%}.tipos-items .tipos-card .sitio-web-icon::after,.tipos-items .tipos-card .sitio-web-icon::before{content:"";position:absolute;background:url(../img/website.svg)}.tipos-items .tipos-card .sitio-web-icon::before{height:60%;width:60%;top:10px;left:-10px;z-index:-1}.tipos-items .tipos-card .sitio-web-icon::after{z-index:-2;height:55%;width:55%;top:0;right:-10px}#a-la-medida{text-align:center;width:50%;margin:0 auto;padding:10px 30px;margin-top:40px}#a-la-medida.card-shadow::after{background-color:#ffcf00}.soluciones-container{margin:4em 0;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:2rem}.soluciones-container .soluciones-card{width:30%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2em 1.2em 1em}.soluciones-container .soluciones-card h3{margin:1rem 0 .4rem}.card-shadow{position:relative;border:1px solid #303030;background-color:rgba(255,255,255,.8);mix-blend-mode:multiply}.card-shadow::after{content:"";z-index:-1;background-color:#90ee90;position:absolute;top:5px;left:5px;width:100%;height:100%;mix-blend-mode:color}.card-shadow:nth-child(1)::after{background-color:#ffcf00}.card-shadow:nth-child(2)::after{background-color:#f66}.card-shadow:nth-child(3)::after{background-color:#7d82b8}.card-shadow:nth-child(4)::after{background-color:#00a2ff}.card-shadow:nth-child(5)::after{background-color:#90ee90}.card-shadow:nth-child(6)::after{background-color:#ff9100}#contacto{position:relative;height:100vh}#contacto .subfooter{height:40%;width:100%;z-index:-1;background-color:#ffcf00;mix-blend-mode:color;position:absolute;bottom:0;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.formulario{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:65%;margin:0 auto;background-color:#fff;padding:2.5em 3em;border:1px solid #303030;box-shadow:0 8px 16px 0 rgba(0,0,0,.1)}.formulario form{width:80%;margin:0 auto}.formulario form .form{width:100%;display:grid;grid-template-columns:2fr 6fr;margin-bottom:1em;position:relative}.formulario form .form label{text-align:right;padding-right:10px}.formulario form input::-webkit-inner-spin-button,.formulario form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.formulario form input[type=number]{-moz-appearance:textfield}.formulario form input,.formulario form textarea{padding:5px 10px}.formulario form input::-moz-placeholder,.formulario form textarea::-moz-placeholder{font-family:"Open Sans",sans-serif}.formulario form input:-ms-input-placeholder,.formulario form textarea:-ms-input-placeholder{font-family:"Open Sans",sans-serif}.formulario form input::placeholder,.formulario form textarea::placeholder{font-family:"Open Sans",sans-serif}.formulario form textarea{resize:none;height:100px}.formulario .notificacion{grid-column-start:2;font-size:.8em;color:#f66}.formulario .notificacion.hidden{visibility:hidden}.formulario .btn-enviar{grid-column-end:3;text-align:center}.formulario .btn-enviar .button.enviar{cursor:pointer;width:50%}.formulario .form-mandatory{display:none}.formulario .loader{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.95);transition:opacity .25s ease}.formulario .loader.hidden{z-index:-50;opacity:0}.formulario .loader.shown{z-index:10;opacity:1}.modal-open{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.75);z-index:50}.modal-open .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.1);padding:50px 20px;text-align:center;width:50vw;border:1px solid #000}.modal-open .modal-content .modal-content-area{padding-bottom:40px}.modal-open .cerrar-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 50px;background-color:#f66;color:#fff;cursor:pointer}.mensaje-exito{text-align:center}.mensaje-exito h2{font-size:2em}.mensaje-exito .contact-option{display:flex;justify-content:center;align-items:center;margin:15px 0}.mensaje-exito .contact-option img{margin-right:10px}.mensaje-exito .contact-option:first-of-type>img{transform:scale(1.35)}.modal-close{display:none}footer{background-color:#ffcf00;mix-blend-mode:color;padding:2em 0;text-align:center}footer p{margin:0}button.hamburger{display:none;position:absolute;right:0}@media screen and (max-width:600px){button.hamburger{display:inline-block}}.loader-anim{width:48px;height:48px;margin:0 auto 100px;position:relative}.loader-anim:before{content:"";width:48px;height:5px;background:#f66;opacity:.5;position:absolute;top:60px;left:0;border-radius:50%;-webkit-animation:shadow324 .5s linear infinite;animation:shadow324 .5s linear infinite}.loader-anim:after{content:"";width:100%;height:100%;background:#f66;position:absolute;top:0;left:0;border-radius:4px;-webkit-animation:jump7456 .5s linear infinite;animation:jump7456 .5s linear infinite}@-webkit-keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@-webkit-keyframes shadow324{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}@keyframes shadow324{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}@media screen and (max-width:1000px){.modal-open .modal-content{width:95%}}@media screen and (max-width:600px){h1{font-size:2em}h2{font-size:1.4em}h3{font-size:1.3em}.font3x{font-size:2em}header .header-container{justify-content:center}.main-nav{position:fixed;top:0;left:0;z-index:-1;height:100%;width:100%;background-color:#fff;transition:.25s ease;transform:scaleX(0);transform-origin:right;overflow:hidden}.main-nav ul{display:flex;flex-direction:column;justify-content:center;margin:auto}.main-nav ul li{height:10%;font-size:2em}.main-nav.show{transform:scaleX(1)}#home-section{height:94vh;padding-top:100px;padding-bottom:20px;grid-template-rows:1fr 1fr;align-items:self-start}#home-section>div p:not(:last-child){display:none}#home-section div:first-child{width:95%;margin-left:2.5%;text-align:center;align-self:top}#home-section .btns-container{display:flex;justify-content:space-between}#home-section .btns-container .btn{width:46%;text-align:center}#home-section .right{justify-content:center;width:100%;height:80%}#home-section .right span{justify-content:center}#home-section .right img{width:80%;-o-object-fit:contain;object-fit:contain}#porque div.left,#porque div.right{width:100%}#porque div.left figure.quote,#porque div.right figure.quote{padding:2rem 1rem;font-size:1.5em;text-align:center}#porque div.right{padding-top:2em}#porque .porque-list ul{-webkit-margin-start:1.2em;margin-inline-start:1.2em}.benefits .benefit-container{width:90%;margin-left:5%;grid-column-gap:1.5rem}.tipos-items .tipos-card{width:90%;border:0}.tipos-items .tipos-card:not(:last-child){margin-bottom:60px}#a-la-medida{width:80%;margin:0 auto}.soluciones-container .soluciones-card{width:100%}#contacto{height:auto}.formulario{width:80%;padding:1.5em 1em}.formulario form{width:100%}.formulario form .form{grid-template-columns:1fr;margin-bottom:.5em}.formulario form .form label{text-align:left}.formulario .notificacion{grid-column-start:1}.formulario .notificacion.hidden{font-size:.6em}}@media screen and (max-width:340px){body{font-size:14px}.font3x{font-size:1.5em}.benefits .benefit-container{grid-template-columns:1fr}.benefits .benefit-container .benefit-icon::before{width:45px;height:45px}.benefits .benefit-container .benefit-icon::after{height:60px;width:60px}.benefits .benefit-container .benefit-icon img{width:60px}}