:root{--green:#A1EEBD;--blue:#7BD3EA;--yellow:#F6F7C4;--red:#EA7B7B;--rem2:calc(2rem + (2vw - 2rem));--rem4:calc(4rem + (4vw - 3.2rem));--rem1p5:calc(1.5rem + (1vw - 1.0))}body{margin:0;font-family:"Inter",sans-serif;color:#303030;}.max_size{margin:auto;width:calc(100% - 280px);max-width:1080px;}h2{font-size:var(--rem4);font-weight:600;margin:0;padding:2rem 0 4rem 0;}.custom_button{padding:1rem;font-size:var(--rem1p5);border-radius:30px;text-decoration:none;font-weight:600;cursor:pointer;user-select:none;border:4px solid transparent;transition-property:background-color,border;transition-duration:.3s;}.custom_button:hover{background-color:white;}.blue_button{background-color:var(--blue);}.blue_button:hover{border:4px solid var(--blue);}.red_button{background-color:var(--red);}.red_button:hover{border:4px solid var(--red);}.green_button{background-color:var(--green);}.green_button:hover{border:4px solid var(--green);}.circle_container{position:fixed;top:30px;right:30px;width:100px;height:100px;z-index:10;filter:drop-shadow(2px 2px 1px #00000040);}.circle_container::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url('../imgs/menu bars.svg');background-repeat:no-repeat;background-position:center;width:50px;height:50px;content:'.';color:transparent;animation:fadein .4s forwards;}.circle_container.active::after{opacity:0;animation:fadeout .2s forwards;}@keyframes fadeout{0%{opacity:1;width:50px;height:50px}99%{opacity:0;width:50px;height:50px}100%{opacity:0;width:1px;height:1px}}@keyframes fadein{0%{opacity:0;width:50px;height:50px}50%{opacity:0;width:50px;height:50px}100%{opacity:1;width:50px;height:50px}}.circle_container.active .circle_part{border-radius:10%;}.circle_container.active .top_left{transform:translate(-38%,-38%) rotate(180deg) scale(.7);}.circle_container.active .top_right{transform:translate(38%,-38%) rotate(180deg) scale(.7);}.circle_container.active .bottom_left{transform:translate(-38%,38%) rotate(180deg) scale(.7);}.circle_container.active .bottom_right{transform:translate(38%,38%) rotate(180deg) scale(.7);}.circle_protector{position:absolute;width:100%;height:100%;z-index:2;transition-property:height,width;transition-delay:.1s;}.circle_container.active .circle_protector{width:0;height:0;}.circle_part{width:100px;height:100px;background-color:var(--green);border-radius:50%;position:absolute;transition:all .5s;cursor:pointer;}.circle_part:hover{background-color:#62c686;}.top_left{top:0;left:0;clip-path:polygon(0 0,100% 0,0 100%);}.top_right{top:0;right:0;clip-path:polygon(100% 0,100% 100%,0 0);}.bottom_left{bottom:0;left:0;clip-path:polygon(0 100%,100% 100%,0 0);}.bottom_right{bottom:0;right:0;clip-path:polygon(100% 100%,0 100%,100% 0);}.circle_part::after{position:absolute;top:50%;left:50%;background-repeat:no-repeat;background-position:center;width:25px;height:25px;content:'.';color:transparent;}.circle_container:hover .bottom_right::after{background-image:url(../imgs/envelope.svg);transform:rotate(180deg) translate(-50%,-50%);}.circle_container:hover .bottom_left::after{background-image:url(../imgs/portfolio.svg);transform:rotate(180deg) translate(145%,-50%);}.circle_container:hover .top_left::after{background-image:url(../imgs/discover.svg);transform:translate(-145%,-145%) rotate(180deg);}.circle_container:hover .top_right::after{background-image:url(../imgs/personal.svg);transform:translate(45%,-151%) rotate(180deg);}#NavLabel{opacity:0;position:absolute;bottom:-3rem;width:15ch;text-align:center;left:-25%;user-select:none;filter:drop-shadow(0 0 0 #00000000);}.circle_part:hover ~ #NavLabel{opacity:1;}#Hero{width:100%;height:85vh;position:relative;}#Hero .background_cover{background-color:#a1eebdb3;backdrop-filter:blur(4px);}#Hero img,#Hero .background_cover{position:absolute;width:100%;height:100%;z-index:-1;object-fit:cover;}#Hero h1{margin:0;font-size:calc(5rem + (5vw - 3.5rem));font-weight:800;padding:30px 0 0 30px;}#Hero p{padding-left:30px;font-weight:500;margin-block:0 .5em;font-size:var(--rem2);}#Hero h1,#Hero p{padding-right:140px;}#ComoTrabajamos{background-color:var(--yellow);}.flujo_container{padding-bottom:5rem;}.flujo_container div{width:100%;margin:2rem 0;display:flex;align-items:center;justify-content:space-between;}.flujo_container div:nth-child(even){flex-direction:row-reverse;}.flujo_container div img,.flujo_container div p{display:inline-block;width:40%;border-radius:10px;}.flujo_container div p{font-size:var(--rem2);font-weight:500;}#Portfolio{background-color:var(--red);height:83vh;min-height:750px;}.portafolio_container{position:relative;}.botonera{position:absolute;display:flex;margin-left:15px;}.boton_portfolio{font-size:1rem;padding:.5rem;background-color:#bdbdbd80;margin:0 5px;border-radius:10px 10px 0 0;cursor:pointer;user-select:none;}.boton_portfolio.selected{background-color:#ffffff80;}.display{display:flex;position:absolute;top:2.25rem;height:55vh;min-height:500px;width:100%;opacity:0;background-color:#ffffff80;padding:2rem;box-sizing:border-box;border-radius:10px;justify-content:space-between;z-index:1;transition:opacity .3s cubic-bezier(1,.02,.63,1.01);}.display.selected{opacity:1;z-index:2;}.display .col1{width:49%;display:flex;align-items:flex-start;flex-wrap:wrap;align-content:space-between;}.display .img_container{display:flex;width:100%;aspect-ratio:2.15 / 1.0;justify-content:space-between;}.display .img_container img{height:100%;object-position:top;cursor:pointer;filter:drop-shadow(2px 2px 1px #00000040);transition:filter .3s;}.display .img_container img:hover{height:100%;object-position:top;cursor:pointer;filter:drop-shadow(4px 4px 3px #00000060);}.ratio3-2{aspect-ratio:3/2;object-fit:cover;}.ratio9-16{aspect-ratio:9/16;object-fit:cover;}.display_tecnologias{width:100%;}.display_tecnologias span{width:100%;display:block;margin-bottom:10px;}.display_tecnologias img{width:15%;max-width:50px;vertical-align:-webkit-baseline-middle;filter:drop-shadow(2px 2px 1px #00000040);}.display .col2{width:49%;}.display .col2 h3{font-size:var(--rem2);margin:0;}.display .col2 p{font-size:var(--rem1p5);margin-block-start:.5em;max-height:40vh;overflow:auto;}#ImageDisplay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:3% 5%;box-sizing:border-box;overflow-y:auto;background-color:#00000040;z-index:-1;opacity:0;animation:imgDisplayOut .2s forwards;}#ImageDisplay.active{z-index:11;opacity:1;animation:imgDisplayin .2s forwards;}@keyframes imgDisplayOut{0%{opacity:1;z-index:11}99%{opacity:0;z-index:11}100%{opacity:0;z-index:-1}}@keyframes imgDisplayin{0%{opacity:0;z-index:11}50%{opacity:0;z-index:11}100%{opacity:1;z-index:11}}#ImageDisplay img{width:100%;aspect-ratio:auto;}#ImageDisplay img.ratio9-16{max-width:600px;aspect-ratio:auto;display:block;margin:auto;}#Contacto{background-color:var(--blue);padding-bottom:3rem;}#Contacto h2{text-align:center;}.contacto_container{display:flex;align-items:flex-start;flex-wrap:wrap;background-color:#ffffff80;width:40%;max-width:900px;min-width:400px;margin:auto;padding:2rem 2rem 5rem 2rem;border-radius:10px;position:relative;}#Contacto input[type="text"],#Contacto textarea{width:100%;border:none;padding:.5em;margin:2% 10%;font-size:var(--rem1p5);border-radius:10px;}.g-recaptcha{display:inline-block;transform:scale(.6);width:55%;position:absolute;bottom:5%;left:4%;}#Contacto input[type="submit"]{position:absolute;bottom:7%;right:15%;}p#respa{margin:3% 10%;width:100%;}@media (max-width:800px){.max_size{width:90%}:root{--rem2:1.5rem;--rem4:2rem;--rem1p5:1rem}.circle_container,.circle_part{width:75px;height:75px}.circle_container{top:20px;right:15px}.circle_container::after{transform:translate(-50%,-50%) scale(.75)}#NavLabel{left:-50%}#Hero p{padding-right:30px}.flujo_container div{flex-direction:column}.flujo_container div img,.flujo_container div p{width:100%}.flujo_container div:nth-child(even){flex-direction:column}#Portfolio{height:55rem}.botonera{flex-wrap:wrap}.display .img_container{justify-content:space-around}.boton_portfolio{width:1rem;font-size:0}.boton_portfolio:not(.selected):after{content:attr(number);display:inline-block;width:1rem;text-align:center;overflow:hidden;font-size:1rem}.boton_portfolio.selected{width:auto;font-size:1rem}.display{flex-direction:column;justify-content:flex-start;height:40rem}.display .col1{width:100%;margin-bottom:1rem}.display .col2{width:100%}.display .custom_button{margin:1rem auto}.display_tecnologias{text-align:center}.contacto_container{width:90%;min-width:90%;box-sizing:border-box}.g-recaptcha{display:block;position:unset;transform:scale(.6);width:100%}#Contacto input[type="submit"]{position:unset;margin:auto}}