*{margin:0;padding:0;box-sizing:border-box}:root{--header-height: 10vh;--footer-height: 10vh;--content-padding: 5vh}body{font-family:Poppins,sans-serif;background-color:#000;color:#000}html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}header,footer{width:100%}header{flex:0 0 var(--header-height);min-height:var(--header-height)}footer{flex:0 0 var(--footer-height);min-height:var(--footer-height)}main{flex:1 0 auto;min-height:calc(100vh - var(--header-height) - var(--footer-height));width:100%}@media screen and (max-width: 1024px){main{min-height:auto}}@media screen and (max-width: 768px){body{overflow-x:hidden}}.site-header{flex:0 0 var(--header-height)}.site-nav{display:flex;justify-content:space-around;align-items:center;min-height:var(--header-height);background-color:#132b13;position:sticky;top:0;width:100%;z-index:10}.site-nav__logo{color:#bdbdbd;font-size:24px;letter-spacing:10px;-webkit-user-select:none;user-select:none}.site-nav__links{display:flex;justify-content:space-around;width:40%;list-style:none}.site-nav__item{list-style:none}.site-nav__link{color:#bdbdbd;text-decoration:none;letter-spacing:2px;font-weight:700;font-size:14px;transition:color .2s ease}.site-nav__link:hover,.site-nav__link:focus,.site-nav__link.active{color:#fff}.site-nav__toggle{display:none;cursor:pointer;background:transparent;border:none;padding:5px}.site-nav__line{display:block;background-color:#bdbdbd;width:25px;height:3px;margin:5px;transition:all .4s ease}.site-nav__toggle--open .site-nav__line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.site-nav__toggle--open .site-nav__line:nth-child(2){opacity:0}.site-nav__toggle--open .site-nav__line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width: 1024px){.site-nav__links{width:60%}}@media screen and (max-width: 768px){.site-nav{position:fixed;top:0;left:0;right:0;z-index:30}.site-nav__links{position:fixed;top:var(--header-height);right:0;height:calc(100vh - var(--header-height));background-color:#132b13fa;display:flex;flex-direction:column;align-items:center;width:75%;max-width:320px;transform:translate(100%);transition:transform .45s ease;z-index:20;padding:2rem 1.5rem;gap:1.5rem;overflow-y:auto;box-shadow:-6px 0 20px #00000073}.site-nav__links--open{transform:translate(0)}.site-nav__item{width:100%;text-align:center;opacity:0;transform:translate(18px);transition:opacity .35s ease,transform .35s ease}.site-nav__item:nth-child(1){transition-delay:.2s}.site-nav__item:nth-child(2){transition-delay:.25s}.site-nav__item:nth-child(3){transition-delay:.3s}.site-nav__item:nth-child(4){transition-delay:.35s}.site-nav__item:nth-child(5){transition-delay:.4s}.site-nav__links--open .site-nav__item{opacity:1;transform:translate(0)}.site-nav__toggle{display:block}}.site-footer{width:100%}.site-footer__nav{background-color:#132b13;min-height:var(--footer-height);height:100%;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 2rem}.site-footer__brand{display:flex;align-items:center;gap:.5rem}.site-footer__logo{height:7vh;display:flex;align-self:center;-webkit-user-select:none;user-select:none;cursor:default}.site-footer__version{font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:#cfcfcf;opacity:.7}.site-footer__social{width:auto;height:auto;display:flex;justify-content:right;align-items:center;list-style:none;padding:0;margin:0}.site-footer__social-item{display:inline-block;margin-left:10px;text-align:center}.site-footer__social-link{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 10px;color:#fff;font-size:clamp(1.2rem,1.5vw,1.8rem);text-align:center;width:clamp(42px,6vw,60px);height:clamp(42px,6vw,60px);box-shadow:0 3px 5px #0003;transition:.2s}.site-footer__social-link svg{width:clamp(1.3rem,2vw,1.8rem);height:clamp(1.3rem,2vw,1.8rem)}.site-footer__social-link.soundcloud svg{width:clamp(1.4rem,2.2vw,2rem);height:clamp(1.4rem,2.2vw,2rem);transform:scale(1.25);transform-origin:center}.site-footer__social:hover .site-footer__social-link:not(:hover):not(:focus-visible){filter:blur(2px)}.site-footer__social-link:hover,.site-footer__social-link:focus-visible{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 5px #0006;filter:none}.site-footer__social-link.soundcloud:hover{background:#ff5709}.home{background-image:url(/img/studio_art_blue.jpg);background-image:image-set(url(/img/studio_art_blue-desktop.avif) type("image/avif"),url(/img/studio_art_blue-desktop.webp) type("image/webp"),url(/img/studio_art_blue.jpg) type("image/jpeg"));background-repeat:no-repeat;background-position:center center;min-height:calc(100vh - var(--header-height) - var(--footer-height));background-attachment:fixed;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-family:Spartan,sans-serif;font-size:large;font-weight:700;color:#cfcfcf;-webkit-user-select:none;user-select:none;overflow:hidden;padding:var(--content-padding) 5vw}.home__logo{display:flex;width:200px;height:200px;opacity:.8;margin-top:2vh;margin-bottom:30px;-webkit-user-select:none;user-select:none;cursor:default}.home__title{color:#fff;opacity:.8;letter-spacing:5px;-webkit-user-select:none;user-select:none;cursor:default}.home__subtitle{margin-top:10px;letter-spacing:3px}.home__description{margin-top:20px;width:50vw;text-align:center;font-size:18px;letter-spacing:1px}@media screen and (max-width: 1024px){.home{min-height:calc(100vh - var(--header-height));height:auto;padding:6rem 1.5rem 3rem;background-attachment:scroll;background-image:url(/img/studio_art_blue.jpg);background-image:image-set(url(/img/studio_art_blue-mobile.avif) type("image/avif"),url(/img/studio_art_blue-mobile.webp) type("image/webp"),url(/img/studio_art_blue.jpg) type("image/jpeg"))}}.services{-webkit-user-select:none;user-select:none;min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--content-padding) 5vw;box-sizing:border-box;background-image:url(/img/textura_fondo.jpg);background-image:image-set(url(/img/textura_fondo-desktop.avif) type("image/avif"),url(/img/textura_fondo-desktop.webp) type("image/webp"),url(/img/textura_fondo.jpg) type("image/jpeg"));background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;display:flex;flex-direction:column;gap:2rem}.services__title{margin-top:30px;align-self:center;font-family:Spartan,sans-serif;font-weight:700;opacity:.8;font-size:50px;margin-bottom:20px;-webkit-user-select:none;user-select:none;cursor:default}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem}.services__card{background:#000000a6;border-radius:32px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;color:#cfcfcf;box-shadow:0 10px 25px #0006}.services__image{width:160px;max-width:80%;height:auto}.services__text h3{font-size:1.8rem;font-family:Spartan,sans-serif;margin-bottom:.8rem}.services__text p,.services__text ul{font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6}.services__text ul{list-style:none;display:flex;flex-direction:column;gap:.3rem}@media screen and (max-width: 1024px){.services{min-height:auto;height:auto;padding:6rem 1.5rem 3rem;background-attachment:scroll;background-image:url(/img/textura_fondo.jpg);background-image:image-set(url(/img/textura_fondo-mobile.avif) type("image/avif"),url(/img/textura_fondo-mobile.webp) type("image/webp"),url(/img/textura_fondo.jpg) type("image/jpeg"))}.services__card{padding:1.5rem}}@media screen and (max-width: 768px){.services__grid{gap:1.5rem}}.staff{min-height:calc(100vh - var(--header-height) - var(--footer-height));background-image:url(/img/consola_fondo.jpg);background-image:image-set(url(/img/consola_fondo-desktop.avif) type("image/avif"),url(/img/consola_fondo-desktop.webp) type("image/webp"),url(/img/consola_fondo.jpg) type("image/jpeg"));background-size:cover;background-repeat:no-repeat;background-position:top center;background-attachment:fixed;padding:var(--content-padding) 5vw 5vw;display:flex;flex-direction:column;gap:2.5rem}.staff__title{align-self:center;margin:0 0 .5rem;font-family:Spartan,sans-serif;font-weight:700;opacity:.8;font-size:50px;-webkit-user-select:none;user-select:none;cursor:default}.staff__content{display:flex;justify-content:space-around;align-items:center;gap:2.5rem;flex-wrap:wrap}.staff__panel{position:relative;width:560px;max-width:92vw;border-radius:50px;overflow:hidden;box-shadow:0 10px 25px #00000073}.staff__image{width:100%;display:block}.staff__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;background:#000000b3;padding:2rem 2.2rem 2.5rem;border-radius:20px;color:#cfcfcf;font-family:Spartan,sans-serif;text-align:left}.staff__name{font-size:clamp(1.35rem,4vw,2rem);margin-bottom:1rem;-webkit-user-select:none;user-select:none;cursor:default}.staff__bio{font-size:clamp(.95rem,3.4vw,1.05rem);line-height:1.55;font-weight:700;-webkit-user-select:none;user-select:none;cursor:default}.staff__photo{display:flex;justify-content:center;align-items:center}.staff__portrait{max-width:500px;max-height:500px;border-radius:450px;opacity:.9;box-shadow:0 10px 25px #00000073}@media screen and (max-width: 1054px){.staff__image{width:100%;max-width:none}.staff__portrait{width:min(100%,360px)}}@media screen and (max-width: 1024px){.staff{min-height:auto;height:auto;padding:6rem 1.5rem 3rem;background-attachment:scroll;background-image:url(/img/consola_fondo.jpg);background-image:image-set(url(/img/consola_fondo-mobile.avif) type("image/avif"),url(/img/consola_fondo-mobile.webp) type("image/webp"),url(/img/consola_fondo.jpg) type("image/jpeg"))}.staff__content{gap:2rem}}@media screen and (max-width: 768px){.staff{padding:5vh 1.5rem 3rem}.staff__content{flex-direction:column}.staff__overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:360px;padding:1.2rem 1.4rem 1.5rem;background:#000c;text-align:center}.staff__portrait{width:80%;max-width:320px}}@media screen and (max-width: 480px){.staff__panel{width:100%;max-width:420px}.staff__image{min-height:320px;object-fit:cover}.staff__overlay{width:80%;max-width:280px;padding:.85rem 1rem 1rem;border-radius:16px}.staff__name{font-size:1.1rem;margin-bottom:.4rem}.staff__bio{font-size:.85rem;line-height:1.35}}@media screen and (max-width: 420px){.staff__panel{max-width:none}.staff__overlay{width:72%;max-width:240px;padding:.7rem .85rem .85rem}.staff__name{font-size:1rem}.staff__bio{font-size:.8rem;line-height:1.3}}.contact{min-height:calc(100vh - var(--header-height) - var(--footer-height));background-image:url(/img/plug_rec.jpg);background-image:image-set(url(/img/plug_rec-desktop.avif) type("image/avif"),url(/img/plug_rec-desktop.webp) type("image/webp"),url(/img/plug_rec.jpg) type("image/jpeg"));background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;display:flex;align-items:center;flex-direction:column;font-family:Sen,sans-serif;padding:var(--content-padding) 5vw}.contact__title{margin-top:30px;align-self:center;font-family:Spartan,sans-serif;font-weight:700;opacity:.8;font-size:50px;margin-bottom:20px;-webkit-user-select:none;user-select:none;cursor:default}.contact__container{max-width:1200px;margin-left:auto;margin-right:auto;padding:1em;width:100%}.contact__wrapper>*{padding:.75em 1em}.contact__wrapper{display:grid;grid-template-columns:2fr 1fr;gap:0}.contact__form h3{padding-bottom:1em;-webkit-user-select:none;user-select:none;cursor:default}.contact__form form{display:grid;grid-template-columns:1fr 1fr}.contact__form form p{margin:0;padding:.6em .75em}.contact__form form label{-webkit-user-select:none;user-select:none;cursor:default}.contact__form form .contact__field--full{grid-column:1/3}.contact__form form input,.contact__form form textarea{width:100%;padding:.7em;border:1px solid rgba(19,43,19,.8);background:#ffffffe6;color:#1a1a1a;border-radius:8px;outline:none}.contact__form form textarea{resize:vertical;min-height:120px}.contact__form form .contact__field--actions{display:flex;justify-content:flex-start}.contact__form form .contact__field--actions button{background:#1f4d1f;color:#f0f0f0;border:0;padding:1em;width:10rem;font-family:Spartan,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:2px;border-radius:999px;cursor:pointer;transition:background .25s ease}.contact__form form .contact__field--actions button:hover,.contact__form form .contact__field--actions button:focus{background:#2f6d2f;color:#fff;outline:none}.contact__error{display:inline-block;margin-top:.35em;color:#c50000;font-size:.8rem;line-height:1;min-height:1rem;padding:.1rem .45rem;border-radius:6px;background:transparent;box-shadow:none;box-sizing:border-box}.contact__error--visible{background:#ffffffe6;box-shadow:0 1px 4px #00000040}.contact__info{background:#000000bf;color:#bdbdbd;min-height:100%;text-align:center;-webkit-user-select:none;user-select:none;cursor:default}.contact__info h4,.contact__info ul,.contact__info p{margin:0 0 1rem;list-style:none}.contact__info ul li{display:flex;align-items:center;justify-content:center;gap:.5rem}.contact__map{display:block;max-width:150px;max-height:150px;margin-left:auto;margin-right:auto;margin-bottom:15px;border:0}.contact__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:100}.contact__modal{background:#0f1f0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:min(420px,90%);color:#e0e0e0;box-shadow:0 15px 35px #00000080;text-align:center}.contact__modal h3{font-family:Spartan,sans-serif;margin-bottom:1rem}.contact__modal p{margin-bottom:1.5rem;line-height:1.4}.contact__summary{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.4rem;text-align:left;font-size:.95rem}.contact__summary li strong{font-weight:700;margin-right:.3rem}.contact__actions{display:flex;justify-content:center;align-items:stretch;gap:.75rem;width:100%;margin-top:1rem}.contact__actions .btn{flex:1;min-width:120px;padding:.9rem 1.25rem;border-radius:999px;font-family:Poppins,sans-serif;font-weight:700;cursor:pointer;border:none;text-align:center}.contact__actions .btn--primary{background:#1f4d1f;color:#fff;transition:background .25s ease}.contact__actions .btn--primary:not(:disabled):hover,.contact__actions .btn--primary:not(:disabled):focus{background:#2f6d2f}.contact__actions .btn--secondary{background:transparent;color:#bdbdbd;border:1px solid rgba(255,255,255,.3);transition:color .25s ease,border-color .25s ease}.contact__actions .btn--secondary:not(:disabled):hover,.contact__actions .btn--secondary:not(:disabled):focus{color:#fff;border-color:#fff9}.contact__actions button:disabled{opacity:.6;cursor:not-allowed}.contact__loader{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.9rem;color:#bdbdbd}.contact__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#7fd37f;border-radius:50%;animation:girar .8s linear infinite}@media screen and (max-width: 1024px){.contact{min-height:auto;height:auto;padding:6rem 1.5rem 3rem;background-attachment:scroll;background-image:url(/img/plug_rec.jpg);background-image:image-set(url(/img/plug_rec-mobile.avif) type("image/avif"),url(/img/plug_rec-mobile.webp) type("image/webp"),url(/img/plug_rec.jpg) type("image/jpeg"))}}@media screen and (max-width: 768px){.contact__wrapper{display:flex;flex-direction:column}.contact__form form{grid-template-columns:1fr}.contact__form form .contact__field--full{grid-column:auto}.contact__form form .contact__field--actions{justify-content:center}.contact__form form .contact__field--actions button{width:100%;max-width:320px}.contact__form form button{width:100%;max-width:320px;justify-self:center}}@keyframes girar{to{transform:rotate(360deg)}}