*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Open Sans,sans-serif;margin:0;padding:0}p{font-size:1rem}a{color:#000;text-decoration:none;word-break:break-all}.link--to--project{word-break:normal}header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #000;color:#000;display:flex;gap:2rem;height:70px;justify-content:start;padding-right:2rem;text-align:center}.header--name{font-family:Abel;font-size:2rem}.header--contact{align-items:center;background-color:#000;color:#f5f5f5;cursor:pointer;display:flex;height:70px;justify-content:center;width:70px}header--contact--svg{width:30px}.header--year{font-family:Abel;margin-left:auto}nav{background-color:#f5f5f5;border-bottom:1px solid #000;display:flex;flex-direction:row;justify-content:start}nav img{transition:all .3s;width:10px}.nav--open-menu{border-right:1px solid #000;height:70px;width:70px}button{cursor:pointer}.button--filter{align-items:center;background-color:#f5f5f5;border:none;border-right:1px solid #000;display:flex;height:70px;justify-content:center;outline:0;width:70px}nav img:hover{scale:1.2;transition:all .2s}.button--filter:hover{background-color:#005eff;color:#fff}.button-text{color:#000;display:none;font-family:Abel,sans-serif;font-size:1.5rem;left:510px;position:absolute;top:90px}.button--filter:hover .button-text{display:block}.social--link{display:flex;justify-content:start}.email img,.instagram img{width:25px}.instagram{border-left:1px solid #000;justify-self:end}.home--container{align-items:center;display:grid;grid-template-columns:70px 1fr;height:calc(100vh - 140px);justify-content:center;overflow:hidden}.home--container--aside{border-right:1px solid #000;overflow:hidden;width:70px}.home--container--aside,.home--container--image{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.home--container--image{margin:auto;width:100%}.home-image-large{height:auto;position:relative;width:500px;z-index:1}.home-image-small{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px;z-index:2}.banner--text{animation:scrollText 50s linear infinite;color:blue;font-size:1rem;font-weight:700;position:absolute;rotate:180deg;text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:5px;text-orientation:mixed;text-underline-offset:.5rem;writing-mode:vertical-rl}@keyframes scrollText{0%{transform:translateY(110%)}to{transform:translateY(-110%)}}.rotating-text{letter-spacing:.2rem;white-space:nowrap}.grid--proyectos{display:grid;grid-template-columns:1fr;overflow:scroll}.grid--proyecto--card{grid-gap:2rem;align-items:start;border-bottom:1px solid #000;display:grid;gap:2rem;grid-template-columns:70px 1fr 70px;justify-content:start}.grid--proyecto--card--title{display:inline-block;font-family:Abel,serif;font-size:3rem;line-height:3rem;padding-block:2rem;position:relative}.grid--proyecto--card--title:before{background-color:#ff0;bottom:20px;content:"";height:10px;left:0;position:absolute;transition:all .4s;width:0}.grid--proyecto--card--title:hover:before{transition:all .7s;width:100%}.grid--proyecto--card--icon{align-items:start;border-right:1px solid #000;display:flex;height:100%;justify-content:center;overflow:hidden;padding-top:2.4rem}.grid--proyecto--card--icon img{display:block;position:relative;width:30px}.grid--proyecto--card--year{padding-top:2.4rem}.cerrar--filtro{border:0;height:100%;width:100%}.wrapper{display:grid;grid-template-columns:1fr;height:calc(100vh - 140px)}.wrapper--aside{border-right:1px solid #000}.proyecto{display:grid;grid-template-columns:70px 1fr;height:calc(100vh - 140px);overflow:hidden}.proyecto--aside{border-right:1px solid #000;height:100%}.proyecto--cover,.proyecto--img{margin-bottom:4rem;max-width:600px}.proyecto--parrafos{margin-bottom:4rem;max-width:800px}.proyecto--parrafos ul{list-style:none;margin-top:1rem}.proyecto--parrafos ul li{margin-bottom:1rem}.proyecto--parrafos a{background-color:rgba(153,226,202,.463);text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:4px}.proyecto--parrafos--prensa{margin-top:4rem}.proyecto--parrafos h3{font-weight:700;margin-bottom:1rem}.proyecto--content{display:grid;font-family:Abel,serif;grid-template-columns:2fr 1fr;overflow:scroll;padding-top:4rem;padding-inline-start:70px}.proyecto--content h1{font-size:max(5vw,4rem);line-height:max(5vw,4rem);margin-bottom:1rem;text-decoration:underline;text-decoration-color:#ff0;text-decoration-thickness:10px}.proyecto--content--subtitle{font-size:.7rem;font-weight:100;letter-spacing:1rem;margin-bottom:4rem;text-transform:uppercase}.popup-overlay{background-color:#00000080;box-shadow:10px 10px #ff0;height:100%;left:0;position:fixed;top:0}.popup,.popup-overlay{align-items:center;display:flex;justify-content:center;width:100%}.popup{background-color:#fff;border-radius:10px;box-shadow:5px 5px #ff0,10px 10px blue;max-width:900px;padding:2rem;position:relative}.popup h2{margin-top:0}.close-popup{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;margin-top:20px;padding:10px;position:absolute;right:1rem;top:0}.close-popup:hover{background-color:#333}.popup--social ul{align-items:center;display:flex;gap:5rem;justify-content:center;list-style:none;margin-top:2rem}.popup-form-btn{background-color:#fff;border:1px solid #000;flex:1 1;padding-block:.8rem}@media only screen and (max-width:850px){img{width:100%}.header--name,.header--year{font-size:1rem}.proyecto{display:grid;grid-template-columns:1fr;height:calc(100vh - 140px);overflow:hidden}.proyecto--aside{display:none}.proyecto--content{display:block;font-family:Abel,serif;overflow:scroll;padding-top:4rem;padding-inline-start:0;padding-inline:1.5rem}.home--container{display:grid;grid-template-columns:1fr;height:calc(100vh - 140px)}.home--container,.home--container--aside{align-items:center;justify-content:center;overflow:hidden;width:100%}.home--container--aside{border-bottom:1px solid #000;border-right:0 solid #000;display:flex;height:70px;position:relative}.grid--proyecto--card--year{display:none}.proyecto--content h1{font-size:3rem}.home--container--image{align-items:center;display:flex;height:calc(100vh - 210px);justify-content:center;width:100%}.button--filter:hover .button-text{display:none}.banner--text{animation:scrollText 50s linear infinite;color:blue;font-size:1rem;font-weight:700;position:absolute;rotate:0deg;text-orientation:mixed;writing-mode:horizontal-tb}@keyframes scrollText{0%{transform:translateX (110%)}to{transform:translateX(-110%)}}}@media only screen and (max-width:630px){.instagram{border-left:none;justify-self:end;width:70px}}
/*# sourceMappingURL=main.f551a489.css.map*/