.port-panel{position:fixed;inset:0;z-index:150;background:#000;transform:translateX(-105%);transition:transform .65s cubic-bezier(.16,1,.3,1);overflow:hidden;contain:layout style paint;pointer-events:none;isolation:isolate}.port-panel.open{transform:translateX(0);pointer-events:auto}.port-panel:before{content:"";position:absolute;inset:0;z-index:10;background:radial-gradient(ellipse at center,rgba(255,80,0,.28) 0,rgba(0,0,0,.72) 60%,#000 100%);pointer-events:none;opacity:1;transition:opacity .9s ease .3s}.port-panel.open:before{opacity:0}.port-panel:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.018) 0,hsla(0,0%,100%,.018) 1px,transparent 2px,transparent 4px)}.port-panel-inner{height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.port-panel-inner::-webkit-scrollbar{display:none}.port-header{width:100%;height:100svh;min-height:80vh;flex-direction:column;padding:0 clamp(2rem,6vw,6rem);box-sizing:border-box;overflow:visible;background:#2b2b2b}.port-header,.port-header-stage{position:relative;display:flex;justify-content:center;align-items:center}.port-header-stage{transform-style:preserve-3d;perspective:1200px}.port-title{position:relative;padding-right:0;font-family:AuthenticDeclaration,cursive;font-size:clamp(3rem,10vw,9rem)!important;line-height:1;margin:0;color:#fff;white-space:nowrap;text-align:center;pointer-events:none}.port-subtitle{bottom:clamp(3rem,7vh,5rem);transform:translateX(-50%) translateZ(0);font-family:BarlowSC,system-ui,sans-serif;font-weight:900;font-size:clamp(.7rem,1.4vw,1.1rem);letter-spacing:.32em;text-transform:uppercase;color:hsla(0,0%,100%,.45);white-space:nowrap}.port-scroll-hint,.port-subtitle{position:absolute;left:50%;pointer-events:none}.port-scroll-hint{bottom:clamp(1.5rem,4vh,3rem);display:flex;transform:translateX(-50%) translateY(-10%) translateZ(0);flex-direction:column;align-items:center;gap:10px;animation:portScrollHint 2.2s ease-in-out infinite}.port-scroll-hint.offset-down{transform:translateY(20px)}.port-scroll-hint span{font-family:BarlowSC,system-ui,sans-serif;font-weight:900;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:hsla(0,0%,100%,.35)}.port-scroll-hint svg{opacity:.35}@media (max-width:768px){.port-title{font-size:clamp(2rem,6vw,4rem)!important}}.port-grid-section{position:relative;z-index:2;padding:clamp(3rem,8vh,6rem) clamp(1.5rem,5vw,4rem);background:#080808;min-height:85vh}.port-grid-label{font-family:BarlowSC,system-ui,sans-serif;font-weight:900;font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:hsla(0,0%,100%,.28);margin:0 auto clamp(1.5rem,4vh,3rem);max-width:1200px}.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,20px);max-width:700px;margin:0 auto}@media (max-width:700px){.port-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.port-grid{grid-template-columns:1fr}}.port-grid-item{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:12px;cursor:pointer;background:#111;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .55s ease,transform .55s ease}.port-grid-item.visible{opacity:1;transform:translateY(0) scale(1)}.port-grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transform-origin:var(--zoom-ox,50%) var(--zoom-oy,50%);transition:transform .55s cubic-bezier(.25,.46,.45,.94),transform-origin 0s}.port-grid-item:hover img{transform:scale(3.2);will-change:transform}.port-grid-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.18) 48%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem 1rem 1rem;pointer-events:none;opacity:1;transition:opacity .3s ease}.port-grid-item:hover .port-grid-overlay{opacity:0}.port-grid-title{font-weight:900;font-size:clamp(.78rem,1.6vw,1rem);letter-spacing:.14em;color:#fff;margin:0 0 3px}.port-grid-count,.port-grid-title{font-family:BarlowSC,system-ui,sans-serif;text-transform:uppercase}.port-grid-count{font-weight:700;font-size:10px;letter-spacing:.18em;color:hsla(0,0%,100%,.52)}.port-gallery-room{position:fixed;inset:0;background:#000;z-index:160;opacity:0;transform:translateY(102%);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s ease;overflow-y:auto;overflow-x:hidden;pointer-events:none}.port-gallery-room.open{opacity:1;transform:translateY(0);pointer-events:auto}.port-room-header{position:sticky;top:0;z-index:25;background:rgba(5,5,5,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid hsla(0,0%,100%,.06);padding-top:max(1.5rem,env(safe-area-inset-top))}.port-room-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%;padding:1rem clamp(1.5rem,5vw,4rem)}.port-room-title{font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:.12em;color:#fff;margin:0}.port-room-back,.port-room-title{font-family:BarlowSC,system-ui,sans-serif;font-weight:900;text-transform:uppercase}.port-room-back{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font-size:10px;letter-spacing:.18em;color:rgba(255,80,80,.8);padding:6px 0;transition:color .2s ease}.port-room-back:hover{color:#ff5050}.port-room-back svg{flex-shrink:0}.port-room-grid{align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(6px,1.2vw,14px);max-width:1200px;margin:1rem auto 0;width:100%;padding:clamp(2rem,3vw,3.5rem) clamp(2rem,4vw,4rem) 4rem;box-sizing:border-box}.port-room-thumb{position:relative;overflow:hidden;border-radius:8px;cursor:zoom-in;background:#111}.port-room-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;aspect-ratio:3/4;transition:transform .38s ease,filter .38s ease}.port-room-thumb:hover img{transform:scale(1.04);filter:brightness(1.08)}.port-lightbox{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.port-lightbox.open{opacity:1;pointer-events:auto}.port-lightbox img{max-width:90vw;max-height:88vh;z-index:1;-o-object-fit:contain;object-fit:contain;border-radius:4px;transform:scale(.92);transition:transform .32s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 80px rgba(0,0,0,.7)}.port-lightbox.open img{transform:scale(1)}.port-lightbox-close{position:absolute;top:max(1.2rem,env(safe-area-inset-top));right:1.4rem;background:none;border:none;cursor:pointer;color:rgba(255,80,80,.85);font-family:BarlowSC,system-ui,sans-serif;font-weight:900;font-size:11px;letter-spacing:.14em;padding:8px;transition:color .2s ease}.port-lightbox-close:hover{color:#f33}.port-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1001;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.7);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;font-size:18px}.port-lightbox-nav:hover{background:hsla(0,0%,100%,.15);color:#fff}.port-lightbox-nav.prev{left:1.2rem}.port-lightbox-nav.next{right:1.2rem}.port-lightbox-content{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.port-lightbox-content.slide-out-left{transform:translateX(-100%);opacity:0}.port-lightbox-content.slide-out-right{transform:translateX(100%);opacity:0}.port-lightbox-content.slide-in{transform:translateX(0);opacity:1}.port-panel-close{position:absolute;top:max(1.4rem,env(safe-area-inset-top));right:1.6rem;z-index:22;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;width:42px;height:42px;display:none;align-items:center;justify-content:center;cursor:pointer;color:hsla(0,0%,100%,.65);font-size:17px;line-height:1;transition:color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.port-panel-close:hover{color:#fff;background:rgba(255,80,80,.18);border-color:rgba(255,80,80,.45)}.port-panel-close.visible{display:flex}.port-panel-close.room-open{opacity:0;pointer-events:none}#portLbImg{transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.slide-out-left{transform:translateX(-20px);opacity:0}.slide-out-right{transform:translateX(20px);opacity:0}@keyframes portScrollHint{0%,to{transform:translateX(-50%) translateY(0);opacity:.6}50%{transform:translateX(-50%) translateY(6px);opacity:.3}}@property --galeria-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.module-btn--galeria{position:relative;overflow:visible!important;isolation:isolate;font-family:BarlowSC,serif;font-weight:700;font-size:11px;padding:12px 18px;border-radius:10px;background:linear-gradient(135deg,rgba(82,70,238,.616),rgba(21,179,190,.63));border:1px solid rgba(51,38,170,.692);will-change:transform;transform:translateZ(0)}.module-btn--galeria:focus-visible,.module-btn--galeria:hover{background:linear-gradient(135deg,rgba(80,255,109,.45),rgba(200,30,123,.45))}.module-btn--galeria:after{background:rgba(255,217,217,.144)}.module-btn--galeria:focus-visible:after,.module-btn--galeria:hover:after{animation:bounceIn 1s linear both}.module-btn--galeria:active:after{animation:scaleDown .12s linear both}.module-btn--galeria:before{content:"";inset:-2px;border-radius:inherit;opacity:.55}.module-btn--galeria .galeria-glow,.module-btn--galeria:before{position:absolute;z-index:-2;background:conic-gradient(from var(--galeria-angle),#ff005580,#ff550080,#ffcc0080,#ff00cc80,#9900ff80,#ff005580);animation:galeriaSpinBorder 10s linear infinite}.module-btn--galeria .galeria-glow{inset:-15%;border-radius:40%;filter:blur(22px);opacity:1;pointer-events:none;will-change:filter;transform:translateZ(0)}.module-btn--galeria{outline:1px solid rgba(140,190,255,.5);outline-offset:2px}@media (max-width:768px){.module-btn--galeria .galeria-glow,.module-btn--galeria:before{animation:none;--galeria-angle:0deg}.module-btn--galeria .galeria-glow{filter:none;opacity:.5}}@keyframes galeriaSpinBorder{to{--galeria-angle:360deg}}@property --carousel-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.port-carousel-wrap{width:clamp(96px,14vw,140px);pointer-events:none}.port-carousel-ring,.port-carousel-wrap{position:absolute;inset:0;margin:auto;aspect-ratio:16/9;transform-style:preserve-3d}.port-carousel-ring{--width:90%;--img-tx:180%;--total:6;width:var(--width);transform:rotateX(-20deg) rotate(30deg) rotateY(var(--carousel-spin));animation:carouselSpin 38s linear infinite;--slide-deg:calc(360deg/var(--total))}@keyframes carouselSpin{to{--carousel-spin:360deg}}.port-carousel-ring img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;transform:rotateY(calc(var(--i)*var(--slide-deg))) translateX(var(--img-tx)) rotateY(90deg);box-shadow:0 8px 28px rgba(0,0,0,.55)}@media (max-width:700px){.port-carousel-ring{--img-tx:200%}}.port-panel:not(.open) .port-carousel-ring{animation-play-state:paused}@property --port-gy{syntax:"<length-percentage>";inherits:false;initial-value:70%}.port-title--gradient{background-image:radial-gradient(in oklch circle at 50% var(--port-gy,70%),var(--heat-stop-1) 25%,var(--heat-stop-2) 50%,var(--heat-stop-3) 90%,var(--heat-stop-4) 120%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 50px oklch(53.581% .21263 23.831/.425));transition:--port-gy .1s linear;will-change:filter,transform;transform:translateZ(0)}@media (max-width:768px){.port-title--gradient{filter:none}}.port-panel,.port-panel *,.port-panel [role=button],.port-panel a,.port-panel button{cursor:none!important}#port-cursor-dot{width:8px;height:8px;background:#fff;z-index:9999;transition:width .2s ease,height .2s ease,background .2s ease,opacity .2s ease}#port-cursor-dot,#port-cursor-ring{position:fixed;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#port-cursor-ring{width:36px;height:36px;border:1.5px solid hsla(0,0%,100%,.55);z-index:9998;transition:width .38s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1),border-color .3s ease,opacity .3s ease}#port-cursor-ring.hovering{width:58px;height:58px;border-color:rgba(0,231,255,.75)}#port-cursor-dot.hovering{width:4px;height:4px;background:#00e7ff}#port-cursor-dot.hidden,#port-cursor-ring.hidden{opacity:0}@media (pointer:coarse){.port-panel,.port-panel *{cursor:auto!important}#port-cursor-dot,#port-cursor-ring{display:none!important}}@media (pointer:fine){#port-cursor-dot,#port-cursor-ring{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=portafolio-panel.css.map */