.portafolio-page{margin:0;padding:0}.portafolio-hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:clamp(18rem,45vh,28rem);display:flex;position:relative}.portafolio-hero__overlay{background:linear-gradient(#0010248c 0%,#1a1a1ac7 100%);position:absolute;inset:0}.portafolio-hero__title{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-align:center;margin:0;padding:2rem;font-family:Schabo Condensed,system-ui,sans-serif;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:400;line-height:1;position:relative}.portafolio-music{color:#fff;background-color:#001024;padding:4.5rem 2rem}.portafolio-music__inner{text-align:center;max-width:52rem;margin:0 auto}.portafolio-music__title{color:#fff}.portafolio-music__desc{color:#b3b3b3;margin:0 0 2.5rem;font-size:1rem;line-height:1.7}.portafolio-music__covers{border-radius:12px;grid-template-columns:repeat(6,1fr);gap:.35rem;margin:0 0 2.5rem;display:grid;overflow:hidden}.portafolio-music__cover{aspect-ratio:1;object-fit:cover;background-color:#1a1a1a;width:100%}.portafolio-spotify{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0d0d0d66}.portafolio-spotify iframe{border:0;display:block}@media (width<=700px){.portafolio-music__covers{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.portafolio-music__covers{grid-template-columns:repeat(3,1fr)}}.portafolio-av{background-color:#eaeada;padding:4.5rem 2rem 5rem}.portafolio-av__inner{max-width:72rem;margin:0 auto}.portafolio-av__title{text-align:center;color:#001024}.portafolio-av__desc{text-align:center;color:#4d4d4d;max-width:40rem;margin:0 auto 2.5rem;font-size:1rem;line-height:1.7}.portafolio-av__grid{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.portafolio-av__card{min-height:24rem;position:relative;overflow:hidden}.portafolio-av__card:hover .portafolio-av__card-overlay{background:linear-gradient(#1a1a1a66 0%,#001024eb 100%)}.portafolio-av__card:hover .portafolio-av__rule{opacity:1;transform:scaleX(1)}.portafolio-av__card:hover p{opacity:1;max-height:8rem}.portafolio-av__card-media{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portafolio-av__card-overlay{background:linear-gradient(#1a1a1a4d 0%,#001024d1 100%);transition:background .35s;position:absolute;inset:0}.portafolio-av__card-content{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;min-height:24rem;padding:2rem 1.5rem;display:flex;position:relative}.portafolio-av__card-content h3{letter-spacing:.06em;text-transform:uppercase;margin:0;font-family:Schabo Condensed,system-ui,sans-serif;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:400}.portafolio-av__card-content p{color:#e8e8e8;opacity:0;max-width:16rem;max-height:0;margin:0;font-size:.88rem;line-height:1.65;transition:opacity .35s,max-height .35s;overflow:hidden}.portafolio-av__rule{opacity:0;background-color:#fff;width:2.75rem;height:2px;margin:.85rem 0;transition:opacity .35s,transform .35s;display:block;transform:scaleX(0)}.portafolio-trabajos{background-color:#001024;padding:4.5rem 2rem 5rem}.portafolio-trabajos__inner{max-width:78rem;margin:0 auto}.portafolio-trabajos__title{text-align:center;color:#fff}.portafolio-trabajos__desc{text-align:center;color:#b3b3b3;max-width:40rem;margin:0 auto 2.5rem;font-size:1rem;line-height:1.7}.portafolio-trabajos__grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;display:grid}.portafolio-trabajos__card{aspect-ratio:9/16;border-radius:6px;text-decoration:none;display:block;position:relative;overflow:hidden}.portafolio-trabajos__card:hover .portafolio-trabajos__card-overlay,.portafolio-trabajos__card:focus-visible .portafolio-trabajos__card-overlay{background:linear-gradient(#1a1a1a26 0%,#001024e6 100%)}.portafolio-trabajos__card:hover .portafolio-trabajos__card-media,.portafolio-trabajos__card:focus-visible .portafolio-trabajos__card-media{transform:scale(1.04)}.portafolio-trabajos__card-media{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.portafolio-trabajos__card-overlay{background:linear-gradient(#1a1a1a0d 0%,#001024bf 100%);transition:background .35s;position:absolute;inset:0}.portafolio-trabajos__card-content{z-index:1;text-align:left;color:#fff;flex-direction:column;align-items:flex-start;padding:1rem .9rem;display:flex;position:absolute;inset:auto 0 0}.portafolio-trabajos__card-content h3{letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Schabo Condensed,system-ui,sans-serif;font-size:.95rem;font-weight:400}.portafolio-footer{color:gray;text-align:center;background-color:#0d0d0d;border-top:1px solid #ffffff14;padding:1.25rem 2rem}.portafolio-footer p{letter-spacing:.04em;margin:0;font-size:.75rem}@media (width<=900px){.portafolio-av__grid{grid-template-columns:1fr}}@media (width<=600px){.portafolio-music,.portafolio-av,.portafolio-trabajos{padding-left:1.25rem;padding-right:1.25rem}.portafolio-av__card,.portafolio-av__card-content{min-height:20rem}.portafolio-av__rule{opacity:1;transform:scaleX(1)}.portafolio-trabajos__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.portafolio-av__card-content p{opacity:1;max-height:none}}