:root{--primary:#29527a;--secondary:#33689c;--tx-primary:#1c2b36;--color-white:#fff;--color-crimson:crimson;--bg-input:#f5f5f5}*{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}.container{width:100%;height:auto;display:grid;grid-template-areas:'callToAction' 'info' 'contact' 'footer';box-sizing:border-box}.header{width:100%;height:80px;grid-area:header;background-color:var(--primary);display:grid;grid-template-areas:'logo nav';position:fixed;z-index:5}.header__logo{grid-area:logo;display:flex;justify-content:end;align-items:center;overflow:hidden}.header__img{height:96px;width:96px;margin-right:20px}.header__nav{grid-area:nav;display:flex;align-items:center;justify-content:start}.header__list{list-style:none;display:flex;align-items:center;justify-content:start;margin-left:20px}.header__link{color:var(--color-white);margin:0 10px;text-decoration:none;font-size:23px;font-weight:600;position:relative}.header__link::after{transition:all 0.2s;content:" ";background-color:var(--color-white);height:2px;width:0%;position:absolute;bottom:0;left:0}.header__link:hover:after{transition:all 0.2s;width:100%}.header__button{color:var(--color-white);font-size:35px;align-self:center;display:none}.header__button::before{display:none}.callToAction{width:100%;height:calc(100vh - 80px);grid-area:callToAction;overflow:hidden;position:relative;background-image:url(../img/asesoria.webp);background-size:cover;animation:fadeIn 1s ease;box-sizing:border-box;margin-top:80px}.callToAction__asesor,.callToAction__asesor--out{height:95%;position:absolute;z-index:3;bottom:0;left:200px;animation:callToActionLeft 2.5s 1s ease}.callToAction__asesor--out{left:-600px}.callToAction__card,.callToAction__card--out{height:auto;width:clamp(180px,50vw,600px);background-color:rgba(255,255,255,.7);border-radius:5px;position:absolute;z-index:3;top:calc(45% - 90px);right:300px;transition:all 1s;animation:callToActionRight 2.5s 1s ease;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:start;justify-content:center}.callToAction__card--out{right:-600px}.callToAction__text{color:var(--tx-primary);font-size:clamp(1rem,3.5vw,3rem);font-weight:700;margin:0}.callToAction__text--secondary{color:var(--tx-primary);font-size:clamp(.813rem,2.5vw,1.563rem);font-weight:400}.contact__submit,.callToAction__button,.message__button{transition:all 0.2s;width:auto;background-color:var(--primary);color:var(--color-white);text-decoration:none;border:none;border-radius:10px;padding:5px 10px;margin-top:20px;cursor:pointer}.message__button{font-size:clamp(1rem,1.3vw,1.2rem);padding:5px 20px}.callToAction__button{width:auto;height:auto;font-size:clamp(.688rem,1.7vw,1.45rem);text-align:center;position:relative;padding:10px 15px;margin-top:5px}.contact__submit:hover,.callToAction__button:hover{transition:all 0.2s;background-color:var(--secondary)}.info{height:100vh;grid-area:info;display:flex;justify-content:center;box-sizing:border-box;padding-top:40px;box-sizing:border-box}.info__container{width:75%;height:100%;display:grid;grid-template-areas:'icon1 info1 info1 info1' 'info2 info2 info2 icon2' 'icon3 info3 info3 info3';grid-template-columns:repeat(4,25%);grid-template-rows:repeat(3,100% / 3)}div[class*='info__icon'],div[class*='info__content']{height:150px;width:150px;background-color:var(--color-white);border-radius:100%;align-self:center;justify-self:center;box-shadow:0 0 10px 2px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}div[class*='info__content']{width:90%;border-radius:20px;padding:0 20px}.info__icon--top{grid-area:icon1;transition:all 2s}.info__content--top{grid-area:info1;transition:all 2s}.info__icon--middle{grid-area:icon2;transition:all 2s;opacity:1}.info__content--middle{grid-area:info2;transition:all 2s;justify-self:end}.info__icon--bottom{grid-area:icon3;transition:all 2s}.info__content--bottom{grid-area:info3;transition:all 2s}.info--out{opacity:0}div .info__icon--blue,div .info__content--blue{background-color:var(--primary)}.info__logo--blue,.info__logo--white{font-size:clamp(40px,7vw,80px)}.info__logo--white{color:var(--color-white)}.info__logo--blue{color:var(--primary)}.info__text--blue,.info__text--white{font-size:clamp(.9rem,1.8vw,1.25rem);margin:0;font-weight:600}.info__text--white{color:var(--color-white)}.info__text--blue{color:var(--primary)}.info__content--blue::after,.info__icon--blue::after,.info__content--white::after,.info__icon--white::after{content:"";width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;border:4px solid var(--color-white);border-radius:20px;box-sizing:border-box;top:5px;left:5px}.info__content--white::after,.info__icon--white::after{border:4px solid var(--primary)}.info__icon--blue::after,.info__icon--white::after{border-radius:100%}.contact{width:100%;min-height:650px;grid-area:contact;display:grid;grid-template-areas:'form map';grid-template-columns:repeat(2,50%);box-sizing:border-box}.contact__container--form{grid-area:form}.contact__container--map{grid-area:map}.contact__form{width:100%;display:flex;flex-direction:column;align-items:center;padding:40px;box-sizing:border-box}.contact__tittle{width:60%;background-color:var(--primary);color:var(--color-white);text-align:center;border-radius:5px;padding:10px;margin-bottom:0}.contact__container--input{width:60%;background-color:var(--bg-input);border-radius:5px;padding:5px;margin-top:35px;box-shadow:0 0 10px 2px rgba(0,0,0,.2);position:relative}.error::before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px;content:"\f00d";color:var(--color-crimson);position:absolute;right:10px;top:5px}.contact__input,.contact__input--message{width:100%;border:none;outline:none;background-color:var(--bg-input);margin-top:10px}.contact__input--message{height:200px;resize:none}.contact__label{width:100%;text-align:left;font-weight:600;color:#919191;padding-left:2px}.contact__error{width:60%;margin-top:20px;padding:8px;border:1px solid var(--color-crimson);border-left:5px solid var(--color-crimson);border-radius:5px;box-sizing:border-box}.contact__error--none{display:none}.contact__message--error{color:var(--color-crimson);margin:0;font-weight:600}.footer{width:100%;height:auto;grid-area:footer;background-color:var(--primary);display:grid;grid-template-areas:'networks logo contactInfo';grid-template-columns:repeat(3,calc(100% / 3));padding:0 10px;box-sizing:border-box}.footer__networks,.footer__logo,.footer__contactInfo{display:flex;align-items:center}.footer__networks{grid-area:networks;justify-content:end;box-sizing:border-box}.footer__icon{font-size:30px;color:var(--color-white);margin:0 0 0 50px}.footer__logo{grid-area:logo;justify-content:center}.footer__contactInfo{grid-area:contactInfo;justify-content:start}.footer__list{list-style:none;display:flex;justify-content:start}.footer__item{color:var(--color-white);font-size:17px;margin:0 20px 0 0}.footer__img{width:80px;height:80px}.message{width:100vw;height:100vh;background-color:rgba(0,0,0,.151);position:fixed;z-index:30;display:flex;align-items:start;justify-content:center}.message__container{width:max(35%,300px);height:auto;background-color:var(--color-white);border-radius:5px;margin-top:100px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:20px 10px;box-sizing:border-box;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}.message__title{color:var(--tx-primary);font-size:clamp(1.2rem,2.4vw,2.5rem);font-weight:700;margin:10px 0 20px 0}.message__text{color:var(--tx-primary);font-size:clamp(.8rem,1.3vw,1.25rem);margin:0;font-weight:500}@keyframes callToActionLeft{from{left:-600px}to{left:200px}}@keyframes callToActionRight{from{right:-600px}to{right:300px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:1650px){.callToAction__asesor{left:0}.callToAction__card{right:5vw}@keyframes callToActionLeft{from{left:-600px}to{left:0}}@keyframes callToActionRight{from{right:-600px}to{right:5vw}}.info__container{width:90%}}@media (max-width:1200px){.callToAction{height:800px}.info__container{width:100%}.contact{grid-template-areas:'form' 'map';grid-template-columns:100%;grid-template-rows:repeat(2,minmax(300px,auto))}.contact__error{width:90%}.contact__tittle{width:90%}.contact__container--input{width:90%}}@media (max-width:992px){.callToAction{height:600px;background-image:url(../img/asesoria-tablet.webp)}div[class*='info__icon'],div[class*='info__content']{height:120px}div[class*='info__icon']{width:120px}.info{height:600px}.info__container{height:500px;align-self:center}.callToAction__card,.callToAction__card--out{padding:10px}.footer{grid-template-areas:'logo' 'networks' 'contactInfo';grid-template-rows:repeat(3,auto);grid-template-columns:100%;padding:10px}.footer__networks,.footer__contactInfo{justify-content:center;flex-wrap:wrap}.footer__icon{margin:0 20px}}@media (max-width:768px){.callToAction{height:400px}div[class*='info__icon'],div[class*='info__content']{height:100px}div[class*='info__icon']{width:100px}.info__content--blue::after,.info__icon--blue::after,.info__content--white::after,.info__icon--white::after{width:calc(100% - 8px);height:calc(100% - 8px);border-width:2px;top:4px;left:4px}.info{padding-top:20px}}@media (max-width:576px){.callToAction{margin-top:60px;height:350px;background-image:url(../img/asesoria-mobile.webp)}.header{height:60px;display:flex;justify-content:space-between;padding:0 50px;box-sizing:border-box}.header__nav{transition:height 0.8s;width:100%;height:0vh;position:absolute;align-items:center;justify-content:center;top:60px;left:0;z-index:5;background-color:var(--primary);overflow:hidden}.header__link{font-size:18px}.header__list{height:15vh;flex-direction:column;align-items:center;justify-content:space-between;margin-left:0;padding:0}.header__button,.header__button::before{display:block}.contact__form{padding:5px}.info{height:auto;padding-bottom:20px}.info__container{align-self:start;height:90%;grid-template-areas:'icon1' 'info1' 'icon2' 'info2' 'icon3' 'info3';grid-template-columns:100%;grid-template-rows:repeat(6,100% / 6)}div[class*='info__icon']{margin:20px 0 10px 0}}@media (max-width:475px){.callToAction{height:300px}.callToAction__asesor{left:-30px}.callToAction__card{right:3vw}@keyframes callToActionLeft{from{left:-600px}to{left:-30px}}@keyframes callToActionRight{from{right:-600px}to{right:3vw}}div[class*='info__icon'],div[class*='info__content']{height:85px}div[class*='info__icon']{width:85px}.callToAction__card,.callToAction__card--out{padding:5px}}.visible{transition:all 0.8s;height:20vh}.none{display:none}