:root{--bg:#0b0d12;--bg2:#10131b;--card:#151925;--card2:#1b2030;--line:#252b3b;--tx:#eceef4;--mut:#9aa2b5;--acc:#f2b544;--acc2:#ffd27a;--ok:#3ecf8e;--bad:#ff6b6b;--r:12px;--ff:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;--fd:"Fraunces",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 var(--ff);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1,h2{font-family:var(--fd);font-weight:700;letter-spacing:-.01em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
header.top{position:sticky;top:0;z-index:40;background:rgba(11,13,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:22px;height:64px;position:relative}
.logo{font-family:var(--fd);font-weight:700;font-size:26px;letter-spacing:-.02em;white-space:nowrap}
.logo b{color:var(--acc);font-weight:700}
nav.main{display:flex;gap:20px;margin-left:auto;align-items:center}
nav.main a{color:#c9cede;font-size:15px;font-weight:500}
nav.main a:hover,nav.main a[aria-current]{color:#fff}
nav.main a.nav-wa{color:#25d366;border:1px solid #2a3350;border-radius:8px;padding:6px 12px}
nav.main a.nav-wa:hover{border-color:var(--acc)}
.hb{display:none;margin-left:auto;width:42px;height:40px;border:1px solid #2a3350;border-radius:8px;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}
.hb i{display:block;width:18px;height:2px;background:#e9ecf4}
@media(max-width:900px){.hb{display:inline-flex}nav.main{display:none!important}.menu-open nav.main{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#090b11;border-bottom:1px solid #252d42;padding:6px 16px 14px;z-index:30}.menu-open nav.main a{padding:12px 0;border-bottom:1px solid #1a2032;font-size:16px;border-radius:0}.menu-open nav.main a.nav-wa{border:0;border-bottom:1px solid #1a2032;padding:12px 0}}
/* breadcrumb */
.bc{font-size:13px;color:var(--mut);margin:18px 0 8px}
.bc a{color:var(--mut)}.bc a:hover{color:var(--tx)}
.bc span{margin:0 6px;opacity:.6}
/* stars */
.stars{display:inline-block;font-size:18px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,var(--acc) calc(var(--r)/5*100%),#394055 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.nota{font-weight:700;color:var(--acc)}
/* review page */
.ficha{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;margin:10px 0 26px}
.ficha .pst{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:2/3;background:var(--card)}
.ficha .pst img{width:100%;height:100%;object-fit:cover}
.ficha h1{font-size:clamp(28px,4vw,42px)}
.ficha .orig{color:var(--mut);margin:-4px 0 12px;font-size:15px}
.ficha dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0 0;font-size:15px}
.ficha dt{color:var(--mut)}.ficha dd{margin:0}
.ficha dd a{text-decoration:underline;text-decoration-color:#4a5270;text-underline-offset:3px}
.rbox{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-top:16px;width:max-content;max-width:100%}
.rbox .big{font-family:var(--fd);font-size:40px;font-weight:700;color:var(--acc);line-height:1}
.rbox small{display:block;color:var(--mut);font-size:13px}
.byline{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--mut);font-size:14px;margin:0 0 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline strong{color:var(--tx);font-weight:600}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;margin-bottom:40px}
.cena{margin:0 0 22px}
.cena img{border-radius:var(--r);width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--card)}
.cena figcaption{font-size:12px;color:var(--mut);margin-top:6px}
.headline{font-size:clamp(22px,2.6vw,30px);margin:6px 0 16px}
.sinopse{background:var(--bg2);border-left:3px solid var(--acc);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 20px}
.sinopse strong{display:block;font-size:13px;letter-spacing:.06em;color:var(--acc);margin-bottom:4px}
.prose p{margin:0 0 1.1em;color:#d9dce6}
.prose h2{font-size:clamp(21px,2.3vw,26px);margin:1.6em 0 .6em}
.prose a,.body a,.related a,.seo-home a{color:var(--acc2);text-decoration:underline;text-decoration-color:rgba(242,181,68,.45);text-underline-offset:3px}
.prose a:hover,.seo-home a:hover{text-decoration-color:var(--acc)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.pc>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.pc h3{font-size:16px;margin-bottom:8px}
.pc ul{margin:0;padding-left:18px}.pc li{margin:4px 0}
.pc .p h3{color:var(--ok)}.pc .c h3{color:var(--bad)}
.verdict{background:linear-gradient(135deg,#1a1f2e,#141824);border:1px solid #33394d;border-radius:var(--r);padding:20px 22px;margin:26px 0}
.verdict h2{margin:0 0 8px;font-size:22px}
.verdict .stars{font-size:22px;margin-bottom:8px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 18px;margin:0 0 10px}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--acc);font-weight:700}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 14px;color:#d0d4df}
.related{margin:30px 0}
.related h2{font-size:22px}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.relgrid a{text-decoration:none!important;color:var(--tx)!important;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:block;transition:transform .2s,border-color .2s}
.relgrid a:hover{transform:translateY(-3px);border-color:#3a4260}
.relgrid img{aspect-ratio:16/9;object-fit:cover;width:100%}
.relgrid span{display:block;padding:10px 12px 12px;font-size:14px;line-height:1.4}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chips a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:14px;color:#d6dae6;text-decoration:none!important}
.chips a:hover{border-color:var(--acc);color:#fff}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.pn a{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px}
.pn a small{display:block;color:var(--mut)}
.pn a:last-child{text-align:right}
.pn a:hover{border-color:#3a4260}
aside.side>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:18px}
aside.side h3{font-size:16px;margin-bottom:12px}
aside.side ol,aside.side ul{margin:0;padding:0;list-style:none}
aside.side li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
aside.side li:last-child{border:0}
aside.side li img{width:38px;height:57px;object-fit:cover;border-radius:5px;flex:none}
aside.side li em{font-style:normal;color:var(--acc);font-weight:700;margin-left:auto}
aside.side p{color:var(--mut);font-size:14px;margin:0 0 12px}
@media(min-width:1001px){aside.side{position:sticky;top:84px;align-self:start}}
/* lists */
.ph1{margin:14px 0 10px;font-size:clamp(28px,4vw,40px)}
.intro{color:#c8ccd8;max-width:760px;margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin:0 0 36px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:#3a4260}
.card .ph{aspect-ratio:2/3;background:var(--card2);overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .tx{padding:10px 12px 14px}
.card h3{font-size:15px;margin:0 0 6px;line-height:1.3;height:2.6em;overflow:hidden}
.card .mt{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:8px}
.card .mt .stars{font-size:13px;letter-spacing:1px}
.rank{list-style:none;padding:0;margin:0 0 36px;counter-reset:r}
.rank li{display:grid;grid-template-columns:56px 90px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:12px}
.rank .n{font-family:var(--fd);font-size:34px;font-weight:700;color:transparent;-webkit-text-stroke:1.5px var(--acc);text-align:center}
.rank img{width:90px;height:135px;object-fit:cover;border-radius:8px}
.rank h2{font-size:20px;margin:0 0 4px}
.rank p{margin:6px 0 0;color:var(--mut);font-size:14px}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:36px}
.gcards a{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:block}
.gcards a:hover{border-color:var(--acc)}
.gcards strong{display:block;font-family:var(--fd);font-size:20px}
.gcards span{color:var(--mut);font-size:14px}
.page{max-width:820px}
.page h2{font-size:24px;margin-top:1.4em}
.page p,.page li{color:#d4d8e3}
/* whatsapp */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;gap:10px;background:#131826;color:#e9ecf4!important;font-weight:600;font-size:14px;padding:10px 16px;border:1px solid #2a3350;border-radius:8px;text-decoration:none!important}
.wa-float:hover{border-color:#5a6785;color:#fff!important}
.wa-float svg,.btn-wa svg,.nav-wa svg{color:#25d366;flex:none}
.cta-watch{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:26px 0}
.cta-watch h2,.cta-watch h3{margin:0 0 4px;font-size:18px;font-weight:700;font-family:var(--ff)}
.cta-watch p{margin:0;color:var(--mut);font-size:15px}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--tx)!important;font-weight:600;font-size:14px;padding:10px 16px;border:1px solid #3a4560;border-radius:8px;text-decoration:none!important;white-space:nowrap}
.btn-wa:hover{border-color:var(--acc);color:var(--acc)!important}
/* footer */
footer.ft{margin-top:70px;border-top:3px solid var(--acc);background:linear-gradient(180deg,#0e1119,#08090d)}
.fcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;transform:translateY(-50%);margin-bottom:-8px}
.fcta strong{display:block;color:var(--tx);font-size:16px;font-weight:700}
.fcta span{color:var(--mut);font-size:14px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1fr;gap:30px;padding:10px 0 34px}
.fgrid h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:12px;font-family:var(--ff)}
.fgrid ul{list-style:none;margin:0;padding:0}
.fgrid li{margin:0 0 8px;font-size:14px}
.fgrid a{color:var(--mut)}.fgrid a:hover{color:var(--tx)}
.fgrid .more a{color:var(--acc)}
.fgrid .g2{columns:2;column-gap:14px}
.fgrid .fb p{color:var(--mut);font-size:14px;margin:10px 0 14px}
.fgrid .fb .logo{font-size:28px}
.selos{display:flex;flex-wrap:wrap;gap:6px}
.selos span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:#c3c8d6}
.fgrid .stars{font-size:11px;letter-spacing:1px;margin-left:4px}
.fbar{border-top:1px solid var(--line);padding:16px 0 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.fbar a{color:var(--mut)}.fbar a:hover{color:var(--tx)}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.fgrid{grid-template-columns:repeat(3,1fr)}.fgrid .fb{grid-column:1/-1}}
@media(max-width:640px){.wrap{padding:0 16px}.ficha{grid-template-columns:1fr}.ficha .pst{max-width:170px}.pc,.pn{grid-template-columns:1fr}.pn a:last-child{text-align:left}.relgrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.rank li{grid-template-columns:40px 70px 1fr;gap:10px}.rank img{width:70px;height:105px}.rank .n{font-size:26px}.fgrid{grid-template-columns:1fr 1fr}.wa-float{padding:12px;right:14px;bottom:14px}.fcta{transform:none;margin:22px 0 10px;flex-direction:column;align-items:stretch}.fcta .btn-wa{width:100%;justify-content:center}.cta-watch .btn-wa{width:100%;justify-content:center}}
@media(max-width:380px){.fgrid{grid-template-columns:1fr}}