.sc-tc {
    --bg:#050a30;--panel:#0a0f49;--card:#0d145c;--line:#24326b;--tx:#f2f6ff;--mut:#a1b3ff;--chip:#1a2a7f;
    --cta:#69d2ff;--cta2:#3cc2ff;--ring:rgba(105,210,255,.22);--ok:#49d383;--ice1:#eaf6ff;--ice2:#d6ecff;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--tx);
    background: linear-gradient(180deg, #040b2a, #0a0f49 22%, #07123a 100%);
    border-radius:20px; box-shadow:0 18px 48px rgba(0,8,32,.35);
    overflow: hidden;
}
.sc-tc .wrap{max-width:1100px;margin:0 auto;padding:clamp(12px,3vw,20px)}
.sc-tc .title{color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:900;text-align:center;margin-bottom:10px;text-shadow:0 1px 0 rgba(0,0,0,.55);}

/* Pills */
.sc-tc .pilltabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0 10px}
.sc-tc .pill{
    padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0a0f49;color:#eef3ff;
    font-weight:800;cursor:pointer;font-size:12.5px;line-height:1.1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.sc-tc .pill.active{background:linear-gradient(180deg,var(--cta),var(--cta2));color:#001b2e;border-color:transparent;box-shadow:0 8px 18px rgba(60,194,255,.20);}
@media (max-width:480px){ .sc-tc .pill{ padding:5px 9px;font-size:12px; } }

/* Card / Carrossel */
.sc-tc .card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.03));border:1px solid var(--line);border-radius:16px;padding:12px;}
.sc-tc .viewport{position:relative;aspect-ratio:4/5;width:90%;margin:0 auto;border:1px solid rgba(255,255,255,.20);border-radius:16px;background:#0b1466;overflow:hidden;}
.sc-tc .slides{position:relative;width:100%;height:100%}
.sc-tc .slide{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center;padding:8px}
.sc-tc .slide.active{opacity:1}
.sc-tc .slide img{width:100%;height:100%;object-fit:contain;border-radius:14px;cursor:zoom-in;background:#0a0f49}

/* Nav */
.sc-tc .nav,.sc-tc .mnav{background:none!important;border:none!important;box-shadow:none!important;width:auto;height:auto;padding:6px 10px;line-height:1;font-size:38px;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.95);}
.sc-tc .nav.prev{left:6px} .sc-tc .nav.next{right:6px}
.sc-tc .nav{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index: 10;}

/* Botões */
.sc-tc .btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);font-weight:800;cursor:pointer;transition:transform .08s ease,filter .12s ease;min-width:0;}
.sc-tc .btn.primary{background:linear-gradient(180deg,var(--cta),var(--cta2));color:#050a30 !important;border:none;box-shadow:0 10px 22px rgba(60,194,255,.22);}
.sc-tc .btn.ice{background:linear-gradient(180deg,var(--ice1),var(--ice2))!important;color:#050a30 !important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 10px 22px rgba(210,232,255,.28);font-weight:800;}

.sc-tc .actions{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;width:90%;margin:12px auto 0;}
.sc-tc #dl-one,.sc-tc #dl-all{flex:0 0 42.5%;max-width:42.5%;font-size:.85em;height:37px;padding:0 15px;}

/* Modal */
.sc-tc .back{position:fixed;inset:0;background:rgba(2,5,25,.66);backdrop-filter:blur(2px);display:none;z-index:9998}
.sc-tc .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,96vw);max-height:90vh;display:none;z-index:9999;background:#0d1060;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.sc-tc .modal header,.sc-tc .modal footer{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.sc-tc .modal footer{border-bottom:none;border-top:1px solid var(--line);justify-content:center}
.sc-tc .modal .body{padding:12px;display:flex;align-items:center;justify-content:center;position:relative;}
.sc-tc .modal img{max-width:96vw;max-height:74vh;height:auto;width:auto;border-radius:16px;background:#0a0f49}
.sc-tc .mnav{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}
.sc-tc .mnav.prev{left:14px} .sc-tc .mnav.next{right:14px}

@media (max-width:640px){ .sc-tc{ border-radius:0; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); } }