:root{--bg:#020812;--panel:rgba(8,20,37,.72);--line:rgba(255,255,255,.13);--text:#f7fbff;--muted:#afbdd0;--blue:#2878ff;--blue2:#5cb7ff;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.tv{position:relative;width:100vw;height:100vh;background:var(--bg);overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 20% 20%,#092c5b 0,transparent 34%),#020812}.ambient{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(100px);opacity:.2;pointer-events:none;z-index:0}.ambient-a{background:#1567ff;left:-12vw;top:-18vw}.ambient-b{background:#00bfff;right:-20vw;bottom:-25vw}
.image-stage{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .5s ease;overflow:hidden;display:grid;place-items:center}.image-stage.ready{opacity:1}.media-backdrop{position:absolute;inset:-4%;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(30px) brightness(.38) saturate(1.15);transform:scale(1.09);opacity:.9}.media-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.28) 100%)}.media-image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 45px rgba(0,0,0,.28));transform:scale(1);transition:transform 8s linear}.image-stage.ready .media-image{transform:scale(1.008)}
.media-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,transparent 18%,transparent 68%,rgba(0,0,0,.52) 100%)}.text-overlay{position:absolute;z-index:5;left:clamp(24px,4vw,72px);bottom:clamp(28px,6vh,82px);max-width:min(900px,74vw);padding:18px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(2,9,18,.67);backdrop-filter:blur(18px);font-size:clamp(20px,2.2vw,38px);font-weight:850;letter-spacing:-.02em;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.3s}.text-overlay.visible{opacity:1;transform:none}.brand-bug{position:absolute;z-index:7;left:clamp(18px,2.5vw,42px);top:clamp(18px,2.5vw,38px);display:flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid var(--line);border-radius:16px;background:rgba(4,12,24,.62);backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.22)}.brand-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--blue),#1749a2);display:grid;place-items:center;font-weight:950}.brand-bug strong{display:block;font-size:14px;letter-spacing:.08em}.brand-bug strong span{color:var(--blue2)}.brand-bug small{display:block;color:#8ea1ba;font-size:8px;letter-spacing:.3em;margin-top:2px}
.info-widget{position:absolute;z-index:7;right:clamp(18px,2.5vw,42px);top:clamp(18px,2.5vw,38px);display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(4,12,24,.62);backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.18)}.clock{font-weight:750;font-size:clamp(12px,1.05vw,16px);letter-spacing:.02em;white-space:nowrap}.weather{display:flex;align-items:center;gap:6px;color:#d9e7f7;font-size:clamp(11px,.95vw,14px);white-space:nowrap}.weather:before{content:"";width:1px;height:18px;background:var(--line);margin-right:3px}.weather-separator{color:#657790}.weather[hidden]{display:none}
.controls{position:absolute;z-index:10;right:clamp(18px,2.5vw,42px);bottom:clamp(18px,2.5vw,38px);display:flex;align-items:center;gap:8px;opacity:.22;transition:.25s}.tv:hover .controls,.controls:focus-within{opacity:1}.controls button{height:44px;min-width:44px;padding:0 13px;border:1px solid var(--line);border-radius:13px;color:white;background:rgba(5,15,29,.78);backdrop-filter:blur(16px);cursor:pointer;font:inherit;font-weight:800}.controls button:hover{background:rgba(30,103,222,.84)}.controls button:disabled{opacity:.4;cursor:not-allowed}.volume-control{height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:13px;background:rgba(5,15,29,.78);backdrop-filter:blur(16px)}.volume-control input{width:clamp(80px,9vw,140px);accent-color:#4b9cff;cursor:pointer}.volume-control input:disabled{cursor:not-allowed}.volume-control span{min-width:34px;color:#d4e2f2;font-size:10px;font-weight:800;text-align:right}.sound-help{position:absolute;z-index:9;right:clamp(18px,2.5vw,42px);bottom:clamp(74px,8vh,98px);display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(4,12,24,.8);backdrop-filter:blur(15px);transition:.25s}.sound-help.hide{opacity:0;pointer-events:none;transform:translateY(5px)}.sound-help[hidden]{display:none}.sound-help button{border:0;border-radius:10px;background:#2476ec;color:white;padding:9px 12px;font-weight:800;cursor:pointer}.sound-help small{max-width:190px;color:#aebdd0;font-size:10px;line-height:1.25}.music-chip{position:absolute;z-index:7;left:clamp(18px,2.5vw,42px);bottom:clamp(18px,2.5vw,38px);display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(4,12,24,.68);backdrop-filter:blur(14px);font-size:11px;color:#c7d4e3}.eq{display:flex;height:14px;align-items:flex-end;gap:2px}.eq i{display:block;width:2px;background:#62b8ff;border-radius:2px;animation:eq .8s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}@keyframes eq{from{height:3px}to{height:14px}}.status-toast{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(4,12,24,.88);backdrop-filter:blur(18px);color:#dce8f7;font-size:13px;transition:.25s}.status-toast.hide{opacity:0;pointer-events:none}
.product-slide{position:absolute;z-index:4;inset:0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:9vh 7vw;background:radial-gradient(circle at 75% 35%,rgba(39,119,255,.25),transparent 34%),linear-gradient(120deg,#020811,#071b37 55%,#061126)}.product-slide[hidden]{display:none}.product-copy{max-width:850px}.product-kicker{display:inline-block;color:#70bcff;font-size:clamp(12px,1.2vw,18px);font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin-bottom:16px}.product-copy h1{font-size:clamp(42px,6vw,100px);line-height:.94;letter-spacing:-.055em;margin:0 0 22px}.product-copy p{max-width:730px;color:#bac8d9;font-size:clamp(17px,1.7vw,29px);line-height:1.45;margin:0 0 26px}.product-prices{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}.product-prices strong{font-size:clamp(34px,4vw,70px);color:#fff}.old-price{text-decoration:line-through;color:#8092aa;font-size:clamp(16px,1.6vw,28px)}.product-callout{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(40,120,255,.12);border:1px solid rgba(92,183,255,.25);color:#bcdcff;font-weight:750;font-size:clamp(11px,1vw,16px)}.product-image-wrap{height:min(72vh,760px);border:1px solid rgba(255,255,255,.13);border-radius:34px;background:rgba(255,255,255,.04);padding:18px;box-shadow:var(--shadow);overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:contain;border-radius:22px}#youtubePlayerHost{position:fixed;left:-10000px;top:-10000px;width:2px;height:2px;overflow:hidden;opacity:.001;pointer-events:none}
@media(max-width:800px){.product-slide{grid-template-columns:1fr;padding:100px 26px 90px}.product-image-wrap{position:absolute;inset:0;z-index:-1;border:0;border-radius:0;padding:0;opacity:.22}.product-image-wrap img{object-fit:cover;border-radius:0}.product-copy h1{font-size:clamp(38px,12vw,70px)}.text-overlay{max-width:calc(100vw - 36px);left:18px;bottom:82px;font-size:20px}.info-widget{right:14px;top:18px;max-width:54vw;flex-direction:column;align-items:flex-end;gap:3px;padding:8px 10px}.clock{font-size:10px}.weather{font-size:9px}.weather:before{display:none}.controls{opacity:.94;right:14px;bottom:14px;gap:5px}.controls button{min-width:40px;height:40px;padding:0 10px}.volume-control{height:40px;padding:0 8px}.volume-control input{width:74px}.volume-control span{display:none}.sound-help{right:14px;bottom:62px}.sound-help small{display:none}.music-chip{left:14px;bottom:14px;max-width:150px;overflow:hidden}.music-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-bug{left:14px;top:18px}.brand-bug strong{font-size:11px}.brand-icon{width:30px;height:30px}}
@media(max-width:520px){.controls{max-width:calc(100vw - 28px)}.volume-control{display:none}.music-chip{display:none!important}.sound-help{max-width:calc(100vw - 28px)}.media-image{object-fit:contain}}

/* FASE 3.2 - enquadramento inteligente para desktop/TV */
@media (min-width: 801px){
  .image-stage .media-image{
    width:auto;
    height:auto;
    max-width:94vw;
    max-height:90vh;
    object-fit:contain;
    border-radius:18px;
    box-shadow:0 24px 80px rgba(0,0,0,.28);
  }
  .image-stage.is-portrait .media-image{max-width:min(58vw,820px);max-height:92vh}
  .image-stage.is-square .media-image{max-width:min(76vw,980px);max-height:88vh}
  .image-stage.is-landscape .media-image{max-width:92vw;max-height:86vh}
  .image-stage.is-wide .media-image{max-width:96vw;max-height:84vh}
  .image-stage.is-portrait .media-backdrop,.image-stage.is-square .media-backdrop{filter:blur(38px) brightness(.30) saturate(1.05);opacity:.72}
  .image-stage.is-landscape .media-backdrop,.image-stage.is-wide .media-backdrop{filter:blur(34px) brightness(.24) saturate(1.05);opacity:.62}
}

/* O player fica dentro da viewport para evitar suspensão de mídia em alguns navegadores/TVs. */
#youtubePlayerHost{position:fixed!important;left:0!important;bottom:0!important;top:auto!important;width:200px!important;height:112px!important;overflow:hidden!important;opacity:.001!important;pointer-events:none!important;z-index:-1!important}

/* FASE 5 - identificação discreta de campanhas */
.ad-badge{position:absolute;z-index:8;left:clamp(18px,2.5vw,42px);top:clamp(78px,8.7vh,104px);padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(3,10,19,.66);backdrop-filter:blur(14px);color:#dce9f8;font-size:clamp(9px,.75vw,11px);font-weight:850;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,0,0,.18)}.ad-badge[hidden]{display:none}@media(max-width:800px){.ad-badge{left:14px;top:70px;font-size:8px;padding:6px 9px}}

/* FASE 5.1 - navegação de música */
.control-separator{width:1px;height:24px;background:rgba(255,255,255,.13);margin:0 2px}.music-nav-btn{font-size:15px}.controls .music-nav-btn{padding-inline:10px}@media(max-width:800px){.control-separator{height:20px;margin:0}.controls .music-nav-btn{min-width:38px;padding:0 8px;font-size:13px}}@media(max-width:520px){.controls .music-nav-btn{display:inline-flex;align-items:center;justify-content:center}.controls{gap:4px}}