@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300&display=swap";.header-container{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:.1rem .3rem;display:flex;align-items:flex-start;background-color:transparent}.header-wrapper{display:flex;align-items:flex-start;width:100%;gap:.3rem}.header-logo{display:flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:35px 50px 6px 10px;flex-shrink:0}.logo-indicator{display:none;display:flex;width:15px;height:15px;background-color:var(--corporative-color);border-radius:50%;margin-right:1rem}.header-title-link{text-decoration:none;color:#000;display:flex;align-items:center}.header-title-text{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0}.header-nav{display:flex;flex-shrink:0}.main-nav{display:flex;align-items:flex-start}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:.3rem;align-items:flex-start}.nav-list button{background-color:transparent;border:none;cursor:pointer}.nav-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:35px 50px 6px 10px;position:relative;flex-shrink:0}.nav-item-expandable{transition:padding-bottom .3s ease}.nav-item-expandable:hover{padding-bottom:50px}.nav-link{text-decoration:none;color:#999;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;font-weight:300;white-space:nowrap;font-family:Pragmatica}.nav-link:hover{color:#000}.nav-active{font-weight:500;color:#000}.link-indicator{display:none}.portfolio-submenu{position:absolute;bottom:6px;left:10px;right:50px;background-color:transparent;animation:slideDown .3s ease}.submenu-link{display:flex;align-items:center;text-decoration:none;color:#999;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-family:Pragmatica;transition:color .3s ease;gap:8px}.submenu-link:hover{color:#000}.submenu-icon{font-size:14px!important;width:14px!important;height:14px!important;position:relative;animation:moveLeft .6s forwards}.submenu-link:hover .submenu-icon{animation:moveRight .6s forwards}@keyframes moveRight{0%{transform:translate(0)}to{transform:translate(5px)}}@keyframes moveLeft{0%{transform:translate(5px)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-toggle{margin-left:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:32px 10px 6px 50px;display:flex;align-items:center;font-family:Pragmatica;flex-shrink:0}.lang-option{font-size:.7rem;cursor:pointer;color:#999;transition:color .3s ease;text-transform:uppercase;letter-spacing:.5px}.lang-option:hover{color:#000}.lang-active{color:#000;font-weight:500}.lang-divider{color:#ccc;margin:0 5px}.contact-page{width:100%;padding:0;overflow:hidden;display:grid;grid-template-columns:calc(16% - 4rem) calc(16% - 4rem) calc(68% - 4rem);gap:5rem;box-sizing:border-box;position:relative;transform:translateY(-100%);height:0}.contact-page:before{content:"";position:absolute;top:-30px;left:-30px;width:calc(100% + 60px);height:calc(100% + 60px);background-image:url(/CAPTURAS/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(25px) saturate(.8);z-index:-1;animation:zoomBackground 10s infinite alternate ease-in-out}@keyframes zoomBackground{0%{background-size:100%}to{background-size:160%}}.contact-page>div{opacity:0;transform:translateY(20px)}.contact-page.open{padding-left:1rem;padding-top:0rem;box-sizing:border-box;transform:translateY(0);height:90vh;transition:height .6s ease-out,transform .6s ease-out}.contact-page.open>div{opacity:1;transform:translateY(0);transition:all .8s ease-out .3s}.first-column-contact,.second-column-contact,.third-column-contact{display:flex;flex-direction:column;gap:4rem;width:100%;background-color:transparent;box-sizing:border-box}.first-column-contact h5,.second-column-contact h5,.third-column-contact h5{background-color:transparent;font-family:Work Sans,sans-serif;font-weight:800;box-sizing:border-box;font-size:clamp(.8rem,1vw,1rem);color:wheat}.third-column-contact p{background-color:transparent;font-size:clamp(2rem,2.25vw,1.65rem);box-sizing:border-box;color:wheat;font-family:Work Sans,sans-serif}.third-column-contact p i{background-color:transparent}.first-column-contact ul,.second-column-contact ul{background-color:transparent;display:flex;flex-direction:column;gap:.7rem}.first-column-contact li,.second-column-contact li{background-color:transparent;font-size:clamp(.8rem,1vw,1rem);font-family:Work Sans,sans-serif;font-weight:800;width:80%;color:wheat}.second-line-contact ul li a{background-color:transparent}.second-line-contact ul li a:hover{opacity:.7}.first-line-contact,.second-line-contact{display:flex;flex-direction:column;gap:1rem;background-color:transparent}.first-line-contact{display:flex;flex-direction:column;gap:1rem;height:60px}.first-line-contact img{background:transparent;display:flex;position:relative;top:.5rem;left:-1.7rem;width:80%;filter:brightness(1.3) invert(69%) saturate(40%) sepia(40%) hue-rotate(30deg) brightness(96%)}.second-line-contact ul li svg{width:13px;height:13px;background:transparent;stroke-width:.5}.contact-page .close-button{position:absolute;top:1.4rem;right:1rem;background-color:transparent;border:none;font-size:30px;font-family:Work Sans,sans-serif;color:wheat;cursor:pointer;font-size:.83em;font-weight:800;z-index:10;letter-spacing:.2em}.contact-page.open .close-button{display:block}.contact-page .close-button:hover{opacity:.7}.contact-page.closing{transform:translateY(-100%);height:0;transition:height .6s ease-out,transform .6s ease-out}.contact-page.closing>div{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.modal-content .image-wrapper{position:relative;display:inline-block}.modal-content .image-wrapper:before{content:"";position:absolute;top:-23px;right:-23px;bottom:-23px;left:-23px;border:1px solid red;border-radius:50px;pointer-events:none}.modal-content .image-wrapper img{max-width:100%;max-height:90vh;object-fit:contain;display:block;cursor:pointer}.modal-content .close-button{position:absolute;top:-50px;right:-50px;background:none;border:none;color:red;font-size:30px;cursor:pointer;padding:10px}.nav-button{position:fixed;background:red;border:none;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;top:50%;transform:translateY(-50%)}.nav-button.prev{left:.8rem}.nav-button.next{right:.8rem}.nav-button:hover,.close-button:hover{opacity:.8}@media (max-width: 767px){.modal-overlay{z-index:99999}.modal-content{width:100%;height:auto;padding:20px;background-color:transparent}.modal-content .image-wrapper:before{top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:25px}.modal-content .image-wrapper img{max-height:calc(100vh - 100px)}.nav-button{width:25px;height:25px;top:auto;bottom:55px;transform:none;display:flex;justify-content:center;align-items:center;line-height:1;display:none}.nav-button.prev{left:165px}.nav-button.next{right:165px}.nav-button.prev:before{content:"";color:#000;font-size:15px}.nav-button.next:before{content:"";color:#000;font-size:15px}}.footer-wrapper{display:flex;flex-direction:column;background-color:var(--pink-color);color:#000;width:100%}.footer-content{padding:5px 20px 40px;display:flex;justify-content:space-between;align-items:center}.first-line-footer{padding-top:0}.first-line-footer h5{margin-top:1rem;font-family:Pragmatica;letter-spacing:.1em}.footer-text{display:flex;flex-direction:column}.footer-content h1{font-size:11px;margin:0}.footer-content .my-name{font-size:30px;margin-bottom:5px}.titulo-cortado{display:flex;justify-content:center;width:100%;height:5.5rem;overflow:hidden}.titulo-cortado h1{font-size:10.5rem;white-space:nowrap;text-transform:uppercase;margin:0;padding:0;text-align:center;font-family:var(--main-font);letter-spacing:-.02em;font-weight:100;line-height:.8}@media (max-width: 768px){.titulo-cortado.mobile-scroll{position:relative}.titulo-cortado.mobile-scroll h1{animation:scrollLeft 30s linear infinite}.titulo-cortado.mobile-scroll h1:after{content:" ESTUDIø INES URIBE"}@keyframes scrollLeft{0%{transform:translate(50%)}to{transform:translate(-50%)}}}.about-modal{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1000;animation:fadeIn .3s ease;overflow:auto;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9}.contact-links-to{display:flex;flex-direction:row;gap:.5rem}.contact-links-to button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#dddddd79;border:1px solid #2c2c2ca6;border-radius:6px;padding:18px 30px;color:#2c2c2cd1;font-family:Pragmatica,sans-serif;overflow:hidden;cursor:pointer}.contact-links-to button.instagram-c,.contact-links-to button.linkedin-c{border-radius:36px}.contact-links-to button:hover{color:red;border-color:red}.about-close-btn{position:absolute;top:20px;right:20px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:1001}.about-close-btn:hover{transform:scale(1.1)}.about-close-btn:before,.about-close-btn:after{content:"";position:absolute;width:30px;height:.8px;background:#888;transition:all .3s ease}.about-close-btn:before{transform:rotate(45deg)}.about-close-btn:after{transform:rotate(-45deg)}.about-close-btn:hover:before,.about-close-btn:hover:after{background:#f44;background:red;box-shadow:0 0 8px #ff44444d}@media (max-width: 768px){.contact-links-to{flex-direction:column}}@media (max-width: 480px){.contact-links-to{flex-direction:column;gap:.75rem}.contact-links-to button{width:100%;text-align:center}}.curtain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:9999;opacity:0;animation:fadeIn .5s forwards}.curtain-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;gap:20px;padding:5px;box-sizing:border-box;animation:slideIn .8s ease-out}.curtain-circle{width:100%;height:100%;max-width:75px;max-height:75px;background-color:var(--corporative-color);border-radius:50%;animation:pulse 2s infinite ease-in-out;justify-self:center;align-self:center}@keyframes slideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.curtain-circle:nth-child(2n){animation-delay:.2s}.curtain-circle:nth-child(3n){animation-delay:.4s}.curtain-circle:nth-child(4n){animation-delay:.6s}.curtain-circle:nth-child(5n){animation-delay:.8s}@media (max-width: 768px){.curtain-grid{gap:15px;padding:15px}.curtain-circle{width:45px;height:45px}}@media (max-width: 480px){.curtain-grid{gap:10px;padding:10px}.curtain-circle{width:35px;height:35px}}.outlet-desktop{animation:fadeInDesktop .5s ease-in forwards}.fade-in{opacity:0;animation:fadeInDesktop .7s ease-in forwards;animation-delay:2s;animation-fill-mode:forwards}@keyframes fadeInDesktop{0%{opacity:0}to{opacity:1}}.phone-header-container{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:.3rem;background-color:transparent;pointer-events:none}.phone-header-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;pointer-events:none}.phone-header-logo{display:flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:23px 20px 6px 10px;flex-shrink:0;width:fit-content;pointer-events:auto;margin-bottom:1rem}.phone-logo-indicator{width:12px;height:12px;background-color:var(--corporative-color);border-radius:50%;margin-right:.8rem}.phone-header-title-link{text-decoration:none;color:inherit;pointer-events:auto}.phone-header-title-text{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Pragmatica,sans-serif}.phone-header-bottom{position:fixed;bottom:.3rem;left:.3rem;right:.3rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.3rem;z-index:1001;pointer-events:auto}.phone-header-nav{display:flex;flex-shrink:0;width:auto;pointer-events:auto}.phone-main-nav{display:flex;align-items:center;width:auto}.phone-nav-list{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;gap:.3rem;align-items:center;width:auto}.phone-nav-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:15px 10px 6px;position:relative;flex-shrink:0;width:fit-content;pointer-events:auto}.phone-nav-link{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;font-weight:300;white-space:nowrap;font-family:Pragmatica,sans-serif;text-decoration:none;color:inherit;background:none;border:none;cursor:pointer}.phone-nav-active{color:#000}.phone-nav-item-expandable{transition:all .3s ease}.phone-portfolio-submenu{position:absolute;bottom:100%;left:0;right:0;background-color:#ddd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:10px;margin-bottom:.3rem;animation:slideUp .3s ease;z-index:1002;pointer-events:auto}.phone-submenu-link{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;font-family:Pragmatica,sans-serif;transition:color .3s ease;text-decoration:none;color:inherit;display:flex;align-items:center;gap:6px}.phone-submenu-icon{font-size:.8rem!important}.phone-language-toggle{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ddd9;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:20px 10px 6px;display:flex;align-items:center;font-family:Pragmatica,sans-serif;flex-shrink:0;gap:8px;pointer-events:auto}.phone-lang-option{font-size:.6rem;cursor:pointer;color:#999;transition:color .3s ease;text-transform:uppercase;letter-spacing:.5px}.phone-lang-active{color:var(--corporative-color)}.phone-lang-divider{font-size:.6rem;color:#999}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-phone-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .3s ease}.modal-phone-content{background-color:var(--light-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;height:100dvh;overflow:hidden;animation:slideUp .3s ease;position:relative}.modal-phone-header{display:flex;justify-content:space-between;align-items:center}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;z-index:10}.modal-close-btn:hover{background-color:#0000001a}.modal-categories-list{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;gap:0rem}.modal-category-item{padding:15px 20px;cursor:pointer;font-family:var(--main-font);font-size:1.8rem;color:#000;transition:all .2s ease;text-align:center;width:fit-content}.modal-category-item.active{color:#a1a1a1;font-style:italic;font-size:2rem}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-category-item{display:flex;flex-direction:column;align-items:center}.phone-menu-number{font-size:.8rem;color:#999;font-family:monospace;margin-bottom:4px}.root-phone__content{min-height:100svh;animation:fadeInRoutes .5s ease-in forwards;background-color:#f4f4f4}@keyframes fadeInRoutes{0%{opacity:0}to{opacity:1}}.main-content{transition:transform .3s ease-out}*{box-sizing:border-box}html,body{margin:0;height:100%;background-color:#f4f4f4;overscroll-behavior-y:none;height:100svh}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}h1{font-family:Pragmatica,sans-serif;font-size:15px;text-transform:uppercase;font-weight:300;letter-spacing:.3em;margin:0}#root{min-height:100vh;min-height:100svh;background-color:#f4f4f4}main{flex:1;background-color:#f4f4f4}:root{--corporative-color: red;--light-color: #f4f4f4;--pink-color: #FFD2D2;--orange-color: #FF450A;--nice-color: #ff4444;--yellow-color: #F6E319;--tuscan-red: #891D1A;--cherry-red: #A7292F;--main-font: "freight-big-pro", serif;--main-italic-font: "freight-big-pro", serif;--mono-font: "mono45-headline", monospace;--mono-font-weight: 500;--mono-font-style: normal}::selection{background-color:var(--pink-color);color:#000}::-webkit-selection{background-color:var(--pink-color);color:#000}::-moz-selection{background-color:var(--pink-color);color:#000}.home-container{background-image:url(/artOpt/fondohomeJPG.jpg);background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;align-items:flex-end;color:#fff;position:relative;animation:fadeInBg .5s ease-in forwards}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.header-main{display:flex;justify-content:center;width:100%;height:5.5rem;overflow:hidden}.header-main h1{font-size:8.5rem;white-space:nowrap;text-transform:uppercase;margin:0;padding:0;text-align:center;font-family:var(--main-font);letter-spacing:.1em;font-weight:100;line-height:.8;color:#000}.home-container-phone{height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden;background-image:url(/CAPTURAS/FONDOMOVIL.png);background-size:cover;background-position:center}.title-home-phone{text-align:center;height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;color:var(--light-color);position:relative;overflow:hidden;background-image:url(/CAPTURAS/FONDOMOVIL.png);background-size:cover;background-position:center;font-size:2.3rem;font-family:var(--main-font)}.title-home-phone-text:hover{color:#000}@keyframes fadeInHome{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}@font-face{font-family:BLUE OCEAN;src:url(/fonts/BLUE%20OCEAN.ttf) format("truetype");font-weight:400;font-style:normal}.categories{text-align:center;padding:20px 0;margin-top:300px;letter-spacing:.05em;z-index:2000;pointer-events:all;transition:all .3s ease;margin-bottom:0;font-size:2.3rem;font-family:var(--main-font);color:#ccc;border-bottom:1.5px solid black;padding:1rem 0rem 6rem;margin-left:1.875rem;margin-right:1.875rem}.contentContainer{animation:fadeInUp .5s ease forwards;padding:1rem 0rem;margin-left:.6rem;margin-right:.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:30px;margin:1.875rem}.contentContainer img{width:100%;height:auto;transition:opacity .3s ease;opacity:1}.contentContainer img:hover{cursor:pointer;opacity:.8;transition:opacity .3s ease}.column1,.column2,.column3{flex:1;display:flex;flex-direction:column;gap:20px}.column1 img,.column2 img,.column3 img{width:100%;height:auto;display:block;transition:opacity .3s ease;opacity:1}@media (max-width: 768px){.mensajeInicio{display:none}.contentContainer{flex-direction:column;padding-top:100px}.column1,.column2,.column3{flex:1}.texto{margin-top:50px;font-size:1.2em}}.fade-image{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform .6s ease-out}.fade-image.visible{opacity:1;transform:translateY(0)}.categories-phone-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;background-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid black;margin-top:2rem;margin-left:0;margin-right:0;margin-bottom:2rem;font-family:var(--main-font)}.categories-phone-left{display:flex;align-items:center;gap:10px;cursor:pointer;padding:0;transition:background-color .2s ease}.categories-phone-left:hover{background-color:#ffffff4d}.categories-label{font-size:1.2rem;font-weight:500;text-transform:uppercase;color:#000}.categories-phone-right{background-color:transparent;border-radius:4px}.selected-category{font-size:1.3rem;font-weight:600;color:#000;font-style:italic}.custom-hamburger{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:18px;height:12px;cursor:pointer}.hamburger-line{width:100%;height:1px;background-color:#000;transition:all .3s ease}.hamburger-line:nth-child(1){width:100%}.hamburger-line:nth-child(2){width:80%}.hamburger-line:nth-child(3){width:50%}.categories-phone-left:hover .hamburger-line{width:100%}.photo-design-phone{padding:0 16px;margin-top:6rem;margin-bottom:6rem}.photo-grid-phone{display:flex;gap:8px;width:100%}.photo-column-phone{flex:1;display:flex;flex-direction:column;gap:8px}.photo-column-phone img{width:100%;height:auto;display:block}.photo-design-phone h1{margin-bottom:16px;text-transform:uppercase;font-family:Pragmatica,sans-serif;letter-spacing:.3em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel{height:350px;width:100%;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;position:relative}.carousel-track{display:flex;width:max-content;height:100%;animation:scroll 100s linear infinite;animation-play-state:paused}.carousel-track.is-visible{animation-play-state:running}.carousel-track:hover{animation-play-state:paused}.carousel-track>img{height:100%;width:auto;object-fit:contain;margin-right:10px;cursor:pointer;pointer-events:auto}.carousel-track>div{height:100%;display:flex;align-items:center;margin-right:10px;cursor:pointer;pointer-events:auto}.carousel-track>div>img{height:100%;width:auto;object-fit:contain;margin-right:0}.web-section{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);padding:0}.web-section .first-line h3,.web-section .first-line p{font-family:Work Sans,sans-serif}.first-line{display:flex;justify-content:space-between;align-items:top;border-top:1px solid rgb(165,165,165);box-sizing:border-box;padding-top:5px;padding-bottom:15px}.first-line h3,.first-line p{margin:0;margin-inline:1em;display:block;font-size:12px}.first-line .description{max-width:600px;line-height:1.2}.first-line h3{font-size:20px;letter-spacing:1.1px}.first-line h3 svg{width:16px;height:16px;margin-left:4px;vertical-align:top}.webproject-container{margin-top:100px;padding:0}.web-projects{transition:margin-bottom .5s ease}.web-section{padding-top:30px;margin-bottom:80px;transition:margin-bottom .5s ease}.web-section.active{margin-bottom:200px}@font-face{font-family:Argesta;src:url(/fonts/argestadisplay-regular-webfont.ttf) format("truetype")}.categories{text-align:center;padding:5px 0;margin-top:300px;letter-spacing:.05em;margin-bottom:60px;z-index:1000;font-size:2.3rem;font-family:var(--main-font);color:#ccc;border-bottom:1.5px solid black;padding:1rem 0rem 6rem;margin-left:1.875rem;margin-right:1.875rem}.categories span{cursor:pointer}.categories span:hover{color:#000}.categories span.active{color:#000;font-style:italic;font-size:2.5rem}@keyframes scrollMobile{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-portfolio-mobile{height:300px;width:100%;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-x}.carousel-track-mobile{display:flex;width:max-content;height:100%;animation:scrollMobile 100s linear infinite;animation-play-state:running;will-change:transform}.carousel-track-mobile.is-visible{animation-play-state:running}.carousel-track-mobile:hover{animation-play-state:paused}.carousel-track-mobile>img{height:100%;width:auto;object-fit:contain;margin-right:10px}@media (max-width: 768px){.carousel-portfolio-mobile{height:250px}.carousel-track-mobile>img{height:100%;width:auto}}.web-section-mobile{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);padding:0}.web-section-mobile .first-line-intro h3,.web-section-mobile .first-line-intro p{font-family:Work Sans,sans-serif}.first-line-intro{display:flex;justify-content:space-between;align-items:top;border-top:1px solid rgb(165,165,165);box-sizing:border-box;padding-top:10px;padding-bottom:15px}.first-line-intro h3,.first-line-intro p{margin:0;margin-inline:1em;display:block;font-size:12px}.first-line-intro h3{font-size:18px;letter-spacing:1.1px}.first-line-intro h3 svg{width:16px;height:16px;margin-left:4px;vertical-align:top}.github-icon svg{width:15px;height:15px;vertical-align:bottom;font-size:10px}.github-icon{font-size:10px}.second-line-intro .description{max-width:600px;line-height:1.2;margin:0;margin-inline:1em;display:block;font-size:12px;padding-bottom:15px;font-family:Work Sans,sans-serif}.third-line-intro p{margin:0;margin-inline:1em;display:block;font-size:12px;padding-bottom:25px;font-family:Work Sans,sans-serif}.second-line{width:100%;margin-top:0}.second-line .carousel{width:100%;overflow:hidden}.mobile-not-ready{font-size:.5rem}.webproject-container-mobile{padding:0 16px;margin-top:6rem;margin-bottom:6rem}.web-section-mobile{margin-top:3rem}.titulo-principal-p{padding-top:4rem;padding-bottom:2.5rem;font-family:var(--main-font);font-weight:300;font-size:2.3rem}.contact-phone{display:flex;flex-direction:column;position:fixed;top:84px;left:0;right:0;bottom:0;overflow:hidden;background-color:#e4b5c2}.first-part{flex-shrink:0;background-color:#e4b5c2}.second-part{margin-top:auto;flex-shrink:0;background-color:#e4b5c2}.in-and-out{transition:all .3s ease;overflow:hidden;max-height:0;opacity:0;display:flex;justify-content:center;text-align:center;font-family:Pragmatica;font-family:Work Sans,sans-serif;font-size:12px;background-color:#e4b5c2}.in-and-out ul{list-style:none;margin:0;padding:15px;background-color:#e4b5c2}.in-and-out li,.in-and-out ul li a{background-color:#e4b5c2}.in-and-out p{margin:0;padding:15px;background-color:#e4b5c2}.in-and-out.visible{max-height:500px;opacity:1;background-color:#e4b5c2}.contact-mini-title{cursor:pointer}.contact-mini-title svg{transition:transform .3s ease;width:15px;height:15px;background:transparent;stroke-width:.5}.link-icon.MuiSvgIcon-root{width:10px;height:10px;background:transparent;vertical-align:middle;margin-left:5px}.contact-mini-title:has(+.in-and-out.visible) svg{transform:rotate(180deg)}.toggle-contact-phone{border-top:1px solid #D50429}.toggle-contact-phone:nth-of-type(3){border-bottom:1px solid #D50429}.toggle-contact-phone h5{padding:15px;margin:0;justify-content:center;display:flex;align-items:center;font-family:Pragmatica;font-family:Work Sans,sans-serif;background-color:#e4b5c2}.contact-presentation{border-top:1px solid #D50429;border-bottom:1px solid #D50429;font-family:Pragmatica;font-family:Work Sans,sans-serif;font-size:15px;padding-right:20px;padding-left:20px;background-color:#e4b5c2}.contact-presentation p,.contact-presentation p i{background-color:#e4b5c2}.city-and-hour{display:flex;justify-content:center;align-items:center;padding:15px 0;border-bottom:1px solid #D50429;background-color:#e4b5c2}.city-and-hour h5{text-align:center;margin:0;font-family:Pragmatica;font-family:Work Sans,sans-serif;background-color:#e4b5c2}.curtain{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:var(--pink-color);z-index:999;transition:opacity .5s ease-out}.curtain.fade-out{opacity:0}@media (max-width: 768px){.curtain{height:100dvh;z-index:999}}@media (max-width: 768px) and (orientation: portrait){.curtain{height:100dvh;width:100vw;overflow:hidden}}@media (max-width: 480px){.curtain{will-change:opacity}}.animated-title{width:75%;text-align:center;text-transform:none;font-family:var(--main-font);font-weight:300;font-size:2.8rem;line-height:3rem;position:fixed;left:50%;z-index:1000;transition:top .5s ease-out}.animated-title.centered{top:38vh;transform:translate(-50%)}.animated-title.moving{top:27vh;transform:translate(-50%)}.animated-title.integrated{opacity:0;pointer-events:none}@media (max-width: 768px){.animated-title{width:90%;font-size:2.2rem;line-height:2.5rem;z-index:1000}.animated-title.centered{top:35vh}.animated-title.moving{top:22vh}}@media (max-width: 480px){.animated-title{width:95%;font-size:1.8rem;line-height:2.2rem}.animated-title.centered{top:32vh}.animated-title.moving{top:20vh}}.project-item{display:flex;flex-direction:column;transition:transform .3s ease}.project-info{display:flex;flex-direction:column;width:100%}.image-container{margin-bottom:.2rem}.project-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center;animation:fadeIn .8s ease-in-out}.project-image.clickable-image{cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-info h4{margin:0;font-family:var(--main-font);font-size:1.6rem;text-transform:uppercase;font-weight:300;color:#000;text-align:left;line-height:1.3}.project-info p{margin:0;font-family:var(--main-font);font-size:1.6rem;font-style:italic;font-weight:100;color:#8f8f8f;letter-spacing:.03rem;text-align:left;line-height:.8}.services-list{display:flex;flex-direction:row}.services-display{flex:1;display:flex;flex-direction:column;width:100%}.services-display ul{list-style-type:none;padding:0;margin-top:0rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0rem}.services-display li{padding-bottom:.5rem;border-bottom:none;text-decoration:none;color:#000;font-family:var(--main-font);letter-spacing:.05em;font-weight:100;font-size:1.8rem;position:relative;padding-left:3rem;margin-right:3rem;transition:color .3s ease,font-style .3s ease}.services-display li:hover{font-style:italic}.services-display ul:hover li{color:#7a7a7a;transition:color .3s ease}.services-display ul:hover li:hover{color:#000;font-style:italic}.services-display li:last-child{border-bottom:none}.service-item{display:flex;align-items:center;padding:.3rem 0}.service-item:last-child{border-bottom:none}.services-display ul{list-style-type:none;padding:0;margin:0}.services-display li{padding:0}.service-item.clickable{cursor:pointer;transition:transform .2s ease}.filtered-projects{width:100%;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.clients-list{display:flex;flex-direction:row}.clients-display{flex:1;display:flex;flex-direction:column;width:100%}.clients-display ul{list-style-type:none;padding:0;margin-top:0rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0rem}.clients-display li{padding-bottom:.5rem;border-bottom:none;text-decoration:none;color:#000;font-family:var(--main-font);letter-spacing:.05em;font-weight:100;font-size:1.8rem;position:relative;padding-left:3rem;margin-right:3rem;transition:color .3s ease,font-style .3s ease}.clients-display li:hover{font-style:italic}.clients-display ul:hover li{color:#7a7a7a;transition:color .3s ease}.clients-display ul:hover li:hover{color:#000;font-style:italic}.clients-display li:last-child{border-bottom:none}.client-item{display:flex;align-items:center;padding:.3rem 0}.client-item:last-child{border-bottom:none}.clients-display ul{list-style-type:none;padding:0;margin:0}.clients-display li{padding:0}.client-item.clickable{cursor:pointer;transition:transform .2s ease}.featured{display:flex;flex-direction:column;width:100%;gap:4rem;border-bottom:1px solid #e0e0e0}.first-line-ft,.second-line-ft,.third-line-ft{display:flex;flex-direction:row;height:100%;gap:20px}.first-line-ft .column1{flex:1;display:flex;flex-direction:row;gap:20px}.first-line-ft .column2{flex:1;display:flex}.second-line-ft .column1{flex:1;display:flex;flex-direction:row;gap:20px;order:2}.second-line-ft .column2{flex:1;display:flex;order:1}.project-item-container{display:flex}.column1 .project-item-container{height:calc((100% - 20px)/2);flex:1}.column2 .project-item-container{height:100%;flex:1}.project-half,.project-full{width:100%;height:100%;object-fit:cover}.third-line-ft{justify-content:center;align-items:center;height:20vh}.third-line-ft h1{font-family:var(--main-font);text-transform:capitalize;font-size:2.8rem;letter-spacing:0;font-style:italic;color:#000}.portfolio-icon{width:35px;height:35px;margin-left:.2rem;vertical-align:middle}@media (max-width: 768px){.featured{gap:2rem}.first-line-ft,.second-line-ft{flex-direction:column;gap:2rem}.first-line-ft .column1,.second-line-ft .column1{flex-direction:column;gap:2rem;order:initial}.first-line-ft .column2,.second-line-ft .column2{order:initial}.column1 .project-item-container,.column2 .project-item-container{height:40vh;flex:none;width:100%}.third-line-ft{height:15vh;margin-top:2rem}.third-line-ft h1{font-size:2rem;text-align:center}.portfolio-icon{width:25px;height:25px}}@media (max-width: 480px){.featured,.first-line-ft,.second-line-ft{gap:1.5rem}.column1 .project-item-container,.column2 .project-item-container{height:100%}.third-line-ft h1{font-size:1.6rem}}.sectors-list{display:flex;flex-direction:row}.sectors-display{flex:1;display:flex;flex-direction:column;width:100%}.sectors-display ul{list-style-type:none;padding:0;margin-top:0rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0rem}.sectors-display li{padding-bottom:.5rem;border-bottom:none;text-decoration:none;color:#000;font-family:var(--main-font);letter-spacing:.05em;font-weight:100;font-size:1.8rem;position:relative;padding-left:3rem;margin-right:3rem;transition:color .3s ease,font-style .3s ease}.sectors-display li:hover{font-style:italic}.sectors-display ul:hover li{color:#7a7a7a;transition:color .3s ease}.sectors-display ul:hover li:hover{color:#000;font-style:italic}.sectors-display li:last-child{border-bottom:none}.menu-number{font-family:Pragmatica,sans-serif;font-size:.7rem;letter-spacing:.15rem;z-index:1;color:#000;font-style:normal}.sector-item{display:flex;align-items:center;padding:.3rem 0}.sector-item:last-child{border-bottom:none}.menu-number{margin-right:20px;font-size:.8rem;color:#999;font-family:monospace}.sectors-display ul{list-style-type:none;padding:0;margin:0}.sectors-display li{padding:0}.sector-item.clickable{cursor:pointer;transition:transform .2s ease}.filtered-projects{width:100%}.filter-title{font-family:var(--main-font);font-size:1.2rem;font-weight:300;margin-bottom:1.5rem;color:#666;text-align:left}.services-wrapper{display:flex;width:100%;flex-direction:column;padding-bottom:3rem}.statement{display:flex;flex-direction:column;align-items:center}.statement:first-child{padding-top:27vh;height:75vh}.statement:last-child{justify-content:center;height:90vh}.statement h1{width:70%;text-align:center;text-transform:none;font-family:var(--main-font);text-transform:uppercase;font-weight:700}.services-title-hidden{opacity:0}.services-title-visible{opacity:1}.statement h2{width:75%;text-align:center;text-transform:none;font-family:var(--main-font);font-weight:300;font-size:2.8rem;line-height:3rem}.statement h3{width:70%;text-align:center;text-transform:none;font-family:Pragmatica;font-weight:300;letter-spacing:.1em;font-size:1rem}.studio-filter{padding:1rem 0rem;margin-left:.6rem;margin-right:.6rem;display:flex;flex-direction:row;gap:.5rem;border-bottom:1px solid #e0e0e0}.studio-filter button{padding:.4rem .8rem;border:1px solid transparent;color:#7a7a7a;background-color:transparent;cursor:pointer;border-radius:6px;font-size:.8rem;font-family:Pragmatica;font-weight:700}.studio-filter button.active{color:#000;background-color:#dddddd87}.studio-filter button:hover{background-color:#dddddd87}.filter-render{padding:1rem 0rem;margin-left:2rem;margin-right:2rem}.animated-content{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}.button-with-filter{display:flex;align-items:center;gap:.3rem}.filter-close{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.studio-filter button{white-space:nowrap;min-width:fit-content;transition:all .3s ease}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;animation:fadeInUp .5s ease forwards}.phone-services-list{display:flex;flex-direction:column;width:100%}.phone-services-display{flex:1;display:flex;flex-direction:column;width:100%;gap:1rem}.phone-services-button{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem;background-color:#dddddd4d;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;margin:1rem 0}.phone-services-button:hover{background-color:#dddddd80;transform:translateY(-2px)}.phone-services-text{font-family:var(--main-font);font-size:1.4rem;font-weight:300;color:#000;text-transform:capitalize}.phone-services-arrow{font-size:1.5rem;color:var(--corporative-color);transition:transform .3s ease}.phone-services-button:hover .phone-services-arrow{transform:translate(5px)}.phone-services-description{text-align:center;padding:0 1rem}.phone-services-description p{font-family:Pragmatica;font-size:.9rem;color:#666;line-height:1.4;margin:0}.phone-filtered-projects{width:100%;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.phone-projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}.phone-project-item{width:100%}@media (min-width: 480px) and (max-width: 768px){.phone-projects-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.phone-services-text{font-size:1.6rem}}.phone-services-wrapper{display:flex;width:100%;flex-direction:column;padding-bottom:2rem;padding-top:0rem}.phone-statement{display:flex;flex-direction:column;align-items:center;padding:1rem}.phone-statement:first-child{padding-top:20vh;min-height:50vh;justify-content:center}.phone-statement:last-child{justify-content:center;min-height:60vh;padding-top:3rem}.phone-statement h1{width:90%;text-align:center;text-transform:none;font-family:var(--main-font);text-transform:uppercase;font-weight:700;font-size:2rem}.phone-services-title-hidden{opacity:0;transition:opacity .5s ease}.phone-services-title-visible{opacity:1;transition:opacity .5s ease}.phone-statement h2{width:95%;text-align:center;text-transform:none;font-family:var(--main-font);font-weight:300;font-size:1.8rem;line-height:2.2rem;margin-bottom:4rem}.phone-statement h3{width:85%;text-align:center;text-transform:none;font-family:Pragmatica;font-weight:300;letter-spacing:.1em;font-size:.9rem}.phone-studio-filter{padding:1rem 0rem;margin-left:1rem;margin-right:1rem;display:flex;flex-direction:row;gap:.3rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.phone-studio-filter button{padding:.5rem 1rem;border:1px solid transparent;color:#7a7a7a;background-color:transparent;cursor:pointer;border-radius:6px;font-size:.75rem;font-family:Pragmatica,sans-serif;font-weight:300;white-space:nowrap;min-width:fit-content;transition:all .3s ease;flex-shrink:0}.phone-studio-filter button.active{color:#000;background-color:#dddddd87}.phone-studio-filter button:hover{background-color:#dddddd87}.phone-filter-render{padding:1rem;margin-left:.5rem;margin-right:.5rem}.phone-animated-content{animation:phone-fadeInUp .5s ease forwards}@keyframes phone-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.phone-button-with-filter{display:flex;align-items:center;gap:.3rem}.phone-filter-close{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.phone-filter-close:hover{background-color:transparent}.phone-projects-grid{display:grid;grid-template-columns:1fr;gap:1rem;animation:phone-fadeInUp .5s ease forwards}@media (min-width: 480px) and (max-width: 768px){.phone-projects-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.phone-statement h2{font-size:2.2rem;line-height:2.6rem}}.portfolio-wrapper{display:flex;flex-direction:column}.portfolio-options{display:flex;flex-direction:row;position:relative;height:100vh;width:100%}.option-art,.option-web{width:50%;height:100vh;overflow:hidden;position:relative;transition:filter .3s ease}.option-art img,.option-web img{width:calc(100% + 20px);height:calc(100% + 20px);margin:-10px;object-fit:cover;transition:all .4s ease,transform .4s ease}.option-art a,.option-web a{display:block;width:100%;height:100%;position:relative;text-decoration:none}.option-art h1,.option-web h1{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:red;font-size:2.5rem;font-weight:700;margin:0;padding:0;z-index:100;text-align:center;font-family:var(--main-font);font-style:italic}.option-web h1{color:var(--light-color)}.portfolio-options:hover .option-art:not(:hover) img{filter:blur(5px);background-color:#fff9}.portfolio-options:hover .option-web:not(:hover) img{filter:blur(5px);background-color:#fff9}.option-art.animating{position:absolute;top:0;left:0;z-index:100;animation:expand-art 2s forwards,stay 2s 2s forwards,fadeOut .5s 4s forwards}.option-art.animating~.option-web{position:absolute;top:0;right:0;width:50%;z-index:1}@keyframes expand-art{0%{width:50%}to{width:100%}}.option-web.animating{position:absolute;top:0;right:0;z-index:100;animation:expand-web 2s forwards,stay 2s 2s forwards,fadeOut .5s 4s forwards}.option-web.animating~.option-art{position:absolute;top:0;left:0;width:50%;z-index:1}@keyframes expand-web{0%{width:50%}to{width:100%}}.option-art.animating h1,.option-web.animating h1{animation:fadeOut .5s forwards}@keyframes stay{0%,to{width:100%}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAfterDelay{0%{opacity:1}to{opacity:0;visibility:hidden}}.phone-portfolio-wrapper{display:flex;flex-direction:column;height:100svh;width:100%}.phone-portfolio-options{display:flex;flex-direction:column;height:100svh;width:100%;position:relative}.phone-option-art,.phone-option-web{width:100%;height:50vh;overflow:hidden;position:relative;z-index:10}.phone-option-art img,.phone-option-web img{width:calc(100% + 20px);height:calc(100% + 20px);margin:-10px;object-fit:cover;transition:all .4s ease,transform .4s ease;pointer-events:none}.phone-option-art a,.phone-option-web a{display:block;width:100%;height:100%;position:relative;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:auto}.phone-option-art h1{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:red;font-size:2rem;font-weight:700;margin:0;padding:0;z-index:100;text-align:center;font-family:var(--main-font);font-style:italic;pointer-events:none}.phone-option-web h1{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#000;font-size:2rem;font-weight:700;margin:0;padding:0;z-index:100;text-align:center;font-family:var(--main-font);font-style:italic;pointer-events:none}.phone-option-art.phone-animating{position:absolute;top:0;left:0;width:100%;z-index:100;animation:phone-expand-art 2s forwards,phone-stay 2s 2s forwards,phone-fadeOut .5s 4s forwards}.phone-option-art.phone-animating~.phone-option-web{position:absolute;bottom:0;left:0;width:100%;height:50vh;z-index:1}@keyframes phone-expand-art{0%{height:50vh}to{height:100vh}}.phone-option-web.phone-animating{position:absolute;bottom:0;left:0;width:100%;z-index:100;animation:phone-expand-web 2s forwards,phone-stay 2s 2s forwards,phone-fadeOut .5s 4s forwards}@keyframes phone-expand-web{0%{height:50vh}to{height:100vh}}.phone-option-art.phone-animating h1,.phone-option-web.phone-animating h1{animation:phone-fadeOut .5s forwards}@keyframes phone-stay{0%,to{height:100vh}}@keyframes phone-fadeOut{0%{opacity:1}to{opacity:0}}.phone-option-art a:active,.phone-option-web a:active{transform:scale(.98);transition:transform .1s ease}.page-not-found{height:100vh;width:100%;display:flex;align-items:center;padding:.5rem;gap:10rem}.page-not-found h1{font-size:.8rem}.error-404{color:var(--corporative-color)}@media screen and (max-width: 600px){.page-not-found{flex-direction:row;gap:2rem;justify-content:left;height:100dvh}.page-not-found h1{font-size:.7rem}}