@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
.tv-scene{height:100%;width:100%;box-sizing:border-box;position:relative;overflow:hidden;background:var(--bg,#07192b);color:#fff;font-family:Outfit,'Arial',sans-serif;display:flex;align-items:center;padding:5%;isolation:isolate}
.tv-scene *{box-sizing:border-box}.scene-orb{position:absolute;width:70%;aspect-ratio:1;border-radius:100%;right:-23%;top:-44%;background:radial-gradient(circle,var(--accent) 0%,transparent 62%);opacity:.3;filter:blur(70px);z-index:-1}.scene-pattern{position:absolute;inset:0;background:linear-gradient(122deg,transparent 0 60%,rgba(255,255,255,.025) 60% 60.5%,transparent 60.5% 62%,rgba(255,255,255,.022) 62% 62.5%,transparent 62.5%);pointer-events:none}
.scene-content{position:relative;z-index:3;max-width:65%;min-width:35%;text-align:left}.tv-badge{display:inline-flex;color:var(--accent);font-size:clamp(10px,1.35vw,28px);font-weight:800;letter-spacing:.26em;margin-bottom:1.4em;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);padding:.5em 1.1em;border-radius:100px;backdrop-filter:blur(16px);background:#fff1}.tv-heading{margin:0;font-size:clamp(28px,6.7vw,132px);font-weight:800;line-height:1.04;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere}.tv-subtitle{margin:1.3em 0 0;max-width:85%;font-size:clamp(12px,2.1vw,42px);line-height:1.3;color:#e5edfa;font-family:'DM Sans',Arial,sans-serif}.tv-price{font-size:clamp(28px,5vw,100px);font-weight:900;color:var(--accent);line-height:1.08;margin-top:.3em;letter-spacing:-.04em}.tv-cta{display:inline-block;background:var(--accent);color:#031321;border-radius:9px;padding:.64em 1.2em;margin-top:2em;font-size:clamp(10px,1.3vw,24px);font-weight:900;letter-spacing:.12em}.tv-footer{position:absolute;bottom:3%;left:5%;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(9px,1vw,18px);font-weight:700;letter-spacing:.16em;color:#ffffff80;z-index:4;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-media-wrap{width:42%;height:78%;position:absolute;right:5%;top:11%;display:flex;align-items:center;justify-content:center;z-index:2;filter:drop-shadow(0 30px 38px #0008)}.tv-media{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:3%;}.tv-counter{display:inline-block;font-size:clamp(32px,5vw,96px);font-variant-numeric:tabular-nums;font-weight:900;padding:.3em .7em;margin-top:.3em;border:1px solid #ffffff55;background:#0007;border-radius:18px;letter-spacing:.08em}
/* Doze composições deliberadamente distintas */
.layout-hero{background:radial-gradient(ellipse at 79% 45%,color-mix(in srgb,var(--accent) 31%,#0a2843),transparent 55%),var(--bg)}.layout-hero .tv-media-wrap{transform:rotate(-5deg)}
.layout-split{padding:0}.layout-split .scene-content{padding:6%;max-width:54%;width:54%;height:100%;display:flex;flex-direction:column;justify-content:center;background:color-mix(in srgb,var(--bg) 85%,#fff)}.layout-split .tv-media-wrap{right:0;top:0;width:46%;height:100%;background:linear-gradient(135deg,var(--accent),#163d5c)}.layout-split .tv-media{object-fit:cover;border-radius:0}.layout-split .tv-heading{font-size:clamp(26px,5vw,100px)}.layout-split .tv-footer{left:3%}
.layout-menu{align-items:flex-start;padding:4% 5%;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 30px),var(--bg)}.layout-menu .scene-content{max-width:100%;width:100%;text-align:center}.layout-menu .tv-heading{font-family:Georgia,serif;font-weight:700;text-transform:uppercase;font-size:clamp(32px,7.5vw,140px)}.layout-menu .tv-subtitle{max-width:50%;margin:1em auto}.layout-menu .tv-price{font-size:clamp(36px,6vw,110px)}.layout-menu .tv-media-wrap{top:37%;right:5%;width:24%;height:50%;border:7px solid var(--accent);transform:rotate(8deg)}
.layout-spotlight{background:radial-gradient(ellipse at 55% 90%,color-mix(in srgb,var(--accent) 45%,#1a1434),transparent 60%),#100e1d}.layout-spotlight .scene-content{max-width:50%}.layout-spotlight .tv-price{font-size:clamp(50px,9vw,170px);color:#fff;text-shadow:0 0 40px var(--accent)}.layout-spotlight .tv-media-wrap{width:48%;height:88%;right:0;top:5%;transform:rotate(8deg)}
.layout-marquee{background:var(--accent);color:#001c22}.layout-marquee .scene-content{max-width:100%;width:100%;text-align:center}.layout-marquee .tv-heading{font-size:clamp(46px,9vw,180px);text-transform:uppercase}.layout-marquee .tv-subtitle{margin:1em auto;color:#062c32}.layout-marquee .tv-badge{border-color:#001c22;color:#001c22}.layout-marquee .tv-price{color:#061e20}.layout-marquee .tv-cta{background:#07192b;color:white}.layout-marquee .tv-media-wrap{display:none}.layout-marquee .tv-footer{color:#0009}
.layout-minimal{background:#eeeae3;color:#202122}.layout-minimal .scene-content{max-width:56%}.layout-minimal .tv-heading{font-weight:500;font-family:Georgia,serif;letter-spacing:-.04em}.layout-minimal .tv-subtitle{color:#404144}.layout-minimal .tv-badge{border-color:#333;color:#333}.layout-minimal .tv-cta{background:#202122;color:#fff}.layout-minimal .tv-price{color:#464646}.layout-minimal .tv-footer{color:#2229}.layout-minimal .scene-orb{opacity:.08}
.layout-neon{background:radial-gradient(ellipse at 50% 140%,var(--accent),transparent 55%),#050617}.layout-neon .scene-content{max-width:100%;width:100%;text-align:center}.layout-neon .tv-heading{font-size:clamp(30px,7vw,150px);font-weight:900;text-transform:uppercase;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 60%,transparent);color:#fff}.layout-neon .tv-subtitle{margin:1em auto}.layout-neon .tv-price{color:#fff}.layout-neon .tv-media-wrap{position:absolute;top:12%;right:0;width:22%;opacity:.35}.layout-neon .tv-footer{left:50%;transform:translateX(-50%)}
.layout-poster{background:linear-gradient(148deg,var(--bg) 0 49%,var(--accent) 49.5% 100%);align-items:flex-start}.layout-poster .scene-content{max-width:80%}.layout-poster .tv-heading{font-size:clamp(45px,9vw,180px);line-height:.96;text-transform:uppercase;letter-spacing:-.075em}.layout-poster .tv-media-wrap{top:43%;right:8%;width:30%;height:55%;transform:rotate(12deg)}.layout-poster .tv-cta{background:#fff}
.layout-glass{background:radial-gradient(circle at 10% 90%,#25638b,transparent 55%),linear-gradient(135deg,var(--bg),#123d5b)}.layout-glass .scene-content{max-width:64%;border:1px solid #ffffff44;box-shadow:0 15px 90px #0006;background:#ffffff13;backdrop-filter:blur(18px);border-radius:30px;padding:5%}.layout-glass .tv-heading{font-size:clamp(24px,5vw,96px)}.layout-glass .tv-media-wrap{right:0}
.layout-ticker{padding:5% 4%;background:#081018;border-top:14px solid var(--accent)}.layout-ticker .scene-content{max-width:90%}.layout-ticker .tv-heading{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(34px,6vw,125px);font-weight:800}.layout-ticker .tv-badge{background:var(--accent);color:#081018}.layout-ticker .tv-media-wrap{width:30%;right:2%;opacity:.35}.layout-ticker:after{content:'✦  NOVIDADES  •  DESTAQUES  •  INFORMAÇÕES  ✦  NOVIDADES  •  DESTAQUES';position:absolute;bottom:0;left:0;right:0;background:var(--accent);color:#04121b;padding:1% 2%;font-size:clamp(12px,1.6vw,29px);font-weight:900;white-space:nowrap;overflow:hidden}
.layout-showcase{background:radial-gradient(ellipse at 70% 52%,color-mix(in srgb,var(--accent) 42%,#152f55),transparent 65%),var(--bg)}.layout-showcase .scene-content{max-width:50%}.layout-showcase .tv-media-wrap{width:50%;height:90%;right:0;top:5%;border-radius:50%;border:2px solid #ffffff25}.layout-showcase .tv-heading{font-size:clamp(26px,5.8vw,115px)}
.layout-countdown{background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 35%,#162130),transparent 65%),#09121e}.layout-countdown .scene-content{max-width:100%;width:100%;text-align:center}.layout-countdown .tv-heading{font-size:clamp(32px,7vw,135px);text-transform:uppercase}.layout-countdown .tv-subtitle{margin:1em auto}.layout-countdown .tv-media-wrap{display:none}.layout-countdown .tv-cta{background:#fff}
.motion-fade .scene-content{animation:tvfade .75s ease both}.motion-float .tv-media{animation:tvfloat 5s ease-in-out infinite}.motion-zoom .scene-content{animation:tvzoom .8s ease both}.motion-slide .scene-content{animation:tvslide .75s ease both}.motion-none .scene-content{animation:none}@keyframes tvfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tvfloat{50%{transform:translateY(-3%)}}@keyframes tvzoom{from{opacity:.3;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes tvslide{from{opacity:.2;transform:translateX(-8%)}to{opacity:1;transform:translateX(0)}}
