@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--accent:#62e5f5;--bg:#080c10;--muted:#8b969f;--line:#ffffff16;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#edf1f2;font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}#network{position:fixed;inset:0;z-index:-1;opacity:.32;pointer-events:none}header,main,footer{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 30px 'Space Grotesk',sans-serif;letter-spacing:-2px}.brand span{font:11px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:12px;color:var(--muted)}.brand i,.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:15px;box-shadow:0 0 15px var(--accent)}nav{display:flex;gap:32px;align-items:center;font-size:12px}button,.button{border:1px solid #ffffff27;background:#ffffff05;color:inherit;padding:12px 18px;border-radius:5px}button:hover,.button:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:550px;padding:78px 0 55px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}.eyebrow>span{margin:0 9px 1px 0}h1{font:500 clamp(48px,6.4vw,88px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:27px 0 32px;position:relative;z-index:1}em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:75px}.hero p{font-size:14px;line-height:1.8;color:var(--muted)}.explore{font-size:12px;border-bottom:1px solid var(--accent);padding:14px 0}.explore span{margin-left:34px;color:var(--accent)}.orbit{position:absolute;right:10px;top:55px;width:370px;height:370px;opacity:.7;transform:rotate(-22deg)}.orbit div{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;box-shadow:inset 0 0 40px #62e5f509;animation:spin 30s linear infinite}.orbit div:nth-child(2){transform:rotateY(65deg);inset:0}.orbit div:nth-child(3){transform:rotateX(65deg);inset:0}.orbit span{position:absolute;inset:120px 0;text-align:center;font-size:9px;letter-spacing:3px;line-height:3;color:var(--accent);transform:rotate(22deg)}@keyframes spin{50%{rotate:35deg;scale:.93}}#gallery{padding-top:36px;border-top:1px solid var(--line)}h2{font:500 32px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:17px 0 30px}h2>span{color:var(--accent)}.section-top{display:flex;justify-content:space-between;align-items:center}.palette{display:flex;gap:9px;align-items:center}.palette span{font-size:8px;letter-spacing:2px;color:var(--muted);margin-right:8px}.palette button{padding:0;width:13px;height:13px;border:2px solid var(--bg);outline:1px solid #ffffff25;background:var(--swatch);border-radius:50%}.palette button.active{outline-color:var(--swatch)}.toolbar{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;border-color:transparent;padding:10px 13px;color:var(--muted)}.tabs button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:0 12px;gap:7px;color:var(--muted)}input,textarea,select{border:1px solid #ffffff25;background:#0b1219;color:#e8edef;padding:11px;border-radius:4px;width:100%}.search input{border:0;background:none;font-size:11px;width:210px}.result-line{display:flex;justify-content:space-between;color:#697781;font-size:9px;letter-spacing:1.3px;margin:20px 0}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:0;text-align:left;background:#ffffff03;backdrop-filter:blur(12px);border:1px solid var(--line);overflow:hidden;border-radius:8px;color:inherit;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px)}.art{height:280px;position:relative;overflow:hidden;background:#111d28}.art img,.art video{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.04)}.badge{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:1.4px;background:#080c10ab;border:1px solid #ffffff30;padding:7px 9px;border-radius:3px;color:#eef}.art .arrow{position:absolute;bottom:14px;right:14px;border-radius:50%;background:#0a121999;padding:8px 12px;color:white}.card-copy{padding:21px}.card-copy small{color:var(--accent);font-size:8px;letter-spacing:1.5px}.card-copy h3{font:500 21px 'Space Grotesk';margin:10px 0}.card-copy p{font-size:11px;color:var(--muted);margin:0}.simulation{height:100%;background:radial-gradient(ellipse at 50% 80%,#4fd2ef66,transparent 40%),repeating-radial-gradient(ellipse at 50% 100%,#203845 0 1px,#06121d 2px 17px);animation:flow 7s ease-in-out infinite alternate}@keyframes flow{to{filter:hue-rotate(90deg);transform:scale(1.15) rotate(4deg)}}#about{margin-top:95px;padding:65px 0;border-top:1px solid var(--line)}.about-content{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.about-content h2{font-size:40px;line-height:1.3}.about-content p{font-size:14px;line-height:1.9;color:var(--muted)}.about-content a{color:var(--accent);font-size:13px;margin-right:20px}.about-content button{font-size:11px}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:8px;letter-spacing:1px;color:var(--muted)}dialog{background:#0c131bed;color:#eef;border:1px solid #ffffff30;border-radius:12px;width:min(1050px,94vw);max-height:92vh;padding:40px;backdrop-filter:blur(30px)}dialog::backdrop{background:#02060bdc;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:12px;padding:8px 13px;z-index:2}.view-media{width:100%;max-height:55vh;object-fit:contain;background:#050a10}.view-text{display:grid;grid-template-columns:1fr 1fr;gap:30px}.view-text p{color:var(--muted);line-height:1.7;font-size:14px}.view-text pre{white-space:pre-wrap;background:#ffffff06;padding:18px;font-size:12px;line-height:1.7}.view-text small{color:var(--accent)}#manager>p{color:var(--muted);line-height:1.6;font-size:13px}form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}form label{font-size:11px;color:var(--muted);display:grid;gap:7px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button,.button{font-size:12px}.primary{background:var(--accent);color:#071016}.work-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.work-row span{flex:1}.work-row button{padding:7px 10px;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 23px;background:var(--accent);color:#071016;border-radius:5px;z-index:10;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(max-width:1000px){.orbit{right:-100px;opacity:.3}.toolbar{flex-direction:column}#grid{grid-template-columns:repeat(2,1fr)}.art{height:270px}}@media(max-width:600px){header{height:80px}nav{gap:12px}nav>a{display:none}h1{letter-spacing:-2.5px}.hero{padding-top:55px;min-height:470px}.hero-bottom{gap:22px;align-items:start;flex-direction:column}.orbit{right:-150px;top:10px}.section-top{align-items:start;flex-direction:column;gap:5px}.palette{margin-bottom:23px}h2{font-size:27px}#grid{grid-template-columns:1fr}.art{height:310px}.result-line>span:last-child{display:none}.about-content,.view-text{grid-template-columns:1fr;gap:10px}.about-content h2{font-size:32px}footer>span:nth-child(2){display:none}form{grid-template-columns:1fr}dialog{padding:40px 20px 20px}.work-row{flex-wrap:wrap}.work-row span{min-width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.auto-status{font-size:11px;color:var(--muted);line-height:1.7} [hidden]{display:none!important}
.gallery-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 0}.gallery-tools button,.gallery-tools a{font-size:11px}.gallery-tools a{color:var(--accent)}.media-error{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:12px;padding:20px;text-align:center;background:#080e15ed;color:#d3dee5;z-index:1}.media-error p{font-size:12px;line-height:1.6;flex-basis:100%;margin:0}.media-error button,.media-error a{font-size:12px}.media-error a{color:var(--accent)}

/* Visor flotante: márgenes adaptables, marco discreto y pieza sin recortes. */
#viewer{--viewer-gap:clamp(14px,3vw,48px);--viewer-side-gap:clamp(64px,5vw,80px);--control-outset:58px;position:fixed;inset:0;margin:auto;width:calc(100% - var(--viewer-side-gap) * 2);max-width:none;height:calc(100vh - var(--viewer-gap) * 2);height:calc(100dvh - var(--viewer-gap) * 2);max-height:none;padding:0;border:1px solid #ffffff32;border-radius:18px;background:#080e15;box-shadow:0 30px 100px #000a,0 0 35px color-mix(in srgb,var(--accent) 7%,transparent);overflow:visible;backdrop-filter:none}
#viewer::backdrop{background:#02060ba6;backdrop-filter:blur(10px)}
#view-content{overflow:hidden;border-radius:inherit;position:relative;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#viewer-title{position:absolute;z-index:3;top:calc(18px + env(safe-area-inset-top,0px));left:18px;max-width:calc(100% - 92px);margin:0;padding:10px 16px;font:500 14px/22px 'DM Sans',sans-serif;letter-spacing:.1px;color:#f2f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(125deg,#18222cbd,#11192280);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff12,0 5px 24px #0003;text-shadow:0 2px 6px #0007;pointer-events:none}
#viewer .close{z-index:4;top:calc(18px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));display:grid;place-items:center;height:44px;width:44px;padding:0;border:1px solid #ffffff35;border-radius:50%;color:#eef7fc;background:linear-gradient(135deg,#24313cbd,#10192399);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff18,0 5px 24px #0004;transition:background .2s,border-color .2s,color .2s}
#viewer .close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#viewer .close:hover,#viewer .close:focus-visible{color:var(--accent);border-color:var(--accent);background:#1a2c39e6}
.viewer-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;background:#030609}
#viewer .view-media{display:block;width:100%;height:100%;min-height:0!important;max-width:100%;max-height:100%;object-fit:contain;background:transparent}
body:has(#viewer[open]){overflow:hidden}
#viewer.viewer-immersive{border-color:transparent;background:transparent;box-shadow:none}
#viewer.viewer-immersive::backdrop{background:#030609;backdrop-filter:none}
#viewer.viewer-immersive #viewer-title,#viewer.viewer-immersive .close,#viewer.viewer-immersive .viewer-controls{opacity:0;pointer-events:none}
#viewer.viewer-immersive .viewer-nav{pointer-events:none}
#viewer.viewer-immersive .viewer-speed{pointer-events:none}
#viewer.viewer-immersive #view-content{grid-template-rows:minmax(0,1fr);padding:0}
#viewer.viewer-immersive .viewer-stage{background:transparent;padding:0}
.viewer-controls{position:absolute;inset:0 calc(0px - var(--control-outset));pointer-events:none;z-index:3}
.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #ffffff45;background:#101923b8;backdrop-filter:blur(16px);box-shadow:0 5px 22px #0006;color:#f2fbff;pointer-events:auto;transition:background .2s,border-color .2s,box-shadow .2s}
.viewer-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.viewer-nav:hover,.viewer-nav:focus-visible{color:var(--accent);background:#142633e6;border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,transparent)}
.viewer-controls .viewer-previous{left:0;right:auto}
.viewer-controls .viewer-next{right:0;left:auto}
#viewer .viewer-controls .viewer-previous,#viewer .viewer-controls .viewer-next{top:50%;bottom:auto;transform:translateY(-50%)}
#viewer .viewer-controls .viewer-previous{left:0;right:auto}
#viewer .viewer-controls .viewer-next{right:0;left:auto}
.viewer-controls .viewer-slideshow{right:0;left:auto;top:calc(50% + 54px);width:40px;height:40px;margin-right:2px}
.viewer-slideshow[aria-pressed="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:#142633e6}
.viewer-slideshow:disabled{opacity:.35;cursor:default}
.viewer-controls .viewer-remove{right:0;left:auto;top:calc(50% + 54px);color:#fca5a5;border-color:#ef777766;background:#32151dbf}
.viewer-controls .viewer-remove:hover,.viewer-controls .viewer-remove:focus-visible{color:#fff;border-color:#fb7185;background:#682537e6}
.viewer-controls .viewer-rename{right:0;left:auto;top:calc(50% + 108px);color:#a5f3fc;border-color:#67e8f966;background:#12303bbf}
.viewer-controls .viewer-rename:hover,.viewer-controls .viewer-rename:focus-visible{color:#fff;border-color:#67e8f9;background:#165064e6}
.cleanup-login{width:min(470px,94vw)}.cleanup-login form{display:flex;flex-direction:column;gap:15px;margin:0}.cleanup-login h2{font-size:25px;margin:0}.cleanup-login p{font-size:13px;color:#aab9c8;line-height:1.6;margin:0}.cleanup-login .cleanup-error{color:#fda4af}
.viewer-speed{position:absolute;right:0;top:calc(50% + 82px);width:44px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 5px 9px;border:1px solid #ffffff30;border-radius:18px;background:linear-gradient(155deg,#182735bf,#101923b3);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff10,0 5px 22px #0005;pointer-events:auto}
.viewer-speed input{writing-mode:vertical-lr;direction:rtl;appearance:auto;accent-color:var(--accent);width:24px;height:82px;min-height:0;padding:0;margin:0;cursor:pointer;touch-action:none;background:transparent;border:0}
.viewer-speed output{font:500 9px/1.2 'DM Sans',sans-serif;color:var(--accent);white-space:nowrap}
#viewer .viewer-previous-photo{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none}
#viewer.viewer-immersive .viewer-previous-photo{inset:0;width:100%;height:100%}



@media(hover:hover){.viewer-stage:not(:hover):not(:focus-within) .viewer-nav{background:#10192380;border-color:#ffffff28}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.breadcrumbs button{font-size:12px;padding:8px 12px}.breadcrumbs span{color:var(--muted)}.breadcrumbs [aria-current]{color:var(--accent);border-color:var(--accent)}.album-art{background:linear-gradient(140deg,#14313c,#0a131c);display:flex;align-items:center;justify-content:center}.folder-icon{font-size:140px;color:var(--accent);font-weight:400}.album-art img{opacity:.6}.album-card .card-copy{border-top:1px solid var(--line)}

@media(max-width:600px){#viewer{--viewer-side-gap:54px;--control-outset:46px}.viewer-nav{width:36px;height:40px}.viewer-nav svg{width:21px;height:21px}}
@media(max-width:600px){.viewer-controls .viewer-slideshow{width:34px;height:36px;top:calc(50% + 48px);margin-right:1px}}
@media(max-width:600px){.viewer-speed{top:calc(50% + 73px);width:36px;padding:9px 4px 7px;gap:6px}.viewer-speed input{height:64px;width:24px}.viewer-speed output{font-size:8px}}
@media(max-height:500px){.viewer-speed{top:calc(50% + 78px);padding:7px 4px;gap:5px}.viewer-speed input{height:40px}.viewer-speed output{font-size:8px}}

.video-title-poster{position:relative;display:grid;place-items:center;min-height:220px;height:100%;padding:1.4rem;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(120,220,255,.34),transparent 38%),linear-gradient(135deg,#14233f,#33143d 55%,#0b101d);color:#fff;text-align:center;isolation:isolate}
.video-title-poster-glow{position:absolute;inset:-30%;background:conic-gradient(from 35deg,transparent,#61e7ff55,transparent 32%,#ee72ff55,transparent 68%);filter:blur(18px);animation:poster-spin 12s linear infinite;z-index:-1}
.video-title-poster-icon{display:grid;place-items:center;width:3.3rem;height:3.3rem;border:1px solid #ffffff88;border-radius:50%;background:#ffffff20;box-shadow:0 0 28px #61e7ff88;font-size:1.3rem}
.video-title-poster strong{max-width:95%;font-size:clamp(1rem,2.5vw,1.45rem);line-height:1.15;text-shadow:0 2px 16px #000;overflow-wrap:anywhere}
@keyframes poster-spin{to{transform:rotate(360deg)}}
.toolbar .tabs{display:none}
.hero-gallery-preview .studio-showcase{display:none}
.hero-gallery-preview{display:grid;grid-template-columns:1fr;gap:12px}
.mobile-album-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.mobile-album-panel{position:relative;min-height:150px;padding:0;overflow:hidden;border:1px solid #adc9e129;border-radius:18px;background:#101a27;box-shadow:0 10px 24px #0004;cursor:pointer}
.mobile-album-panel img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover}
.mobile-album-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#07101ddd)}
.mobile-album-panel span{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;color:#fff;text-align:left;font:500 13px/1.1 "Segoe UI",Arial,sans-serif;text-shadow:0 1px 8px #000}
@media(min-width:601px){
  header.studio-header,main,footer{max-width:1280px}
  .hero.studio-hero{grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:64px;min-height:390px;margin:12px 0 30px;padding:24px 0 28px;align-items:center}
  .studio-hero .hero-copy{max-width:570px}
  .studio-hero h1{max-width:540px;margin:16px 0 18px;font-size:clamp(38px,4.1vw,58px);line-height:1.08}
  .studio-hero .hero-intro{max-width:460px;margin-bottom:15px}
  .studio-hero .hero-bottom{gap:18px;align-items:center}
  .hero-gallery-preview{width:100%;min-height:238px;align-self:center}
  .mobile-album-panels{gap:14px;min-height:238px}
  .mobile-album-panel{min-height:238px;border-radius:18px;transition:transform .25s,border-color .25s,box-shadow .25s}
  .mobile-album-panel img{min-height:238px}
  .mobile-album-panel:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 16px 32px #0006,0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}
  #gallery{padding-top:24px}
  .toolbar{min-height:54px;justify-content:flex-end}
  .toolbar .search{width:280px}
  #grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  #grid .art{height:230px}
}