/* Paleta contextual: cada bloque toma la atmósfera de las capturas, sin un color dominante único. */
:root{--ink:#0b0e13;--panel:#16181d;--line:rgba(221,211,191,.15);--white:#f7f2e9;--muted:#bcb7ad;--cyan:#a8bcc3;--purple:#b18870;--orange:#dd9a55}body{background:radial-gradient(circle at 82% 9%,rgba(102,129,144,.13),transparent 25%),radial-gradient(circle at 10% 46%,rgba(129,102,72,.12),transparent 25%),#0b0e13}.ambient-one{background:#688ca3}.ambient-two{background:#9c6f56}.topbar{background:rgba(11,14,19,.88);border-color:rgba(227,215,195,.13)}.brand{gap:11px}.brand-emblem{width:40px;height:45px;display:grid;place-items:center;flex:none;font:800 33px/1 'Barlow Condensed';color:#f9eee0;background:linear-gradient(145deg,#242931,#111319);border:1px solid rgba(244,220,189,.52);clip-path:polygon(50% 0,93% 22%,85% 86%,50% 100%,15% 86%,7% 22%);box-shadow:inset 0 0 15px rgba(226,184,123,.18),0 4px 12px #000}.brand-lockup{display:flex;flex-direction:column;gap:2px}.brand-lockup>span{font:700 19px/1 'Barlow Condensed';letter-spacing:1.4px}.brand-lockup small{color:#c9a17b;font-size:10px;font-weight:700;letter-spacing:1.1px}.brand i{color:#d8d1b7}.discord-small{color:#ece5d8;border-color:rgba(217,181,128,.45);background:linear-gradient(100deg,rgba(141,94,69,.25),rgba(93,116,125,.25))}.discord-small:hover{color:#fff;border-color:#d8b37d}.hero h1 em,h2 em{-webkit-text-stroke:1px #bd9a72}.eyebrow{color:#d2ab7c}.eyebrow span{background:#d2ab7c}.hero h1 small{color:#bb9c7c}.button{border-radius:3px;box-shadow:0 7px 16px rgba(0,0,0,.23);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.button.primary{color:#17120e;background:linear-gradient(110deg,#d5b889,#b87e60 50%,#7896a0)}.button.primary:hover{background:linear-gradient(110deg,#ead3a9,#ca8c69 50%,#92b1bb);transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.32)}.button.ghost{border-color:rgba(212,191,162,.37);background:linear-gradient(110deg,rgba(81,98,103,.17),rgba(121,78,59,.15))}.button.ghost:hover{color:#f7e5d3;border-color:#c49a71}.hero-stats div{border-color:#b78e69}.hero-photo{box-shadow:18px 22px 0 rgba(111,83,66,.19),-1px -1px 0 rgba(173,194,193,.36)}.hero-photo:after{background:linear-gradient(105deg,rgba(8,11,16,.77),rgba(15,30,36,.1) 55%,rgba(94,57,40,.25))}.hero-caption span{color:#e3bb82}.chat-shell,.stream-card{background:linear-gradient(130deg,rgba(27,29,35,.94),rgba(20,26,30,.94));border-color:rgba(214,198,174,.16)}.chat-side a,.stream-card a{color:#d8ab76}.online-dot{background:#bdc3aa;box-shadow:0 0 12px #bdc3aa}.chat-form button{background:linear-gradient(160deg,#ba7f5f,#637f89)}input{background:#101217;border-color:#3a3c40}.operations-gallery .photo-card{border-color:rgba(226,213,191,.18)}.operations-gallery .photo-card:after{background:linear-gradient(180deg,transparent 20%,rgba(8,10,13,.94) 100%)}.photo-overlay span{color:#e5bc83}.photo-overlay strong{color:#fff5e7}.photo-overlay small{color:#ddd3c3}.operations-gallery .photo-card:nth-child(2):hover{border-color:#9db79f;box-shadow:12px 18px 0 rgba(59,92,66,.3),0 20px 35px rgba(0,0,0,.35)}.operations-gallery .photo-card:nth-child(3):hover,.operations-gallery .photo-card:nth-child(4):hover,.operations-gallery .photo-card:nth-child(5):hover{border-color:#8eb0bc;box-shadow:12px 18px 0 rgba(53,87,105,.3),0 20px 35px rgba(0,0,0,.35)}.operations-gallery .photo-card:nth-child(6):hover{border-color:#eb9361;box-shadow:12px 18px 0 rgba(129,54,34,.3),0 20px 35px rgba(0,0,0,.35)}.operations-gallery .photo-card:nth-child(7):hover{border-color:#c6a46b;box-shadow:12px 18px 0 rgba(119,85,40,.3),0 20px 35px rgba(0,0,0,.35)}.operations-gallery .photo-card:nth-child(8):hover{border-color:#b9b3a8;box-shadow:12px 18px 0 rgba(90,80,71,.3),0 20px 35px rgba(0,0,0,.35)}.discord-banner{background:linear-gradient(110deg,#242024,#5a4036 52%,#35545d);border-left-color:#d8ae75}.discord-banner>p{color:#e5d5c5}footer{border-color:rgba(226,215,195,.13)}@media(max-width:760px){.brand-emblem{width:32px;height:37px;font-size:27px}.brand-lockup>span{font-size:16px}.brand-lockup small{font-size:8px}.topbar{height:72px}}
.brand-logo{width:50px;height:50px;flex:none;border-radius:50%;object-fit:cover;object-position:center;border:1px solid rgba(235,218,194,.5);box-shadow:0 3px 13px rgba(0,0,0,.55)}.platform.discord{background:linear-gradient(135deg,#5865f2,#8152b7)}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}.stream-card{min-height:235px}@media(max-width:760px){.brand-logo{width:40px;height:40px}.stream-grid{grid-template-columns:1fr}}
.hero-logo-scene{display:grid;place-items:center;background:radial-gradient(circle at 52% 45%,rgba(158,12,13,.27),transparent 29%),radial-gradient(circle at 34% 70%,rgba(208,81,24,.18),transparent 31%),linear-gradient(135deg,#090b0f,#221417 57%,#111821);perspective:1100px;box-shadow:18px 22px 0 rgba(123,37,31,.2),-1px -1px 0 rgba(238,139,63,.38)}.hero-logo-scene:after{content:'';position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.025) 7px 8px);pointer-events:none}.logo-3d-card{width:min(70%,330px);aspect-ratio:1;position:relative;z-index:3;border-radius:50%;padding:7px;background:conic-gradient(from 40deg,#f4c991,#d5261b,#090a0d,#fa8228,#f5dfb7,#d5261b);box-shadow:0 0 0 2px rgba(249,221,190,.22),0 0 36px rgba(226,48,27,.35),0 24px 46px rgba(0,0,0,.65);animation:logo-float 6s ease-in-out infinite,logo-turn 13s ease-in-out infinite;transform-style:preserve-3d}.logo-3d-card:before{content:'';position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 220deg,transparent 0 12%,#ffc471 20%,#e62b1d 36%,transparent 48% 62%,#8db1bd 73%,transparent 87%);filter:blur(3px);animation:rim-spin 5s linear infinite;z-index:-1}.logo-3d-card img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0a0b0c;transform:translateZ(16px)}.logo-halo{width:430px;height:430px;max-width:90%;max-height:90%;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(235,62,31,.25),transparent 64%);filter:blur(15px);animation:pulse-halo 4s ease-in-out infinite}.logo-orbit{position:absolute;width:410px;height:170px;border:1px solid rgba(247,157,92,.44);border-radius:50%;transform:rotateX(71deg) rotateZ(-22deg);animation:orbit 10s linear infinite}.orbit-two{width:335px;height:130px;border-color:rgba(145,174,185,.36);animation-direction:reverse;animation-duration:7s}.hero-logo-scene .hero-caption{z-index:4;left:30px}.hero-logo-scene .hero-caption span{color:#ffc277}.hero-logo-scene .hero-caption strong{font-size:41px}.hero-logo-scene .hero-caption small{color:#e5cfc0}@keyframes logo-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes logo-turn{0%,100%{transform:rotateY(-12deg) rotateX(4deg)}50%{transform:rotateY(14deg) rotateX(-3deg)}}@keyframes rim-spin{to{transform:rotate(1turn)}}@keyframes orbit{to{transform:rotateX(71deg) rotateZ(338deg)}}@keyframes pulse-halo{0%,100%{scale:.9;opacity:.7}50%{scale:1.08;opacity:1}}@media(max-width:760px){.logo-3d-card{width:210px}.logo-orbit{width:280px;height:110px}.orbit-two{width:220px;height:90px}.hero-logo-scene .hero-caption{left:20px}.hero-logo-scene .hero-caption strong{font-size:32px}}@media(prefers-reduced-motion:reduce){.logo-3d-card,.logo-3d-card:before,.logo-orbit,.logo-halo{animation:none}}
.stream-grid{margin:37px auto 0;justify-content:center}.network-title{display:flex;align-items:center;gap:10px}.network-title img{width:31px;height:31px;object-fit:contain;flex:none}.platform.tiktok{background:linear-gradient(125deg,#27d7d9,#13151a 45%,#ee596f)}.platform.discord{background:linear-gradient(125deg,#5865f2,#825cc2)}.network-tiktok{border-top:2px solid rgba(68,217,216,.54)}.network-discord{border-top:2px solid rgba(119,123,239,.68)}
.photo-editor{width:min(980px,calc(100% - 30px));max-height:calc(100vh - 32px);overflow:auto;padding:0;color:var(--white);background:#11151d;border:1px solid rgba(232,194,150,.35);box-shadow:0 25px 80px rgba(0,0,0,.72)}.photo-editor::backdrop{background:rgba(4,6,10,.78);backdrop-filter:blur(8px)}.photo-editor form{padding:28px}.editor-header{display:flex;justify-content:space-between;gap:25px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.editor-header h2{font-size:40px}.editor-close{width:38px;height:38px;border:1px solid rgba(229,202,170,.36);background:linear-gradient(135deg,#2a2630,#1b2028);color:#fff;font-size:28px;line-height:1;cursor:pointer}.editor-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:28px;padding-top:25px}.canvas-frame{background:#080b10;border:1px solid rgba(225,210,185,.2);box-shadow:inset 0 0 0 9px rgba(255,255,255,.02)}#crop-canvas{width:100%;height:auto;display:block}.crop-hint{font-size:14px;color:var(--muted);margin:10px 0}.crop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crop-controls label,.metadata-area label{display:flex;flex-direction:column;gap:6px;color:#e5d7c4;font-size:13px;font-weight:700;letter-spacing:.5px}.crop-controls input{padding:0;accent-color:#cb906d}.format-buttons{grid-column:1/-1;display:flex;gap:8px}.format{padding:6px 12px;border:1px solid rgba(220,198,167,.22);background:#1a1f28;color:#cfc7ba;font:700 13px Rajdhani;cursor:pointer}.format.active{color:#17110d;border-color:transparent;background:linear-gradient(100deg,#d4b686,#ba7d61,#7596a0)}.metadata-area{display:flex;flex-direction:column;gap:19px}.metadata-area textarea{width:100%;resize:vertical;min-height:140px;background:#0d1118;border:1px solid #3a3c40;color:#fff;font:500 16px Rajdhani;padding:10px 12px;outline:0}.metadata-area textarea:focus{border-color:#d0a172}.metadata-area label>span{font-size:12px;color:#aeb3b8;align-self:end}.metadata-area label>span.over-limit{color:#ff8a72}.save-note{font-size:14px;color:#c6c8bc;line-height:1.35}.save-note span{color:#d8ae75;font-size:18px;margin-right:6px}.save-photo{width:100%;margin-top:auto}.save-photo:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.45;transform:none}.user-photo-card .photo-overlay small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:720px){.photo-editor form{padding:20px}.editor-grid{grid-template-columns:1fr}.crop-controls{grid-template-columns:1fr}.editor-header h2{font-size:31px}.format-buttons{grid-column:auto}}
.discord-live-stat{margin-top:21px;padding:13px 0 0;border-top:1px solid rgba(222,206,181,.13);display:flex;flex-direction:column}.discord-live-stat strong{margin:0 0 3px}.live-dot{width:8px;height:8px;border-radius:50%;background:#77d397;box-shadow:0 0 11px rgba(119,211,151,.9);margin-bottom:7px}.discord-live-stat #online-count{color:#d5e7d8;font-size:14px}
.hero-logo-scene{background:transparent;box-shadow:none}.hero-logo-scene:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(118deg,transparent 7%,rgba(232,46,28,.24) 31%,rgba(255,172,80,.19) 48%,rgba(106,156,176,.18) 64%,transparent 88%);background-size:260% 100%;animation:hero-gradient-drift 8s ease-in-out infinite;mix-blend-mode:screen}.hero-logo-scene .hero-caption{left:50%;bottom:28px;transform:translateX(-50%);align-items:center;text-align:center;width:100%}.hero-logo-scene .hero-caption strong{text-align:center}@keyframes hero-gradient-drift{0%,100%{background-position:0% 50%;opacity:.38}50%{background-position:100% 50%;opacity:.84}}@media(max-width:760px){.hero-logo-scene .hero-caption{left:50%;bottom:20px}}
.logo-3d-card{padding:0;border-radius:0;background:transparent;box-shadow:0 18px 40px rgba(0,0,0,.42)}.logo-3d-card img{border-radius:0;background:transparent;object-fit:contain}
.hero-logo-scene{clip-path:none;overflow:visible}.hero-logo-scene:after{display:none}
.live-room-link{display:flex;width:max-content;margin:26px auto 0}