.media-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.34);isolation:isolate}.media-bg--aurora{background:radial-gradient(circle at 88% 8%,rgba(116,196,230,.34),transparent 34%),radial-gradient(circle at 10% 100%,rgba(167,1,250,.28),transparent 38%),linear-gradient(145deg,#3e2687,#1b1222 72%)}.media-bg--carbon{background:radial-gradient(circle at 90% 10%,rgba(116,84,225,.14),transparent 34%),linear-gradient(145deg,#17131b,#09070b)}.media-bg--cyan{background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#0f5f79,#112335 72%)}.media-bg--neutral{background:linear-gradient(145deg,#302a33,#17131a)}.media-frame__chrome{height:42px;padding:0 15px;display:flex;align-items:center;gap:7px;background:rgba(10,8,12,.88);border-bottom:1px solid rgba(255,255,255,.1)}.media-frame__chrome i{width:8px;height:8px;border-radius:50%;background:#fc6580}.media-frame__chrome i:nth-child(2){background:#efc95c}.media-frame__chrome i:nth-child(3){background:#68d391}.media-frame__chrome span{margin-left:auto;color:#877c8e;font:500 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.media-frame__canvas{min-height:220px;padding:clamp(16px,3vw,32px);display:grid;place-items:center;position:relative}.media-frame__canvas>img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 22px 50px rgba(0,0,0,.28)}.media-frame__canvas>span{max-width:360px;text-align:center;color:rgba(255,255,255,.5);font-size:.85rem}.media-frame--browser .media-frame__canvas{padding-top:24px}.media-frame--clean .media-frame__canvas{padding:24px}.media-frame--clean .media-frame__canvas>img{box-shadow:none}.media-frame--floating{border-color:rgba(255,255,255,.08)}.media-frame--floating .media-frame__canvas{padding:42px}.media-frame--floating .media-frame__canvas>img{transform:rotate(-1.2deg);box-shadow:0 34px 70px rgba(0,0,0,.42)}.media-frame--full .media-frame__canvas{padding:0;min-height:100%}.media-frame--full .media-frame__canvas>img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.media-frame--device{border:0;background:transparent;box-shadow:none;overflow:visible}.media-frame--device .media-frame__canvas{padding:38px;min-height:360px}.media-frame--device .media-frame__canvas::before{content:'';position:absolute;inset:18px 24%;border:2px solid rgba(255,255,255,.22);border-radius:38px;background:linear-gradient(145deg,#161219,#080609);box-shadow:0 35px 70px rgba(0,0,0,.42)}.media-frame--device .media-frame__canvas>img{position:relative;z-index:1;max-height:520px;border-radius:28px;box-shadow:none}.media-frame--device .media-frame__canvas>span{position:relative;z-index:1}.media-frame[data-cover='true']::after{content:'CAPA';position:absolute;right:12px;top:12px;z-index:3;padding:5px 8px;border-radius:999px;background:rgba(19,216,170,.14);border:1px solid rgba(19,216,170,.3);color:#a8f3dd;font-size:.62rem;font-weight:700;letter-spacing:.09em}
@media(max-width:760px){.media-frame{border-radius:18px}.media-frame__canvas{min-height:180px;padding:16px}.media-frame--floating .media-frame__canvas{padding:24px}.media-frame--device .media-frame__canvas{padding:28px 22px}.media-frame--device .media-frame__canvas::before{inset:12px 18%;}}
.media-lightbox-trigger{display:block;position:relative;cursor:zoom-in}.media-lightbox-trigger::after{content:'⤢ Ampliar';position:absolute;right:14px;bottom:14px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(13,9,16,.78);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.04em;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.media-lightbox-trigger:hover::after,.media-lightbox-trigger:focus-visible::after{opacity:1;transform:translateY(0)}
body.has-lightbox{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:min(7vh,64px) min(7vw,64px);background:rgba(9,7,11,.94);backdrop-filter:blur(8px)}.lightbox.is-open{display:flex}.lightbox__stage{position:relative;max-width:100%;max-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.lightbox__stage.is-zoomed{cursor:zoom-out}.lightbox__stage img{max-width:min(90vw,1600px);max-height:80vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5);transition:transform .25s var(--kc-ease);transform-origin:center center;user-select:none}.lightbox__stage.is-zoomed img{max-width:none;max-height:none;transform:scale(1.9)}.lightbox__close,.lightbox__nav{position:absolute;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:50%;background:rgba(20,15,24,.72);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.lightbox__close:hover,.lightbox__nav:hover{background:rgba(116,84,225,.45)}.lightbox__close{top:20px;right:20px}.lightbox__nav{top:50%;transform:translateY(-50%)}.lightbox__nav:hover{transform:translateY(-50%) scale(1.06)}.lightbox__nav--prev{left:20px}.lightbox__nav--next{right:20px}.lightbox__close[hidden],.lightbox__nav[hidden]{display:none}.lightbox__caption{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(80vw,720px);margin:0;padding:8px 18px;border-radius:999px;background:rgba(20,15,24,.72);border:1px solid var(--line);color:var(--muted);font-size:.82rem;text-align:center}
@media(max-width:760px){.media-lightbox-trigger::after{display:none}.lightbox{padding:12px}.lightbox__close,.lightbox__nav{width:38px;height:38px;font-size:1.05rem}.lightbox__close{top:10px;right:10px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__caption{bottom:12px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.lightbox__stage img{transition:none}}