@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}body,html{min-height:100dvh;scroll-behavior:smooth}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}body{position:relative;display:grid;grid-template-columns:1fr min(80vw,980px) 1fr;grid-template-rows:20vh 60vh 20vh 1fr auto;grid-template-areas:"margin     header      margin-right" "margin     hero        margin-right" "margin     separator   margin-right" "margin     main        margin-right" "footer     footer      footer";height:100vh;gap:1rem;background-color:#121212;color:#fff;font-family:Libre Baskerville,Times New Roman,Times,serif}@media (orientation: landscape) and (width < 600px){body{grid-template-rows:10vh 60vh -10vh 20vh 1fr auto}}body main article{display:flex;gap:3rem}body main article>*{flex:1;flex-basis:500px}@media (orientation: portrait) and (width < 994px){body main article{flex-direction:column}body main article>*{flex-basis:auto}}body:has(section.portfolio-content){grid-template-rows:20vh auto auto;grid-template-areas:"margin     header      margin-right" "margin     main        margin-right" "footer     footer      footer"}body.modal-open{overflow:hidden}body.loaded #preloader{display:none}dialog{overflow-y:auto}.hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}.separator{grid-area:separator;border:none;height:20vh;display:flex;justify-content:center;align-items:flex-start}.separator img{display:block;transform:scale(.5,.3);opacity:0;animation:arrow-scroll 3s infinite;animation-delay:1s}@keyframes arrow-scroll{0%{transform:translateY(-20px) scale(.5,.3);opacity:0}50%{transform:translateY(-20px) scale(.5,.3);opacity:0}to{transform:translateY(0) scale(.5,.3);opacity:1}}a:not([class]){color:#ff27a9;text-decoration:none}a:not([class]):hover{color:#eaa600;text-decoration:none}h2{font-size:2.6rem;font-weight:700;margin-bottom:1rem}p{font-size:1rem;font-weight:400;color:#fff;margin-bottom:1rem}ul[role=list],ol[role=list]{line-height:1.5}ol{list-style-type:lower-alpha}header{grid-area:header;display:flex;align-items:flex-end}nav{flex:1;display:flex;justify-content:space-between;align-self:flex-end;padding-bottom:.5rem}nav img{max-width:150px}nav .nav-links{display:flex;align-items:center}nav .nav-links a{text-decoration:none;color:#ff27a9;padding:10px;transition:background .3s ease}nav .nav-links .contact-button{margin-left:10px;padding:10px;border:none;border-radius:5px;text-decoration:none;background-color:#eaa600;color:#121212;font-weight:700;transition:all .3s ease-in-out}nav .nav-links .contact-button:hover{background-color:#ff27a9;transform:scale(1.1)}nav .menu-toggle{display:none;flex-direction:column;cursor:pointer}nav .menu-toggle span{height:2px;width:25px;margin:4px;transition:all .3s}nav .menu-toggle span:first-of-type{background:#1c5ad7}nav .menu-toggle span:nth-child(2){background:#ff0458}nav .menu-toggle span:nth-child(3){background:#eaa600}nav .nav-links-mobile{display:none;position:fixed;right:-100%;top:0;height:100vh;width:55vw;padding:1rem;z-index:15;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;background-color:#00000080;border-left:1px solid rgba(255,255,255,.25);backdrop-filter:blur(5px);transition:right .3s ease}nav .nav-links-mobile a{color:#ff27a9;text-decoration:none;padding:10px;font-weight:700;display:block}nav .nav-links-mobile a.contact-button-mobile{display:inline-block;padding:10px;margin-top:1rem;margin-left:.5rem;background:#eaa600;color:#121212!important;border:none;border-radius:5px;color:#eaa600;text-decoration:none;font-weight:700}nav .nav-active{right:0;display:block}a.language-selector{margin-left:1rem;font-size:.6rem;padding:0!important;color:#eaa600!important}a.language-selector:hover{color:#ff27a9!important}a.language-selector:hover>.language-icon{stroke:#ff27a9}a.language-selector .language-icon{stroke:#eaa600;margin-top:-3px}@media (max-width: 994px){nav .nav-links{display:none}nav .menu-toggle{display:flex}nav a.language-selector{margin-top:2rem}}section.hero{grid-area:hero;overflow:hidden;background-color:#9f169d;border-radius:.5rem}section.hero figure.animation-container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr}section.hero figure.animation-container .montana{grid-column:1/8;grid-row:1/-1;z-index:0;background:url(../img/montana.svg);background-repeat:space repeat;background-size:100%}section.hero figure.animation-container .casas{grid-column:1/3;grid-row:1/-1;z-index:1;background:url(../img/casas.svg);background-size:contain;background-repeat:repeat-y;background-position:center}section.hero figure.animation-container .tipitos{grid-column:3/6;grid-row:1/-1;z-index:2;background:url(../img/tipitos-mooving.gif);background-size:contain;background-repeat:repeat-y;background-position:center}section.hero figure.animation-container .sol{grid-column:6/11;grid-row:1/-1;z-index:3;align-self:center;transform:translateY(150%)}@media (orientation: portrait) and (width < 994px){section.hero figure.animation-container .sol{grid-column:1/11;grid-row:1/-1}}main{grid-area:main}main article.services figure{max-width:500px;width:100%;height:auto;aspect-ratio:1/1;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:clip}main article.services figure:before{content:"";position:absolute;inset:0;background:url(../img/fondo-img-1.svg);background-size:120%;background-repeat:no-repeat;background-position:90% 20%;z-index:-1;filter:url(#noise)}main article.services figure:after{content:"";position:absolute;inset:0;background-color:#9f169d;z-index:-2;border-radius:.5rem}main article.services figure img{max-width:95%;width:100%;height:auto}main article.services div h2{color:#eaa600}@media (orientation: portrait) and (width < 994px){main main article.services figure{aspect-ratio:21/9;justify-content:flex-start;max-width:100%}main main article.services figure:before{background-size:69%;background-position:100% 30px}main main article.services figure img{max-height:75%;width:auto;padding-left:1rem}}main article.weare div h2{color:#ff27a9}main article.weare>div:last-child{max-width:500px;width:100%;border:2px solid #FF27A9;border-radius:.5rem;padding:2rem;background:url(/img/graph-back.jpg);background-size:100%;background-attachment:fixed}main article.weare>div:last-child>*,main article.weare>div:last-child>figure>img,main article.weare>div:last-child>div>figure>img{margin-bottom:1rem}main article.weare>div:last-child>div:nth-of-type(1){display:flex;gap:2rem}main article.weare>div:last-child>div:nth-of-type(1) figure{flex:1}main article.weare>div:last-child>div:nth-of-type(1) figure img{display:block;margin:0 auto;padding-bottom:1rem}main article.weare>div:last-child>div:nth-of-type(1) figure span{font-size:2em}main article.weare>div:last-child>figure>img{width:100%;height:auto}main article.weare .graph3>img{transform:scaleY(.5)}main article.weare>div:last-child{background-size:200%;background-position-x:50%}main section.portfolio h2{color:#eaa600;margin-bottom:2rem}main .gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}main .gallery-container>div{position:relative;height:min-content}main .gallery-container>div img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:.5rem}main .gallery-container>div .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000d9;opacity:0;transition:opacity .5s ease-in-out}main .gallery-container>div .overlay>*{color:#fff;text-align:center}main .gallery-container>div:hover .overlay{opacity:1}main dialog{max-width:1512px;height:90vh;width:90vw;align-self:center;margin:0 auto;overflow:auto;overscroll-behavior:auto contain}main dialog::backdrop{background:#121212}main dialog button{position:fixed;display:inline-block;right:20px;width:24px;height:24px;background-color:#fff;border:2px solid #121212;border-radius:50%;text-decoration:none;animation:rotateX .5s ease}main dialog button:focus{outline:2px solid #FF27A9}main dialog button.closeModal{top:20px}main dialog button.closeModal div{position:absolute;width:14px;height:2px;top:9px;left:3px;background-color:#121212;transform-origin:center}main dialog button.closeModal div:first-child{transform:rotate(45deg)}main dialog button.closeModal div:last-child{transform:rotate(-45deg)}main dialog button.closeModal:hover{transform:scale(1.2)}@keyframes rotateX{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}footer{grid-area:footer;padding:0 2rem 100px;background:linear-gradient(0deg,#ff2aa866,#121212)}footer div.form-container{text-align:center;display:block;padding-bottom:100px}footer div.form-container>p{margin-bottom:3rem}footer div.form-container form.contact{display:flex;flex-direction:column;row-gap:1em;max-width:40ch;margin:0 auto}footer div.form-container form.contact input{border-radius:.5rem}footer div.form-container form.contact div:not(.infinite-marquee-wrapper){position:relative;min-height:3em;margin-bottom:.5em}footer div.form-container form.contact input:not([type=submit]),footer div.form-container form.contact textarea{width:100%;padding:1em;border:2px solid #FF27A9;background:#121212;color:#fff;border-radius:.5rem}footer div.form-container form.contact input:not([type=submit]):focus-visible,footer div.form-container form.contact textarea:focus-visible{outline:none;border-color:color-mix(in lab,#FF27A9 50%,#121212)}footer div.form-container form.contact label{position:absolute;top:1em;left:1em;transition:all .2s ease}footer div.form-container form.contact input:not([type=submit]){position:absolute;top:0;right:0}footer div.form-container form.contact .input:focus~label,footer div.form-container form.contact .input:not(:placeholder-shown).input:not(:focus)~label{top:-.85em;font-size:.85em;padding:.1em;background-color:#121212}footer div.form-container form.contact form:has(:invalid)>div{border:2px solid red}footer div.form-container form.contact input:user-invalid{border-color:red}footer div.form-container form.contact textarea{resize:vertical;min-height:10ex;max-height:20ex}footer div.form-container form.contact textarea::placeholder{color:#fff}footer div.form-container form.contact input:is([type=submit]){width:min-content;margin:0 auto;padding:1em;cursor:pointer;background-color:#ff27a9;color:#121212;border:none}footer div.form-container form.contact input:is([type=submit]):hover{transform:scale(1.05);transition:all .2s ease-out;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.5))}footer div.form-container #confirmationModal{background-color:#ff27a9;padding:1em;text-align:center;border-radius:.5rem;transition:all 1s ease-in-out}footer div.form-container #confirmationModal .infinite-marquee-wrapper{gap:.4em;border-radius:.5rem}footer div.form-container #confirmationModal .infinite-marquee-wrapper p{color:#fff;white-space:nowrap;margin:0;padding:0}footer input:-webkit-autofill,footer input:-webkit-autofill:hover,footer input:-webkit-autofill:focus,footer input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#FF27A9;transition:background-color 5000s ease-in-out 0s;box-shadow:none}footer p:last-child{text-align:center;margin:2rem 0}footer p:last-child a{color:#eaa600;text-decoration:none}footer p:last-child a:hover{text-decoration:underline}dialog:last-of-type{padding:2rem;font-size:.8rem;background-color:#121212}dialog:last-of-type h3{color:#eaa600}dialog:last-of-type ol{list-style:decimal;color:#eaa600}body.portfolio-content{grid-template-rows:20vh auto auto;grid-template-areas:"margin     header      margin-right" "margin     main        margin-right" "footer     footer      footer"}body.portfolio-content article{grid-area:main;margin:2rem 0;position:relative}body.portfolio-content article .portfolio-back{position:absolute;top:-1rem;left:0;color:#252525;text-decoration:none;font-size:48px;animation:color 3s infinite}@keyframes color{0%{color:#252525}90%{color:#9f169d}to{color:#252525}}body.portfolio-content article h1{text-align:center;color:#252525;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #252525}body.portfolio-content article img{border-radius:.5rem}body.portfolio-content article div.to-top{text-align:center;margin:3rem 0}body.portfolio-content article div.to-top img{transform:rotate(180deg);width:30px;height:auto}body.portfolio-content article div.to-top img:hover{cursor:pointer}.animation-container:is(.animate) .montana{animation:moveUp 16s linear infinite}@keyframes moveUp{0%{background-position:0 0}to{background-position:0 -100%}}.animation-container:is(.animate) .casa{animation:slide-casa 1s steps(4) forwards;animation-delay:1s}@keyframes slide-casa{0%{left:-30%}to{left:2vw}}.animation-container:is(.animate) .sol{animation:amanecer 1s steps(4) forwards;animation-delay:1s}@keyframes amanecer{0%{transform:translateY(150%)}to{transform:translateY(0)}}.animation-container:is(.animate) .sol-corona{width:60px;height:60px;position:absolute;opacity:0;transform:scale(0);transition:opacity .5s,transform .5s;z-index:4}@media (max-width: 680px) and (orientation: portrait){.animation-container:is(.animate) .casa{animation:disapear-casa 1.5s steps(5) forwards;animation-delay:1s}@keyframes disapear-casa{0%{left:-30%;opacity:1}80%{left:2vw;opacity:1}to{left:2vw;opacity:0}}@keyframes disapear-tipitos{0%{left:-30%;opacity:1}80%{opacity:1;left:30%}to{opacity:0;left:30%}}}@keyframes trainSlideDesktop{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes trainSlideMobile{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width < 994px){article.services figure img:is(.animate){animation:trainSlideMobile 2s steps(6) forwards}}@media (width > 994px){article.services figure img:is(.animate){animation:trainSlideDesktop 2s steps(6) forwards}}.graph1>img,.graph2>img{transform:scale(0)}.graph1:is(.animate)>img{animation:grow .5s ease-in-out forwards}.graph2:is(.animate)>img{animation:grow .5s ease-in-out forwards;animation-delay:.5s}.graph3>img{clip-path:polygon(0 0,0 100%,0 100%,0 0);transition:opacity 1s ease-in-out}.graph3:is(.animate)>img{animation:.751734s ease-out .750447s 1 normal forwards running reveal-from-left}@keyframes reveal-from-left{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}.slideRight:is(.animate){animation:slideRight .5s ease-out forwards;opacity:0}@keyframes slideRight{0%{transform:translate(25%);opacity:0}to{transform:translate(0);opacity:1}}.slideLeft:is(.animate){animation:slideLeft .5s ease-out forwards;opacity:0}@keyframes slideLeft{0%{transform:translate(-25%);opacity:0}to{transform:translate(0);opacity:1}}.opacityScroll:is(.animate){animation:opacityScroll .5s ease-out forwards;opacity:0}@keyframes opacityScroll{0%{opacity:0}to{opacity:1}}.appear{opacity:0;animation:intro-header 1s ease-in-out forwards}@keyframes intro-header{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.blink{animation:blink-animation 4s linear infinite}@keyframes blink-animation{0%,50%,to{opacity:1}25%,75%{opacity:0}}.noise{filter:url(#noise)}