:root{
  --bg:#05090b;--bg2:#080d0f;--panel:#0b1113;--line:#232a2d;--text:#f6f7f7;
  --muted:#9aa3a7;--yellow:#f4c319;--yellow2:#ffd332;--green:#45c66f;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 70% -15%,rgba(48,68,74,.15),transparent 32%),linear-gradient(180deg,#040708 0%,#060a0c 100%);color:var(--text);min-height:100vh}
.container-main{width:min(100% - 48px,1480px);margin-inline:auto}
.logo{font-family:"Arial Narrow",Impact,sans-serif;font-weight:900;line-height:.82;letter-spacing:-.045em}
.logo span{display:block;color:var(--yellow)}
.header-glass{background:rgba(3,6,7,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-link{position:relative;color:#d7dbdd;font-size:15px;font-weight:650;transition:.2s}
.nav-link:hover{color:white}.nav-link.active{color:var(--yellow)}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--yellow)}
.icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;background:rgba(255,255,255,.025);transition:.2s}
.icon-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.hero{min-height:470px;background:linear-gradient(90deg,#05090b 0%,rgba(5,9,11,.96) 31%,rgba(5,9,11,.42) 62%,rgba(5,9,11,.12) 100%),linear-gradient(0deg,#05090b 0%,transparent 35%),url("./assets/hero.jpg") right center/cover no-repeat}
.btn-yellow{background:var(--yellow);color:#0c0d0d;font-weight:900;text-transform:uppercase;letter-spacing:.015em;transition:.2s}.btn-yellow:hover{background:var(--yellow2)}
.btn-dark{border:1px solid #343a3d;background:#0b1012;color:#fff;transition:.2s}.btn-dark:hover{background:#111719;border-color:#4b5559}
.section-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:#dce0e2}
.panel{background:linear-gradient(180deg,rgba(12,18,20,.94),rgba(8,12,14,.98));border:1px solid rgba(255,255,255,.045)}
.divider{border-color:var(--line)}.muted{color:var(--muted)}.icon-yellow,.rating-star{color:var(--yellow)}
.poster{border-radius:8px;overflow:hidden;border:1px solid #1d292d;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.time-card{min-height:190px;background-size:cover;background-position:center;border-radius:8px;border:1px solid #242c2f;position:relative;overflow:hidden}
.time-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,10,.92),rgba(6,9,10,.18)),linear-gradient(0deg,rgba(5,8,9,.9),transparent)}
.time-card>*{position:relative;z-index:1}
.carousel-wrap{position:relative}
.carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.carousel-track::-webkit-scrollbar{display:none}
.reco-card{flex:0 0 calc((100% - 80px)/6);min-width:205px;scroll-snap-align:start;border:1px solid #242c2f;border-radius:8px;overflow:hidden;background:#080d0f;transition:.2s}
.reco-card:hover{transform:translateY(-2px);border-color:#485358}.reco-cover{height:235px;background-size:cover;background-position:center top}
.carousel-arrow{position:absolute;z-index:4;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;background:rgba(17,22,24,.95);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.3)}
.carousel-arrow:hover{background:#1c2427}.carousel-arrow.left{left:-18px}.carousel-arrow.right{right:-18px}.carousel-arrow:disabled{opacity:.22;pointer-events:none}
.feature-box{border-left:1px solid #283033}
.footer h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#d9dddf}.footer a{display:block;color:#9aa2a6;font-size:14px;margin-top:10px}.footer a:hover{color:white}
.tab{padding:16px 6px;border-bottom:2px solid transparent;font-size:13px;text-transform:uppercase;color:#9ea6a9;font-weight:700;white-space:nowrap}.tab.active{color:#fff;border-bottom-color:var(--yellow)}
.comment{border-top:1px solid #1b2225;padding-top:22px}.avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#c9d0d2,#596065);display:grid;place-items:center;color:#101214;font-weight:900;flex:none}
.page-hero{padding:62px 0 36px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.catalog-card{border:1px solid #242c2f;border-radius:9px;overflow:hidden;background:#080d0f;transition:.2s}.catalog-card:hover{transform:translateY(-3px);border-color:#465156}
.catalog-card img{width:100%;aspect-ratio:.72;object-fit:cover}
.genre-card{min-height:180px;border:1px solid #252d30;border-radius:10px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.2s}.genre-card:hover{border-color:#4d585c;background:linear-gradient(145deg,rgba(244,195,25,.08),rgba(255,255,255,.015))}
.badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:5px 9px;font-size:11px;color:#cbd0d2}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:22px}.modal-overlay.open{display:flex}
.modal-card{width:min(100%,520px);background:#0a0f11;border:1px solid #273034;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.58)}
.modal-card.search-modal{width:min(100%,760px)}
.input{width:100%;height:48px;background:#060a0b;border:1px solid #2a3235;border-radius:7px;padding:0 14px;color:white;outline:none}.input:focus{border-color:#697579;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.form-label{display:block;font-size:12px;color:#b8c0c3;font-weight:650;margin-bottom:7px}.form-error{font-size:12px;color:#ff8080;margin-top:6px;min-height:18px}
.search-result{display:flex;gap:14px;padding:12px;border-radius:8px;border:1px solid transparent}.search-result:hover{background:#101618;border-color:#273033}.search-result img{width:58px;height:78px;object-fit:cover;border-radius:5px}
.mobile-menu{display:none;position:fixed;inset:72px 0 0;background:#070b0d;z-index:80;padding:26px}.mobile-menu.open{display:block}
.toast{position:fixed;right:22px;bottom:22px;z-index:150;background:#111719;border:1px solid #30393d;border-radius:9px;padding:13px 16px;font-size:13px;box-shadow:0 14px 45px rgba(0,0,0,.4);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1180px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reco-card{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:768px){
 .container-main{width:min(100% - 24px,1480px)}.hero{min-height:500px;background:linear-gradient(0deg,#05090b 0%,rgba(5,9,11,.72) 62%,rgba(5,9,11,.18) 100%),url("./assets/hero.jpg") 68% center/cover no-repeat}
 .nav-desktop{display:none!important}.nav-link.active:after{display:none}.feature-box{border-left:0;border-top:1px solid #283033;padding-top:20px}.reco-card{flex-basis:72%;min-width:230px}.reco-cover{height:210px}.carousel-arrow{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.genre-card{min-height:150px}.page-hero{padding:42px 0 28px}
}


/* =========================================================
   MICROINTERACTIONS — SOMENTE BOTÕES E MODAIS
   ========================================================= */

/* Botões */
.btn-yellow,
.btn-dark,
.icon-btn,
.carousel-arrow{
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .14s ease,
    opacity .18s ease;
}

.btn-yellow{
  box-shadow:0 5px 16px rgba(244,195,25,.08);
}
.btn-yellow:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(244,195,25,.14);
}
.btn-yellow:active{
  transform:translateY(0) scale(.985);
}

.btn-dark:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}
.btn-dark:active{
  transform:translateY(0) scale(.985);
}

.icon-btn:hover{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
}
.icon-btn:active{
  transform:scale(.96);
}

.carousel-arrow:hover{
  background:#1c2427;
  transform:translateY(-50%) scale(1.04);
}
.carousel-arrow:active{
  transform:translateY(-50%) scale(.97);
}

/* Modais */
.modal-overlay{
  opacity:0;
  visibility:hidden;
  display:flex;
  transition:opacity .18s ease, visibility .18s ease;
}
.modal-overlay.open{
  opacity:1;
  visibility:visible;
}
.modal-overlay:not(.open){
  pointer-events:none;
}

.modal-card{
  opacity:0;
  transform:translateY(10px) scale(.985);
  transition:
    opacity .18s ease,
    transform .22s cubic-bezier(.2,.8,.2,1);
}
.modal-overlay.open .modal-card{
  opacity:1;
  transform:translateY(0) scale(1);
}

/* Inputs dentro dos modais */
.input{
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.input:focus{
  background:#080d0f;
  border-color:rgba(244,195,25,.52);
  box-shadow:0 0 0 3px rgba(244,195,25,.07);
}

/* Acessibilidade */
@media(prefers-reduced-motion:reduce){
  .btn-yellow,
  .btn-dark,
  .icon-btn,
  .carousel-arrow,
  .modal-overlay,
  .modal-card,
  .input{
    transition:none!important;
  }
}


/* =========================================================
   CONTENT EXPANSION — NEWS / PEOPLE / REVIEWS
   ========================================================= */
.content-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--yellow)}
.page-title{font-size:48px;line-height:1.04;font-weight:900;letter-spacing:-.04em}
.page-intro{font-size:18px;color:#a8b0b4;line-height:1.7;max-width:760px}
.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.news-card,.review-card,.person-card,.series-card{
  border:1px solid #252d30;border-radius:9px;background:#080d0f;overflow:hidden;
}
.news-card img,.series-card img{width:100%;display:block;object-fit:cover}
.news-card img{height:210px}.series-card img{aspect-ratio:.72}
.news-card-body,.review-card-body,.person-card-body,.series-card-body{padding:17px}
.card-meta{font-size:12px;color:#8f999e}
.card-title{font-size:18px;line-height:1.28;font-weight:850;letter-spacing:-.02em}
.card-copy{font-size:13px;color:#9fa8ac;line-height:1.65}
.person-card{text-align:center;padding-top:20px}
.person-photo{width:142px;height:142px;border-radius:999px;object-fit:cover;border:1px solid #303a3e;margin:auto}
.person-role{font-size:12px;color:#9ba4a8;margin-top:5px}
.rating-large{font-size:30px;font-weight:900}
.score-ring{width:62px;height:62px;border:1px solid #4e461f;border-radius:999px;display:grid;place-items:center;font-weight:900;color:var(--yellow);background:#17140a}
.editorial-card{border:1px solid #293135;background:linear-gradient(180deg,#0b1113,#080c0e);border-radius:10px;padding:22px}
.news-feature{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #293135;border-radius:10px;overflow:hidden;background:#090e10}
.news-feature img{width:100%;height:360px;object-fit:cover}
.news-feature-copy{padding:34px}
.people-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.person-mini{text-align:center}
.person-mini img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:999px;border:1px solid #293236}
.person-mini b{font-size:13px;display:block;margin-top:10px}
.person-mini span{font-size:11px;color:#8f999e}
.review-list-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #20272a}
.review-score{width:72px;height:72px;border-radius:9px;border:1px solid #4d451d;background:#141106;display:grid;place-items:center;color:var(--yellow);font-size:24px;font-weight:900}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.procon>div{border:1px solid #263033;border-radius:8px;padding:18px;background:#090e10}
.article-body{font-size:17px;line-height:1.9;color:#d5dadc}
.article-body p{margin:0 0 22px}.article-body h2{font-size:25px;line-height:1.25;margin:38px 0 15px;color:white}
.article-cover{width:100%;max-height:590px;object-fit:cover;border-radius:10px;border:1px solid #263033}
.person-hero{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:start}
.person-hero img{width:100%;aspect-ratio:.78;object-fit:cover;border-radius:10px;border:1px solid #293236}
.credit-row{display:grid;grid-template-columns:72px 1fr 130px 100px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #20272a}
.credit-row img{width:55px;height:72px;object-fit:cover;border-radius:5px}
.related-news-row{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #20272a}
.related-news-row img{width:150px;height:90px;object-fit:cover;border-radius:6px}
.filter-row{display:flex;gap:9px;flex-wrap:wrap}
.filter-chip{border:1px solid #30383b;background:#0a0f11;border-radius:999px;padding:8px 12px;font-size:12px;color:#b8c0c3}
.filter-chip.active{border-color:#756821;color:#f1cf55;background:#181409}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px}
.sticky-aside{position:sticky;top:106px;align-self:start}
.byline{display:flex;align-items:center;gap:10px}
.byline-avatar{width:35px;height:35px;border-radius:999px;object-fit:cover;border:1px solid #30393c}
.info-list{display:grid;gap:12px}.info-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #20272a;padding-bottom:11px;font-size:13px}.info-row span:first-child{color:#8f999e}
.home-split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.home-review-stack{display:grid;gap:12px}
.home-review{border:1px solid #273033;border-radius:8px;padding:16px;background:#080d0f;display:grid;grid-template-columns:54px 1fr;gap:13px}
.home-review .score-ring{width:54px;height:54px}
.small-link{font-size:12px;font-weight:800;color:#d7dcde}.small-link:hover{color:var(--yellow)}
@media(max-width:1100px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.people-strip{grid-template-columns:repeat(4,1fr)}.detail-layout{grid-template-columns:1fr}.sticky-aside{position:static}.home-split{grid-template-columns:1fr}}
@media(max-width:780px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-feature{grid-template-columns:1fr}.news-feature img{height:250px}.people-strip{grid-template-columns:repeat(3,1fr)}.person-hero{grid-template-columns:1fr}.person-hero>img{max-width:300px}.review-list-item{grid-template-columns:65px 1fr}.review-list-item>:last-child{grid-column:2}.credit-row{grid-template-columns:62px 1fr}.credit-row>:nth-child(3),.credit-row>:nth-child(4){display:none}.procon{grid-template-columns:1fr}.page-title{font-size:39px}}
@media(max-width:520px){.content-grid{grid-template-columns:1fr}.people-strip{grid-template-columns:repeat(2,1fr)}.news-feature-copy{padding:22px}.related-news-row{grid-template-columns:110px 1fr}.related-news-row img{width:110px;height:75px}}




.person-home-placeholder{
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#161c1f;
  border:1px solid rgba(255,255,255,.08);
  color:#7f898d;
  font-size:22px;
  font-weight:900;
}


/* =========================================================
   FRONTEND DINÂMICO — SÉRIES / SÉRIE
   ========================================================= */
.series-cover-empty{
  width:100%;
  aspect-ratio:.72;
  background:linear-gradient(145deg,#101719,#080c0e);
}
.series-detail-poster-empty{
  width:100%;
  aspect-ratio:.69;
  background:linear-gradient(145deg,#101719,#080c0e);
}
.front-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
}

.front-pagination a,
.front-pagination .current,
.front-pagination .ellipsis{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid #2b3437;
  border-radius:7px;
  background:#090e10;
  color:#aab4b7;
  font-size:13px;
  line-height:1;
  font-weight:850;
}

.front-pagination a{
  transition:
    border-color .18s ease,
    background-color .18s ease,
    color .18s ease;
}

.front-pagination a:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.055);
  color:#f7c51d;
}

.front-pagination .current{
  color:#111;
  background:var(--yellow);
  border-color:var(--yellow);
}

.front-pagination .ellipsis{
  border-color:transparent;
  background:transparent;
  color:#7f898d;
}

@media(max-width:650px){
  .front-pagination{
    gap:7px;
  }

  .front-pagination a,
  .front-pagination .current,
  .front-pagination .ellipsis{
    width:40px;
    height:40px;
    font-size:13px;
  }
}
.streaming-public-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.streaming-public-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:13px;
  border:1px solid #293236;
  border-radius:9px;
  background:#090e10;
}
.streaming-public-card img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:8px;
}
.streaming-public-card strong{
  display:block;
  font-size:13px;
}
.streaming-public-card span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#8f999e;
}
@media(max-width:900px){
  .streaming-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .streaming-public-grid{grid-template-columns:1fr}
}


/* =========================================================
   COMENTÁRIOS — PÁGINA DA SÉRIE
   ========================================================= */
.comments-layout{display:block;width:100%;max-width:none}
.comment-form-card,.comment-card,.comment-empty{border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#090e10}
.comment-form-card{padding:18px}
.comment-form-head,.comment-card-head{display:flex;align-items:center;gap:11px}
.comment-form-head{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:17px}
.comment-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;background:#151b1d;border:1px solid rgba(255,255,255,.11)}
.comment-avatar-empty{display:grid;place-items:center;color:#929da1;font-size:13px;font-weight:900}
.comment-textarea{width:100%;min-height:145px;resize:vertical;margin-top:7px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#050809;color:#f5f5f5;font:inherit;font-size:14px;line-height:1.65}
.comment-textarea:focus{border-color:rgba(247,197,29,.65);box-shadow:0 0 0 2px rgba(247,197,29,.08)}
.comment-form-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:12px}
.comment-guidance{max-width:280px;color:#788388;font-size:10px;line-height:1.5}
.comment-submit-area{display:flex;align-items:center;gap:12px}
.comment-counter{color:#788388;font-size:10px;white-space:nowrap}
.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.comments-list{display:grid;gap:10px;margin-top:18px}
.comment-card{padding:17px 18px}
.comment-card-head strong{display:block;font-size:13px}
.comment-date{margin-top:2px;color:#717c80;font-size:9px}
.comment-body{margin-top:14px;color:#c8ced0;font-size:13px;line-height:1.72;overflow-wrap:anywhere}
.comment-likes{display:flex;align-items:center;gap:5px;margin-top:13px;color:#899397;font-size:10px}
.comment-empty{min-height:190px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#788388}
.comment-empty strong{margin-top:10px;color:#e8ebec}
.comment-empty span{margin-top:5px;font-size:11px}
.comment-flashes{display:grid;gap:8px}
.comment-flash{padding:11px 13px;border-radius:7px;border:1px solid rgba(255,255,255,.10);font-size:11px}
.comment-flash.success{color:#8fdaa8;border-color:#275a38;background:#08150d}
.comment-flash.error{color:#e8a2a2;border-color:#673333;background:#190b0b}

@media(max-width:620px){.comment-form-footer{align-items:stretch;flex-direction:column}.comment-submit-area{justify-content:space-between}}

/* Comentários ocupando a largura real da página */
.comment-form-card,
.comments-list,
.comment-card,
.comment-empty{
  width:100%;
  max-width:none;
}


/* =========================================================
   PESSOAS — FRONTEND
   ========================================================= */
.people-page-hero{
  padding-top:64px;
  padding-bottom:44px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.people-public-search{
  display:flex;
  gap:10px;
  margin-bottom:20px;
}
.people-search-box{
  height:44px;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:#080c0e;
  color:#7e898e;
}
.people-search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f4f4f4;
  font-size:13px;
}
.people-filter-block{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  padding:17px 0 22px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.people-filter-group{
  display:grid;
  gap:9px;
}
.people-filter-label{
  color:#6f7a7e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.people-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:22px 0 17px;
}
.people-public-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:15px;
}
.people-public-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#090e10;
  transition:border-color .15s ease,background .15s ease;
}
.people-public-card:hover{
  border-color:rgba(247,197,29,.36);
  background:#0d1315;
}
.people-public-photo-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:.82;
  background:#111719;
}
.people-public-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}
.people-public-photo-empty{
  display:grid;
  place-items:center;
  color:#747f83;
  font-size:34px;
  font-weight:900;
  background:linear-gradient(145deg,#151c1f,#090d0f);
}
.people-public-role{
  position:absolute;
  left:10px;
  bottom:10px;
  display:inline-flex;
  min-height:23px;
  align-items:center;
  padding:0 8px;
  border-radius:5px;
  background:rgba(3,6,7,.86);
  border:1px solid rgba(255,255,255,.12);
  color:#e9cd56;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.people-public-card-body{
  padding:13px 13px 12px;
}
.people-public-card-body h2{
  margin:0;
  overflow:hidden;
  color:#f2f4f4;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.people-known-for{
  min-height:34px;
  margin-top:6px;
  overflow:hidden;
  color:#899397;
  font-size:10px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.people-public-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#778287;
  font-size:9px;
}
.people-public-arrow{
  color:#e7c83f;
  font-size:14px;
}
.people-empty{
  padding:70px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#788388;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#090e10;
}
.people-empty h2{
  margin-top:13px;
  color:#eef0f0;
  font-size:20px;
  font-weight:900;
}
.people-empty p{
  margin-top:6px;
  font-size:12px;
}

@media(max-width:1200px){
  .people-public-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .people-public-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .people-public-search{
    flex-direction:column;
  }
  .people-public-search .btn-dark{
    width:100%;
  }
  .people-filter-block{
    align-items:stretch;
    flex-direction:column;
  }
  .people-public-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .people-results-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   PESSOA — FRONTEND
   ========================================================= */
.person-back{
  display:inline-flex;
  color:#9ca3af;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
}
.person-back:hover{
  color:#fff;
}
.person-head{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:42px;
  margin-top:28px;
  padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.person-photo{
  width:auto;
  max-width:100%;
  max-height:420px;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
  background:#13181b;
}
.person-photo-empty{
  width:100%;
  max-width:280px;
  aspect-ratio:3/4;
  display:grid;
  place-items:center;
  color:#717c80;
  font-size:44px;
  font-weight:900;
  background:linear-gradient(145deg,#151c1f,#090d0f);
}
.person-kicker{
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f7c51d;
}
.person-name{
  font-size:46px;
  line-height:1.05;
  margin:10px 0 18px;
  font-weight:900;
  letter-spacing:-.035em;
}
.person-bio{
  width:100%;
  max-width:none;
  color:#b5bdc1;
  line-height:1.75;
  font-size:14px;
}
.person-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 34px;
  margin-top:28px;
}
.person-fact span{
  display:block;
  color:#747f84;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.04em;
}
.person-fact b{
  display:block;
  margin-top:5px;
  color:#f4f4f5;
  font-size:13px;
}
.person-section{
  padding:34px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.person-section h2{
  margin:0 0 18px;
  font-size:24px;
  font-weight:900;
}
.credit-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.credit-card{
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:#101517;
  border:1px solid #252e31;
  border-radius:9px;
}
.credit-card:hover{
  border-color:rgba(247,197,29,.34);
}
.credit-card img,
.credit-poster-empty{
  width:100%;
  aspect-ratio:2/3;
  object-fit:cover;
  object-position:center top;
  background:#171d20;
}
.credit-card-body{
  padding:12px;
}
.credit-card h3{
  margin:0;
  font-size:14px;
  font-weight:900;
}
.credit-meta{
  margin-top:6px;
  color:#899397;
  font-size:11px;
  line-height:1.45;
}

@media(max-width:900px){
  .credit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px){
  .person-head{
    grid-template-columns:1fr;
  }
  .person-photo{
    max-width:280px;
  }
  .person-name{
    font-size:36px;
  }
}

@media(max-width:620px){
  .person-facts{
    grid-template-columns:1fr;
  }
  .credit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}

.person-head > div:first-child{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}

.person-head > div:nth-child(2){
  min-width:0;
  width:100%;
}
.person-facts{
  width:100%;
}


/* =========================================================
   GÊNEROS — FRONTEND
   ========================================================= */
.genres-page-hero,
.genre-detail-hero{
  padding-top:64px;
  padding-bottom:44px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.genres-search-form{
  display:flex;
  gap:10px;
  margin-bottom:22px;
}
.genres-search-box{
  height:44px;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:#080c0e;
  color:#7e898e;
}
.genres-search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f4f4f4;
  font-size:13px;
}
.genres-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:20px 0 17px;
}
.genres-public-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.genre-public-card{
  position:relative;
  min-height:210px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#0a0f11;
}
.genre-public-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
  filter:saturate(.72);
}
.genre-public-bg-empty{
  background:linear-gradient(135deg,#151c1f,#070a0b);
}
.genre-public-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,7,8,.96) 0%,rgba(4,7,8,.74) 55%,rgba(4,7,8,.35) 100%),
    linear-gradient(0deg,rgba(4,7,8,.88) 0%,transparent 65%);
}
.genre-public-content{
  position:relative;
  z-index:2;
  min-height:210px;
  padding:22px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
}
.genre-public-letter{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(247,197,29,.36);
  border-radius:50%;
  background:rgba(247,197,29,.07);
  color:#f7c51d;
  font-size:16px;
  font-weight:900;
}
.genre-public-content h2{
  margin:0;
  color:#f3f4f4;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.025em;
}
.genre-public-content p{
  margin-top:5px;
  color:#9aa4a8;
  font-size:11px;
}
.genre-public-arrow{
  color:#f7c51d;
  font-size:20px;
  font-weight:900;
}
.genre-public-description{
  position:absolute;
  left:81px;
  right:22px;
  bottom:20px;
  z-index:3;
  overflow:hidden;
  color:#aab2b5;
  font-size:10px;
  line-height:1.5;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.genre-public-card:hover{
  border-color:rgba(247,197,29,.34);
}
.genre-public-card:hover .genre-public-bg{
  filter:saturate(.95);
}
.genres-empty{
  padding:70px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#788388;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#090e10;
}
.genres-empty h2{
  margin-top:13px;
  color:#eef0f0;
  font-size:20px;
  font-weight:900;
}
.genres-empty p{
  margin-top:6px;
  font-size:12px;
}

@media(max-width:980px){
  .genres-public-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .genres-search-form{
    flex-direction:column;
  }
  .genres-search-form .btn-dark{
    width:100%;
  }
  .genres-results-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .genres-public-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   NOTÍCIAS — FRONTEND
   ========================================================= */
.news-page-hero{
  padding-top:64px;
  padding-bottom:44px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.news-search-form{
  display:flex;
  gap:10px;
  margin-bottom:24px;
}
.news-search-box{
  height:44px;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:#080c0e;
  color:#7e898e;
}
.news-search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f4f4f4;
  font-size:13px;
}
.news-featured-main{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:28px;
  align-items:stretch;
  margin-bottom:34px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.news-featured-image-wrap{
  min-height:360px;
  overflow:hidden;
  border-radius:10px;
  background:#111719;
}
.news-featured-image{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}
.news-featured-image-empty{
  background:linear-gradient(145deg,#151c1f,#080c0e);
}
.news-featured-copy{
  padding:18px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.news-featured-copy h2{
  margin-top:10px;
  color:#f4f5f5;
  font-size:34px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
}
.news-featured-excerpt{
  margin-top:17px;
  max-width:650px;
  color:#aeb7ba;
  font-size:14px;
  line-height:1.7;
}
.news-featured-meta{
  margin-top:18px;
  color:#758085;
  font-size:10px;
}
.news-results-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
}
.news-public-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.news-public-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#090e10;
}
.news-public-card:hover{
  border-color:rgba(247,197,29,.34);
}
.news-public-card-image{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  background:#111719;
}
.news-public-card-image-empty{
  background:linear-gradient(145deg,#151c1f,#080c0e);
}
.news-public-card-body{
  padding:15px;
}
.news-public-card-body h3{
  margin-top:8px;
  color:#f3f4f4;
  font-size:16px;
  line-height:1.35;
  font-weight:900;
}
.news-public-card-body p{
  margin-top:10px;
  color:#8f999d;
  font-size:11px;
  line-height:1.6;
}
.news-public-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#727d81;
  font-size:9px;
}
.news-empty{
  padding:70px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#788388;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#090e10;
}
.news-empty h2{
  margin-top:13px;
  color:#eef0f0;
  font-size:20px;
  font-weight:900;
}
.news-empty p{
  margin-top:6px;
  font-size:12px;
}

/* =========================================================
   NOTÍCIA — ARTIGO
   ========================================================= */
.article-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:24px;
  color:#657176;
  font-size:10px;
}
.article-breadcrumb a:hover{
  color:#f4f4f4;
}
.article-layout{
  max-width:1120px;
  margin:0 auto;
}
.article-header{
  max-width:980px;
}
.article-header h1{
  margin-top:12px;
  color:#f4f5f5;
  font-size:52px;
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.045em;
}
.article-deck{
  margin-top:22px;
  max-width:900px;
  color:#b4bdc0;
  font-size:20px;
  line-height:1.55;
}
.article-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
  color:#778287;
  font-size:10px;
}
.article-cover{
  margin-top:34px;
  overflow:hidden;
  border-radius:11px;
  background:#111719;
}
.article-cover img{
  width:100%;
  max-height:640px;
  display:block;
  object-fit:cover;
}
.article-body{
  width:100%;
  max-width:850px;
  margin:38px 0 0;
  color:#d1d6d8;
  font-size:17px;
  line-height:1.95;
}
.article-body p{
  margin:0 0 26px;
}
.article-series-box{
  width:100%;
  max-width:850px;
  margin:40px 0 0;
  padding:16px;
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:17px;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#090e10;
}
.article-series-box img{
  width:100px;
  aspect-ratio:2/3;
  object-fit:cover;
  border-radius:7px;
}
.article-series-box h2{
  margin-top:5px;
  color:#f3f4f4;
  font-size:20px;
  font-weight:900;
}
.article-series-box p{
  margin-top:7px;
  color:#8c979b;
  font-size:11px;
  line-height:1.6;
}
.article-related{
  margin-top:56px;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.08);
}

@media(max-width:980px){
  .news-featured-main{
    grid-template-columns:1fr;
  }
  .news-public-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .article-header h1{
    font-size:42px;
  }
}

@media(max-width:620px){
  .news-search-form{
    flex-direction:column;
  }
  .news-search-form .btn-dark{
    width:100%;
  }
  .news-results-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .news-public-grid{
    grid-template-columns:1fr;
  }
  .news-featured-image-wrap,
  .news-featured-image{
    min-height:240px;
  }
  .news-featured-copy h2{
    font-size:28px;
  }
  .article-header h1{
    font-size:34px;
  }
  .article-deck{
    font-size:17px;
  }
  .article-body{
    font-size:16px;
    line-height:1.85;
  }
  .article-series-box{
    grid-template-columns:72px minmax(0,1fr);
  }
  .article-series-box img{
    width:72px;
  }
}

/* Ajuste editorial da página de notícia */
.article-layout{
  margin-left:0;
  margin-right:auto;
}


/* =========================================================
   NOTÍCIA — GRID EDITORIAL + SIDEBAR
   ========================================================= */
.article-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:42px;
  align-items:start;
  margin-top:38px;
}

.article-main-column{
  min-width:0;
}

.article-main-column .article-body{
  width:100%;
  max-width:none;
  margin:0;
}

.article-sidebar{
  position:sticky;
  top:92px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.article-sidebar-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#090e10;
}

.article-sidebar-series{
  padding:16px;
}

.article-sidebar-series-head{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:13px;
  align-items:center;
  margin-top:12px;
}

.article-sidebar-series-head img{
  width:78px;
  aspect-ratio:2/3;
  object-fit:cover;
  border-radius:6px;
  background:#151a1c;
}

.article-sidebar-series-head h2{
  color:#f2f4f4;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
}

.article-sidebar-series-head p{
  margin-top:6px;
  color:#879196;
  font-size:10px;
  line-height:1.55;
}

.article-sidebar-button{
  height:38px;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#f7c51d;
  color:#080a0b;
  font-size:10px;
  font-weight:900;
}

.article-sidebar-heading{
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.article-sidebar-heading h2{
  margin-top:5px;
  color:#f3f4f4;
  font-size:18px;
  font-weight:900;
}

.article-sidebar-news{
  padding:2px 14px;
}

.article-sidebar-news-item{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:11px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.article-sidebar-news-item:last-child{
  border-bottom:0;
}

.article-sidebar-news-item img{
  width:86px;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:5px;
  background:#151a1c;
}

.article-sidebar-news-item span{
  display:block;
  margin-bottom:4px;
  color:#d5ac1b;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.article-sidebar-news-item strong{
  display:block;
  color:#e9ebeb;
  font-size:11px;
  line-height:1.38;
  font-weight:800;
}

.article-sidebar-news-item small{
  display:block;
  margin-top:6px;
  color:#697478;
  font-size:8px;
}

.article-sidebar-news-item:hover strong{
  color:#f7c51d;
}

.article-sidebar-all{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.07);
  color:#f7c51d;
  font-size:9px;
  font-weight:900;
}

@media(max-width:1020px){
  .article-content-grid{
    grid-template-columns:minmax(0,1fr) 280px;
    gap:28px;
  }
}

@media(max-width:820px){
  .article-content-grid{
    grid-template-columns:1fr;
  }

  .article-sidebar{
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .article-sidebar{
    display:flex;
  }
}


/* =========================================================
   NOTÍCIA — SIDEBAR DESDE O TOPO
   Corrige o vazio à direita de título/imagem
   ========================================================= */

.article-layout{
  width:100%;
  max-width:none;
  margin:0;
}

/* O layout inteiro da matéria é duas colunas desde o topo */
.article-shell{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:38px;
  align-items:start;
}

.article-primary{
  min-width:0;
}

/* Cabeçalho usa toda a coluna principal */
.article-primary .article-header{
  width:100%;
  max-width:none;
}

/* Imagem passa a ocupar exatamente a coluna principal,
   deixando a coluna direita para a sidebar */
.article-primary .article-cover{
  width:100%;
  margin-top:30px;
}

.article-primary .article-cover img{
  width:100%;
  max-height:none;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Texto segue o mesmo eixo e largura da coluna principal */
.article-primary .article-body{
  width:100%;
  max-width:none;
  margin:34px 0 0;
}

/* Mata a grade antiga caso alguma regra anterior ainda exista */
.article-content-grid{
  display:block;
  margin-top:0;
}

/* Sidebar começa já no topo da matéria */
.article-sidebar-from-top{
  position:sticky;
  top:92px;
  padding-top:0;
}

/* O primeiro card não precisa de margem extra */
.article-sidebar-from-top > .article-sidebar-card:first-child{
  margin-top:0;
}

/* Notícias relacionadas continuam em largura total abaixo */
.article-related{
  width:100%;
  margin-top:56px;
}

@media(max-width:1050px){
  .article-shell{
    grid-template-columns:minmax(0,1fr) 285px;
    gap:28px;
  }
}

@media(max-width:820px){
  .article-shell{
    grid-template-columns:1fr;
  }

  .article-sidebar-from-top{
    position:static;
    margin-top:8px;
  }
}


/* =========================================================
   SÉRIE — HERO COM BACKDROP
   ========================================================= */
.series-hero-backdrop{
  position:relative;
  isolation:isolate;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:max(24px, calc((100vw - 1340px) / 2));
  padding-right:max(24px, calc((100vw - 1340px) / 2));
  padding-top:42px;
  padding-bottom:42px;
  overflow:hidden;
  background:#070a0b;
}

.series-hero-backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--series-backdrop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.58;
}

.series-hero-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(4,7,8,.97) 0%, rgba(4,7,8,.87) 38%, rgba(4,7,8,.60) 68%, rgba(4,7,8,.76) 100%),
    linear-gradient(0deg, rgba(4,7,8,.98) 0%, rgba(4,7,8,.20) 58%, rgba(4,7,8,.70) 100%);
}

.series-hero-content,
.series-hero-poster{
  position:relative;
  z-index:1;
}

.series-hero-poster img{
  box-shadow:0 18px 55px rgba(0,0,0,.38);
}

@media(max-width:1024px){
  .series-hero-backdrop{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    border-radius:10px;
  }
}


/* =========================================================
   SÉRIE — CORREÇÃO DO ESPAÇO NO TOPO
   ========================================================= */
.series-page-main{
  padding-top:18px;
  padding-bottom:56px;
}

.series-breadcrumb{
  margin-bottom:14px;
}

.series-hero-backdrop{
  padding-top:28px;
}

/* Em telas menores mantém um respiro menor */
@media(max-width:768px){
  .series-page-main{
    padding-top:14px;
  }

  .series-breadcrumb{
    margin-bottom:10px;
  }

  .series-hero-backdrop{
    padding-top:22px;
  }
}


/* =========================================================
   SÉRIE — HERO FINAL: SEM RECUO DUPLICADO
   ========================================================= */

/* O container da página já fornece o alinhamento horizontal.
   Hero NÃO adiciona padding lateral. */
.series-page-main{
  padding-top:10px;
}

.series-breadcrumb{
  margin-bottom:8px;
}

/* Conteúdo alinhado exatamente com breadcrumb/restante da página */
.series-hero-backdrop{
  position:relative;
  isolation:isolate;

  margin-left:0 !important;
  margin-right:0 !important;

  padding-left:0 !important;
  padding-right:0 !important;
  padding-top:18px !important;
  padding-bottom:38px;

  overflow:visible;
  background:transparent;
}

/* O BACKDROP é que sangra até as bordas da viewport.
   O conteúdo permanece dentro do container normal. */
.series-hero-backdrop::before,
.series-hero-backdrop::after{
  left:50% !important;
  right:auto !important;
  width:100vw;
  transform:translateX(-50%);
}

.series-hero-backdrop::before{
  background-image:var(--series-backdrop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.58;
}

.series-hero-backdrop::after{
  background:
    linear-gradient(
      90deg,
      rgba(4,7,8,.97) 0%,
      rgba(4,7,8,.86) 40%,
      rgba(4,7,8,.58) 72%,
      rgba(4,7,8,.76) 100%
    ),
    linear-gradient(
      0deg,
      rgba(4,7,8,.98) 0%,
      rgba(4,7,8,.18) 60%,
      rgba(4,7,8,.68) 100%
    );
}

/* Cancela a regra mobile anterior que recolocava comportamento diferente */
@media(max-width:1024px){
  .series-hero-backdrop{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-radius:0;
  }
}

@media(max-width:768px){
  .series-page-main{
    padding-top:8px;
  }

  .series-breadcrumb{
    margin-bottom:6px;
  }

  .series-hero-backdrop{
    padding-top:14px !important;
  }
}


/* =========================================================
   SÉRIE — BACKDROP PREENCHENDO TODO O TOPO
   ========================================================= */
.series-page-main{
  padding:0 !important;
}

.series-hero-full{
  position:relative;
  isolation:isolate;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#070a0b;
}

.series-hero-full::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--series-backdrop);
  background-size:cover;
  background-position:center 20%;
  background-repeat:no-repeat;
  opacity:.62;
}

.series-hero-full::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,
      rgba(4,7,8,.96) 0%,
      rgba(4,7,8,.84) 42%,
      rgba(4,7,8,.50) 72%,
      rgba(4,7,8,.70) 100%
    ),
    linear-gradient(0deg,
      rgba(4,7,8,.98) 0%,
      rgba(4,7,8,.20) 58%,
      rgba(4,7,8,.55) 100%
    );
}

.series-hero-inner{
  position:relative;
  z-index:1;
  padding-top:12px;
}

.series-hero-inner .series-breadcrumb{
  margin:0 0 18px;
  padding:0;
}

.series-hero-inner .series-hero-backdrop{
  position:relative;
  margin:0 !important;
  padding:18px 0 38px !important;
  background:none !important;
  overflow:visible;
}

/* mata completamente os pseudo-elementos da implementação anterior */
.series-hero-inner .series-hero-backdrop::before,
.series-hero-inner .series-hero-backdrop::after{
  display:none !important;
  content:none !important;
}

/* tabs e resto da página voltam ao container normal */
.series-page-main > .container-main{
  position:relative;
}

@media(max-width:768px){
  .series-hero-inner{
    padding-top:8px;
  }

  .series-hero-inner .series-breadcrumb{
    margin-bottom:12px;
  }

  .series-hero-inner .series-hero-backdrop{
    padding-top:12px !important;
    padding-bottom:28px !important;
  }
}


/* =========================================================
   PESSOA — HERO COM FOTO DE FUNDO
   ========================================================= */
.person-page-main{
  padding:0 !important;
}

.person-hero-full{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  background:#070a0b;
}

.person-hero-full::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--person-hero-image);
  background-size:cover;
  background-position:center 24%;
  background-repeat:no-repeat;
  filter:blur(2px) saturate(.72);
  transform:scale(1.04);
  opacity:.40;
}

.person-hero-full::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(
      90deg,
      rgba(4,7,8,.97) 0%,
      rgba(4,7,8,.86) 38%,
      rgba(4,7,8,.56) 72%,
      rgba(4,7,8,.78) 100%
    ),
    linear-gradient(
      0deg,
      rgba(4,7,8,.98) 0%,
      rgba(4,7,8,.28) 58%,
      rgba(4,7,8,.58) 100%
    );
}

.person-hero-inner{
  position:relative;
  z-index:1;
  padding-top:14px;
  padding-bottom:38px;
}

.person-hero-inner .person-back{
  display:inline-flex;
  margin:0 0 24px;
}

.person-hero-inner .person-head{
  margin:0;
  padding:0;
}

.person-hero-inner .person-photo{
  box-shadow:0 18px 55px rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.12);
}

.person-page-content{
  padding-top:34px;
  padding-bottom:56px;
}

.person-page-content > :first-child{
  margin-top:0;
}

@media(max-width:768px){
  .person-hero-inner{
    padding-top:10px;
    padding-bottom:28px;
  }

  .person-hero-inner .person-back{
    margin-bottom:18px;
  }

  .person-page-content{
    padding-top:26px;
  }
}


/* =========================================================
   TÍTULOS DE SEÇÃO — BARRA AMARELA
   ========================================================= */
.section-title,
.content-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.section-title::before,
.content-kicker::before{
  content:"" !important;
  display:block !important;
  width:3px !important;
  height:14px !important;
  flex:0 0 auto !important;
  border-radius:2px !important;
  background:#f7c51d !important;
}


/* =========================================================
   REVIEW — SELETOR DE NOTA 1 A 10 LIMPO
   ========================================================= */
.review-score-picker{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

.review-score{
  position:relative !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  cursor:pointer !important;
}

.review-score input[type="radio"]{
  display:none !important;
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  pointer-events:none !important;
}

.review-score span{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:6px !important;
  background:#080c0e !important;
  box-shadow:none !important;
  color:#aeb7ba !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.review-score:hover span{
  border-color:#f7c51d !important;
  background:rgba(247,197,29,.07) !important;
  color:#f7c51d !important;
}

.review-score.selected span,
.review-score:has(input[type="radio"]:checked) span{
  border-color:#f7c51d !important;
  background:#f7c51d !important;
  color:#080a0b !important;
}

.review-rating-help{
  margin-top:7px !important;
  color:#657176 !important;
  font-size:9px !important;
}

@media(max-width:620px){
  .review-score-picker{
    gap:5px !important;
  }

  .review-score span{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
}


/* ================= ÁREA DO USUÁRIO ================= */
.account-page,.public-profile-page{padding:0 0 70px;background:#050809;min-height:70vh}
.account-hero,.public-profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.account-avatar-large{width:82px;height:82px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#0c1113;color:#f7c51d;font-size:28px;font-weight:900}
.account-avatar-large img{width:100%;height:100%;object-fit:cover}
.account-hero-copy h1,.public-profile-head h1{font-size:32px;font-weight:900;letter-spacing:-.04em;margin-top:5px}
.account-hero-copy p,.public-profile-head p{color:#7c878c;font-size:11px;margin-top:5px}
.account-public-link{color:#f7c51d;font-size:9px;font-weight:900}
.account-flashes{margin:18px 0}.account-flash{padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:11px}.account-flash.success{color:#7fe1a8;border-color:rgba(80,210,130,.26)}.account-flash.error{color:#ff9c9c;border-color:rgba(220,80,80,.28)}
.account-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding-top:26px}
.account-sidebar{position:sticky;top:100px;height:max-content;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#090d0f;padding:7px}
.account-sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;color:#8b969a;font-size:11px;font-weight:750}.account-sidebar a svg{width:15px}.account-sidebar a:hover,.account-sidebar a.active{background:#101618;color:#f7c51d}
.account-content{min-width:0}.account-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.account-section-head h2{font-size:24px;font-weight:900;margin-top:6px}
.account-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.account-stat{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#090d0f;padding:16px}.account-stat svg{width:17px;color:#f7c51d}.account-stat strong{display:block;font-size:25px;margin-top:14px}.account-stat span{display:block;color:#748085;font-size:9px;margin-top:3px}
.account-dashboard-grid,.account-form-grid,.account-social-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.account-panel{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#090d0f;padding:18px}.account-panel h3,.account-panel-head h3{font-size:15px;font-weight:900}.account-panel-head{display:flex;justify-content:space-between;align-items:center}.account-panel-head a{font-size:8px;color:#f7c51d;font-weight:900}.account-panel-head span{font-size:9px;color:#707b7f}
.account-media-list{display:grid;margin-top:12px}.account-media-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.account-media-row img{width:42px;height:58px;object-fit:cover;border-radius:4px}.account-media-row strong{font-size:11px}.account-media-row span{display:block;color:#6d787c;font-size:8px;margin-top:3px}
.account-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.account-mini-stats div{background:#06090a;border-radius:7px;padding:14px}.account-mini-stats strong{display:block;font-size:22px}.account-mini-stats span{font-size:9px;color:#778287}
.account-empty{color:#707b80;font-size:11px;padding:24px 0}.account-stack{display:grid;gap:16px}.account-form{display:grid;gap:13px}.account-form label{display:grid;gap:6px;color:#9da7aa;font-size:9px;font-weight:800;text-transform:uppercase}.account-form input,.account-form textarea,.account-form select,.account-inline-form select,.account-search input,.account-result-card select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#050809;color:#e9ecec;padding:10px 11px;font-size:11px;outline:0}.account-form input[type=file]{padding:8px}.account-form textarea{resize:vertical}.account-form button,.btn-yellow,.btn-dark{min-height:40px;padding:0 14px;border-radius:6px;font-size:9px;font-weight:900}.input-prefix{display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#050809}.input-prefix span{padding-left:10px;color:#657176}.input-prefix input{border:0}.account-danger-link,.account-icon-danger{color:#df7a7a;font-size:9px}.account-icon-danger svg{width:16px}
.account-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px}.account-search-results{display:grid;gap:8px;margin-bottom:20px}.account-result-card{display:grid;grid-template-columns:44px minmax(150px,1fr) auto 150px auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:7px}.account-result-card img{width:44px;height:60px;object-fit:cover}.account-result-card strong{display:block;font-size:11px}.account-result-card span{font-size:8px;color:#6d787d}.account-result-card label{font-size:9px;color:#8b969a}
.account-library{display:grid;gap:9px}.account-library-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#080c0e}.account-library-card img{width:58px;height:82px;object-fit:cover;border-radius:4px}.account-library-main h3{font-size:14px;font-weight:900}.account-library-main>span{display:block;color:#728085;font-size:9px;margin:4px 0 12px}.account-inline-form{display:flex;align-items:center;gap:8px}.account-inline-form label{font-size:9px;color:#8b969a}.account-inline-form select{width:auto}
.account-episodes h3,.account-subtitle{font-size:15px;font-weight:900;margin:24px 0 9px}.account-episode-row button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px;border-bottom:1px solid rgba(255,255,255,.06)}.account-episode-row strong{font-size:11px}.account-episode-row small{display:block;color:#6f7a7f;font-size:8px;margin-top:3px}.episode-check{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%}.episode-check svg{width:13px}.account-episode-row.watched{opacity:.55}.account-episode-row.watched strong{text-decoration:line-through}
.account-people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.account-person-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#090d0f;padding:10px}.account-person-card img{width:100%;aspect-ratio:1/1.2;object-fit:cover;border-radius:6px;margin-bottom:9px}.account-person-card strong{display:block;font-size:11px}.account-person-card>span{display:block;color:#6e797d;font-size:8px;margin:3px 0 9px}.account-person-card button{width:100%;margin-top:8px}
.account-user-list{display:grid;gap:7px}.account-user-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:7px}.account-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#101719;color:#f7c51d;font-weight:900}.account-user-avatar img{width:100%;height:100%;object-fit:cover}.account-user-row strong{font-size:11px}.account-user-row span{display:block;color:#6d787c;font-size:8px}.account-social-cols>div{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:15px}.account-social-cols h3{font-size:13px;font-weight:900;margin-bottom:9px}.account-social-person{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}
.account-activity-list{display:grid;gap:9px}.account-activity-card,.account-comment-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#090d0f;padding:14px}.account-score{width:44px;height:44px;display:grid;place-items:center;border:2px solid #f7c51d;border-radius:50%;font-weight:900}.account-activity-card strong,.account-comment-card strong{font-size:12px}.account-activity-card span,.account-comment-card span{margin-left:8px;font-size:8px}.account-activity-card h4{font-size:11px;font-weight:800;margin-top:7px}.account-activity-card p,.account-comment-card p{font-size:10px;color:#9aa4a8;line-height:1.6;margin-top:5px}.account-comment-card small{font-size:8px;color:#657176}.status-approved{color:#62dc95}.status-pending{color:#f7c51d}.status-rejected,.status-spam{color:#e77f7f}
.saved-list-picker{display:grid;margin-top:12px}.saved-list-picker form{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.saved-list-picker button{color:#f7c51d;font-size:8px;font-weight:900}.account-collection{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;margin-bottom:10px}.account-collection>p{font-size:10px;color:#7c878b;margin:7px 0}.account-collection-items{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.account-collection-items>div{display:flex;gap:7px;align-items:center;background:#0d1315;padding:7px 9px;border-radius:5px;font-size:9px}.account-collection-items button{color:#e87979}.account-saved-lists{display:flex;flex-wrap:wrap;gap:8px}.account-saved-lists a{padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:10px}
.public-profile-head{padding-top:42px}.public-profile-counts{display:flex;gap:18px;margin-top:14px;color:#778287;font-size:9px}.public-profile-counts strong{color:#eef1f1;font-size:13px}.public-profile-bio{max-width:800px;color:#aab3b6;line-height:1.7;font-size:12px;padding:24px 0}.public-profile-section{padding:30px 0;border-top:1px solid rgba(255,255,255,.07)}.public-profile-section h2{font-size:20px;font-weight:900;margin:7px 0 15px}.public-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.public-poster-grid img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.public-poster-grid strong{display:block;font-size:9px;margin-top:6px}.public-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-review-grid a{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px}.public-review-grid span{color:#f7c51d;font-weight:900}.public-review-grid strong{display:block;font-size:10px;margin-top:7px}.public-review-grid h3{font-size:12px;font-weight:900;margin-top:7px}.public-review-grid p{font-size:9px;color:#879196;line-height:1.55;margin-top:6px}.public-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-list-grid article{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px}.public-list-grid strong{font-size:11px}.public-list-grid p{font-size:9px;color:#7d888c;margin-top:5px}.public-private{text-align:center;padding:60px 0}.public-private svg{margin:0 auto 12px}
@media(max-width:1000px){.account-stats{grid-template-columns:repeat(3,1fr)}.account-people-grid{grid-template-columns:repeat(3,1fr)}.public-poster-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.account-hero,.public-profile-head{grid-template-columns:auto 1fr}.account-public-link,.public-profile-head>form,.public-profile-head>.btn-dark{grid-column:1/-1;width:max-content}.account-shell{grid-template-columns:1fr}.account-sidebar{position:static;display:flex;overflow:auto}.account-sidebar a{white-space:nowrap}.account-dashboard-grid,.account-form-grid,.account-social-cols{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(2,1fr)}.account-result-card{grid-template-columns:44px 1fr}.account-result-card>*:nth-child(n+3){grid-column:2}.account-people-grid{grid-template-columns:repeat(2,1fr)}.public-poster-grid{grid-template-columns:repeat(3,1fr)}.public-review-grid,.public-list-grid{grid-template-columns:1fr}.account-inline-form{flex-wrap:wrap}}


/* ================= CONTROLES DE BIBLIOTECA ================= */
/* =========================================================
   BIBLIOTECA / PROGRESSO — CONTROLES NA PÁGINA DA SÉRIE
   ========================================================= */
.series-library-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.series-favorite-toggle{
  position:relative;
  cursor:pointer;
}

.series-favorite-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.series-favorite-toggle span{
  height:48px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  background:#080c0e;
  color:#e7eaea;
  font-size:11px;
  font-weight:900;
}

.series-favorite-toggle:hover span{
  border-color:rgba(247,197,29,.55);
}

.series-favorite-toggle input:checked + span{
  border-color:rgba(247,197,29,.55);
  color:#f7c51d;
  background:rgba(247,197,29,.08);
}

.series-favorite-toggle input:checked + span svg{
  fill:currentColor;
}

.series-watch-status{
  height:48px;
  min-width:175px;
  padding:0 34px 0 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  outline:0;
  background:#080c0e;
  color:#e8ebeb;
  font-size:10px;
  font-weight:850;
}

.series-watch-status:focus{
  border-color:rgba(247,197,29,.55);
}

.episode-user-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

.episode-watched-button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:#080c0e;
  color:#778287;
  font-size:8px;
  font-weight:900;
}

.episode-watched-button svg{
  width:13px;
  height:13px;
}

.episode-watched-button:hover{
  border-color:rgba(247,197,29,.45);
  color:#f7c51d;
}

.episode-watched-button.is-watched{
  border-color:rgba(82,213,139,.28);
  background:rgba(82,213,139,.07);
  color:#61dc98;
}

/* =========================================================
   PESSOA — SEGUIR
   ========================================================= */
.person-follow-action{
  margin-top:16px;
}

.person-follow-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  border-radius:6px;
  font-size:9px;
  font-weight:900;
}

.person-follow-button svg{
  width:14px;
  height:14px;
}

@media(max-width:720px){
  .series-library-actions{
    width:100%;
  }

  .series-library-actions > *,
  .series-library-actions .series-watch-status{
    width:100%;
  }

  .series-favorite-toggle span{
    width:100%;
    justify-content:center;
  }

  .episode-user-actions{
    width:100%;
    margin:10px 0 0;
    justify-content:space-between;
  }
}


/* ================= CONTA NO HEADER ================= */
/* =========================================================
   HEADER — USUÁRIO LOGADO
   Arquivo isolado: não depende do style.css principal.
   ========================================================= */

.header-account{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  min-width:0;
}

.header-account-link{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  text-decoration:none;
}

.header-account-avatar{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50% !important;
  background:#0b1012;
  color:#f7c51d;
  object-fit:cover !important;
  object-position:center !important;
  font-size:11px;
  font-weight:900;
  line-height:1;
}

img.header-account-avatar{
  display:block !important;
}

.header-account-avatar-empty{
  text-align:center;
}

.header-account-name{
  max-width:105px;
  overflow:hidden;
  color:#cbd1d3;
  font-size:11px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.header-account-link:hover .header-account-name{
  color:#fff;
}

.header-account-logout{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#727d81;
  font:inherit;
  font-size:10px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}

.header-account-logout:hover{
  color:#f7c51d;
}

.header-account-logout:disabled{
  opacity:.45;
  cursor:wait;
}

@media(max-width:760px){
  .header-account-name,
  .header-account-logout{
    display:none;
  }
}


/* =========================================================
   MINHAS SÉRIES — CONTROLES PROFISSIONAIS
   ========================================================= */

.account-library-card{
  align-items:center;
}

.account-series-controls{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}

.account-favorite-control{
  position:relative;
  height:40px;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:6px;
  background:#070a0b;
  color:#879196 !important;
  font-size:9px !important;
  font-weight:850 !important;
  text-transform:none !important;
  cursor:pointer;
  user-select:none;
  transition:
    border-color .15s ease,
    background-color .15s ease,
    color .15s ease;
}

.account-favorite-control input[type="checkbox"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.account-favorite-icon{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
}

.account-favorite-icon svg{
  width:15px;
  height:15px;
  stroke-width:2;
}

.account-favorite-control:hover{
  border-color:rgba(247,197,29,.45);
  color:#f7c51d !important;
}

.account-favorite-control.is-active{
  border-color:rgba(247,197,29,.48);
  background:rgba(247,197,29,.08);
  color:#f7c51d !important;
}

.account-favorite-control.is-active svg{
  fill:#f7c51d;
}

.account-status-control{
  height:40px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:6px;
  background:#070a0b;
}

.account-status-label{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 9px;
  border-right:1px solid rgba(255,255,255,.07);
  color:#5f6a6e;
  font-size:7px;
  font-weight:900;
  letter-spacing:.05em;
}

.account-status-control select{
  width:auto !important;
  min-width:135px;
  height:100% !important;
  margin:0 !important;
  padding:0 32px 0 11px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0;
  background:#070a0b !important;
  color:#e8ebeb !important;
  font-size:9px !important;
  font-weight:800;
}

.account-status-control:focus-within{
  border-color:rgba(247,197,29,.45);
}

.account-series-save{
  height:40px;
  min-width:74px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  background:#0d1214;
  color:#f1f3f3;
  font-size:8px;
  font-weight:900;
  letter-spacing:.03em;
  transition:
    border-color .15s ease,
    color .15s ease,
    background-color .15s ease;
}

.account-series-save:hover{
  border-color:#f7c51d;
  background:rgba(247,197,29,.06);
  color:#f7c51d;
}

@media(max-width:680px){
  .account-series-controls{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .account-favorite-control{
    justify-content:center;
  }

  .account-status-control{
    grid-column:1/-1;
  }

  .account-status-control select{
    flex:1;
  }

  .account-series-save{
    grid-column:1/-1;
    width:100%;
  }
}


/* =========================================================
   CONTA — FILTROS DE SÉRIES / PESSOAS
   ========================================================= */
.account-filter-bar{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 17px;
  overflow-x:auto;
  padding:1px 0 3px;
  scrollbar-width:none;
}

.account-filter-bar::-webkit-scrollbar{
  display:none;
}

.account-filter-pill{
  min-height:36px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:#080c0e;
  color:#7d888c;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  transition:
    color .15s ease,
    border-color .15s ease,
    background-color .15s ease;
}

.account-filter-pill svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

.account-filter-pill b{
  min-width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  padding:0 5px;
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:#697478;
  font-size:7px;
  font-weight:900;
}

.account-filter-pill:hover{
  border-color:rgba(247,197,29,.35);
  color:#dfe3e4;
}

.account-filter-pill.active{
  border-color:rgba(247,197,29,.48);
  background:rgba(247,197,29,.07);
  color:#f7c51d;
}

.account-filter-pill.active b{
  background:rgba(247,197,29,.13);
  color:#f7c51d;
}

.account-filter-empty{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:45px 20px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:8px;
  color:#667176;
  text-align:center;
}

.account-filter-empty svg{
  width:22px;
  height:22px;
  margin-bottom:10px;
}

.account-filter-empty strong{
  color:#b8c0c3;
  font-size:11px;
}

.account-filter-empty p{
  max-width:360px;
  margin-top:5px;
  color:#687378;
  font-size:9px;
}

.account-filter-empty-grid{
  grid-column:1/-1;
}

@media(max-width:720px){
  .account-filter-bar{
    margin-left:-2px;
    margin-right:-2px;
  }
}


/* =========================================================
   PERFIL PÚBLICO — REFINO VISUAL
   ========================================================= */

.public-profile-head{
  min-height:150px;
  gap:24px;
}

.public-profile-head h1{
  font-size:38px !important;
  line-height:1.05;
}

.public-profile-head > div:nth-child(2) > p{
  margin-top:7px;
  color:#899397;
  font-size:12px !important;
}

.public-profile-counts{
  gap:24px !important;
  margin-top:18px !important;
  font-size:11px !important;
}

.public-profile-counts span{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
}

.public-profile-counts strong{
  color:#f2f4f4;
  font-size:17px !important;
  font-weight:900;
}

.public-profile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.public-profile-edit,
.public-profile-follow{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:7px;
  background:#0a0f11;
  color:#edf0f0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
}

.public-profile-edit svg,
.public-profile-follow svg{
  width:15px;
  height:15px;
}

.public-profile-edit:hover,
.public-profile-follow:hover{
  border-color:rgba(247,197,29,.55);
  color:#f7c51d;
}

.public-profile-follow:not(.is-following){
  border-color:#f7c51d;
  background:#f7c51d;
  color:#080a0b;
}

.public-profile-follow.is-following{
  color:#f7c51d;
  border-color:rgba(247,197,29,.45);
  background:rgba(247,197,29,.07);
}

.public-profile-bio{
  max-width:900px !important;
  padding:28px 0 !important;
  color:#b7c0c3 !important;
  font-size:14px !important;
  line-height:1.8 !important;
}

.public-profile-section{
  padding:36px 0 !important;
}

.public-profile-section h2{
  margin:8px 0 18px !important;
  font-size:24px !important;
  line-height:1.2;
}


/* =========================================================
   PERFIL PÚBLICO — PESSOAS FAVORITAS
   ========================================================= */

.public-people-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:13px;
}

.public-person-card{
  min-width:0;
}

.public-person-photo{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1.18;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#0c1113;
  color:#f7c51d;
  font-size:24px;
  font-weight:900;
}

.public-person-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  transition:transform .18s ease;
}

.public-person-card:hover .public-person-photo img{
  transform:scale(1.025);
}

.public-person-card strong{
  display:block;
  margin-top:8px;
  overflow:hidden;
  color:#dfe3e4;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.public-person-card:hover strong{
  color:#f7c51d;
}


/* =========================================================
   TIPOGRAFIA — MICROTEXTOS MAIS LEGÍVEIS
   ========================================================= */

/* Área de usuário */
.account-page{
  font-size:14px;
}

.account-sidebar a{
  font-size:12px !important;
}

.account-stat span,
.account-mini-stats span,
.account-library-main > span,
.account-media-row span,
.account-result-card span,
.account-comment-card small{
  font-size:10px !important;
}

.account-panel-head a,
.account-panel-head span,
.account-result-card label,
.account-form label,
.account-inline-form label,
.account-status-label{
  font-size:9px !important;
}

.account-form input,
.account-form textarea,
.account-form select,
.account-inline-form select,
.account-search input,
.account-result-card select{
  font-size:12px !important;
}

.account-library-main h3{
  font-size:15px !important;
}

.account-series-save,
.account-filter-pill{
  font-size:10px !important;
}

/* Perfil público */
.public-poster-grid strong{
  font-size:11px !important;
}

.public-review-grid strong{
  font-size:11px !important;
}

.public-review-grid h3{
  font-size:14px !important;
}

.public-review-grid p,
.public-list-grid p{
  font-size:11px !important;
  line-height:1.6;
}

.public-list-grid strong{
  font-size:13px !important;
}

/* Elementos editoriais recorrentes do site */
.section-title,
.content-kicker{
  font-size:11px !important;
}

@media(max-width:1100px){
  .public-people-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .public-profile-head{
    min-height:0;
  }

  .public-profile-head h1{
    font-size:31px !important;
  }

  .public-profile-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }

  .public-people-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .public-people-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* =========================================================
   PESSOA — BOTÃO FAVORITAR (RESTAURADO)
   ========================================================= */
.person-favorite-action{
  margin-top:16px !important;
}

.person-favorite-action form{
  display:inline-block !important;
  margin:0 !important;
}

.person-favorite-button{
  width:auto !important;
  min-width:126px !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:6px !important;
  background:#080c0e !important;
  color:#e7ebeb !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

.person-favorite-button svg{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  display:block !important;
}

.person-favorite-button:hover{
  border-color:rgba(247,197,29,.58) !important;
  background:rgba(247,197,29,.06) !important;
  color:#f7c51d !important;
}

.person-favorite-button.is-favorite{
  border-color:rgba(247,197,29,.52) !important;
  background:rgba(247,197,29,.08) !important;
  color:#f7c51d !important;
}

.person-favorite-button.is-favorite svg{
  fill:#f7c51d !important;
}


/* =========================================================
   REVIEWS — LAYOUT RESTAURADO / ISOLADO
   ========================================================= */

#reviews .review-user-box{
  width:100% !important;
  max-width:none !important;
  display:block !important;
  margin:0 0 34px !important;
  padding:20px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;
  background:#090e10 !important;
  box-sizing:border-box !important;
}

#reviews .review-user-head{
  width:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 0 18px !important;
}

#reviews .review-user-head h3{
  margin:7px 0 0 !important;
  color:#f4f5f5 !important;
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

#reviews .review-user-form{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
}

#reviews .review-rating-field,
#reviews .review-field{
  width:100% !important;
  min-width:0 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

#reviews .review-rating-field > label,
#reviews .review-field > label{
  width:auto !important;
  display:block !important;
  margin:0 0 8px !important;
  padding:0 !important;
  color:#aeb8bb !important;
  background:transparent !important;
  border:0 !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#reviews .review-score-picker{
  width:100% !important;
  max-width:560px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#reviews .review-score{
  position:relative !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

#reviews .review-score input[type="radio"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  pointer-events:none !important;
}

#reviews .review-score span{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:6px !important;
  background:#080c0e !important;
  color:#aeb7ba !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

#reviews .review-score:hover span{
  border-color:#f7c51d !important;
  color:#f7c51d !important;
  background:rgba(247,197,29,.07) !important;
}

#reviews .review-score.selected span,
#reviews .review-score:has(input[type="radio"]:checked) span{
  border-color:#f7c51d !important;
  background:#f7c51d !important;
  color:#080a0b !important;
}

#reviews .review-rating-help{
  margin:7px 0 0 !important;
  color:#667176 !important;
  font-size:9px !important;
  line-height:1.4 !important;
}

#reviews .review-field input[type="text"],
#reviews .review-field textarea{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:block !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:7px !important;
  outline:0 !important;
  background:#06090a !important;
  color:#e9ebeb !important;
  font-family:inherit !important;
  font-size:12px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}

#reviews .review-field input[type="text"]{
  height:44px !important;
  padding:0 13px !important;
}

#reviews .review-field textarea{
  min-height:160px !important;
  padding:12px 13px !important;
  resize:vertical !important;
  line-height:1.65 !important;
}

#reviews .review-field input[type="text"]::placeholder,
#reviews .review-field textarea::placeholder{
  color:#6f7a7e !important;
  opacity:1 !important;
}

#reviews .review-field input[type="text"]:focus,
#reviews .review-field textarea:focus{
  border-color:rgba(247,197,29,.55) !important;
}

#reviews .review-submit-row{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 !important;
}

#reviews .review-submit-row p{
  margin:0 !important;
  color:#687378 !important;
  font-size:10px !important;
  line-height:1.5 !important;
}

#reviews .review-submit-row .btn-yellow{
  width:auto !important;
  min-width:160px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:6px !important;
  background:#f7c51d !important;
  color:#080a0b !important;
  font-size:10px !important;
  font-weight:900 !important;
}

#reviews .review-login-needed{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:7px !important;
  background:#06090a !important;
  box-sizing:border-box !important;
}

#reviews .review-login-needed strong{
  color:#f1f3f3 !important;
  font-size:13px !important;
}

#reviews .review-login-needed p{
  margin:4px 0 0 !important;
  color:#7f8a8e !important;
  font-size:10px !important;
}

@media(max-width:700px){
  #reviews .review-score-picker{
    max-width:none !important;
  }

  #reviews .review-submit-row,
  #reviews .review-login-needed{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  #reviews .review-submit-row .btn-yellow,
  #reviews .review-login-needed .btn-yellow{
    width:100% !important;
  }
}


/* =========================================================
   CONTA — CENTRAL DE PROGRESSO DE EPISÓDIOS
   ========================================================= */

.account-episodes-head p{
  margin-top:7px;
  color:#7c878b;
  font-size:12px;
}

.episode-summary-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}

.episode-summary-card{
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#090d0f;
}

.episode-summary-card > svg{
  width:19px;
  height:19px;
  color:#f7c51d;
}

.episode-summary-card strong{
  display:block;
  color:#f1f3f3;
  font-size:20px;
  line-height:1;
}

.episode-summary-card span{
  display:block;
  margin-top:4px;
  color:#788388;
  font-size:10px;
}

.episode-progress-series-list{
  display:grid;
  gap:14px;
}

.episode-progress-series{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#080c0e;
}

.episode-progress-header{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  padding:15px;
}

.episode-progress-poster{
  width:74px;
  height:104px;
  overflow:hidden;
  border-radius:6px;
  background:#111719;
}

.episode-progress-poster img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.episode-progress-poster > span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#566166;
}

.episode-progress-poster svg{
  width:20px;
}

.episode-progress-info{
  min-width:0;
}

.episode-progress-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.episode-progress-title-row h3{
  color:#f0f2f2;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.episode-progress-meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:7px;
  color:#7e898d;
  font-size:10px;
}

.episode-progress-meta strong{
  color:#cdd3d5;
}

.episode-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.episode-status-pill.status-watching{
  color:#f7c51d;
  border-color:rgba(247,197,29,.28);
  background:rgba(247,197,29,.06);
}

.episode-status-pill.status-paused{
  color:#a9b1b4;
}

.episode-progress-percent{
  color:#f7c51d;
  font-size:14px;
  font-weight:900;
}

.episode-progress-bar{
  width:100%;
  height:5px;
  overflow:hidden;
  margin-top:12px;
  border-radius:3px;
  background:rgba(255,255,255,.07);
}

.episode-progress-bar span{
  height:100%;
  display:block;
  border-radius:inherit;
  background:#f7c51d;
}

.episode-next{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  min-width:0;
}

.episode-next > span{
  flex:0 0 auto;
  color:#687378;
  font-size:8px;
  font-weight:900;
}

.episode-next strong{
  overflow:hidden;
  color:#aeb7ba;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.episode-progress-actions{
  display:grid;
  gap:7px;
  min-width:150px;
}

.episode-progress-actions button{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border-radius:6px;
  font-size:8px;
  font-weight:900;
}

.episode-progress-actions svg{
  width:13px;
  height:13px;
}

.episode-action-primary{
  border:1px solid rgba(247,197,29,.40);
  background:rgba(247,197,29,.07);
  color:#f7c51d;
}

.episode-action-primary:hover{
  border-color:#f7c51d;
  background:rgba(247,197,29,.11);
}

.episode-action-secondary{
  border:1px solid rgba(255,255,255,.09);
  background:#070a0b;
  color:#7f8a8e;
}

.episode-action-secondary:hover{
  border-color:rgba(255,255,255,.18);
  color:#d8ddde;
}

.episode-progress-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.07);
}

.episode-manage-item{
  min-width:0;
  border-right:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}

.episode-manage-item:nth-child(even){
  border-right:0;
}

.episode-manage-item button{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  text-align:left;
}

.episode-manage-item button:hover{
  background:rgba(255,255,255,.025);
}

.episode-manage-check{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  color:#647075;
}

.episode-manage-check svg{
  width:12px;
  height:12px;
}

.episode-manage-copy{
  min-width:0;
}

.episode-manage-copy small{
  display:block;
  margin-bottom:3px;
  color:#657176;
  font-size:8px;
  font-weight:900;
}

.episode-manage-copy strong{
  display:block;
  overflow:hidden;
  color:#adb6b9;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.episode-manage-item.is-watched{
  opacity:.52;
}

.episode-manage-item.is-watched .episode-manage-check{
  border-color:rgba(82,213,139,.30);
  background:rgba(82,213,139,.08);
  color:#5cda94;
}

.episode-manage-item.is-watched .episode-manage-copy strong{
  text-decoration:line-through;
}

.episode-empty-state{
  display:flex;
  align-items:center;
  flex-direction:column;
  padding:65px 25px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#080c0e;
  text-align:center;
}

.episode-empty-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border:1px solid rgba(82,213,139,.23);
  border-radius:50%;
  background:rgba(82,213,139,.06);
  color:#61dc98;
}

.episode-empty-icon svg{
  width:23px;
  height:23px;
}

.episode-empty-state h3{
  font-size:18px;
  font-weight:900;
}

.episode-empty-state p{
  max-width:500px;
  margin:8px 0 18px;
  color:#788388;
  font-size:11px;
  line-height:1.65;
}

@media(max-width:850px){
  .episode-progress-header{
    grid-template-columns:64px minmax(0,1fr);
  }

  .episode-progress-poster{
    width:64px;
    height:90px;
  }

  .episode-progress-actions{
    grid-column:1/-1;
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .episode-summary-cards{
    grid-template-columns:1fr;
  }

  .episode-progress-grid{
    grid-template-columns:1fr;
  }

  .episode-manage-item{
    border-right:0;
  }

  .episode-progress-title-row{
    gap:8px;
  }
}


/* =========================================================
   PERFIL PÚBLICO — CARDS DE SÉRIE REFINADOS
   ========================================================= */

.public-series-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
}

.public-series-card{
  min-width:0;
  display:block;
}

.public-series-poster{
  position:relative;
  width:100%;
  aspect-ratio:2 / 3;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#0b1012;
  color:#657176;
}

.public-series-poster img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .18s ease, opacity .18s ease;
}

.public-series-poster > span svg{
  width:22px;
  height:22px;
}

.public-series-card:hover .public-series-poster{
  border-color:rgba(247,197,29,.30);
}

.public-series-card:hover .public-series-poster img{
  transform:scale(1.025);
  opacity:.93;
}

.public-series-copy{
  min-width:0;
  padding-top:8px;
}

.public-series-copy > strong{
  display:block;
  overflow:hidden;
  color:#e5e8e9;
  font-size:12px !important;
  font-weight:850;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.public-series-copy > span{
  min-height:17px;
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
  color:#727e82;
  font-size:10px !important;
}

.public-series-copy > span svg{
  width:11px;
  height:11px;
  color:#62d997;
}

.public-series-card:hover .public-series-copy > strong{
  color:#f7c51d;
}


/* =========================================================
   PERFIL PÚBLICO — ASSISTINDO AGORA / PROGRESSO
   ========================================================= */

.public-watching-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.public-watching-card{
  min-width:0;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#080c0e;
  transition:border-color .15s ease, background-color .15s ease;
}

.public-watching-card:hover{
  border-color:rgba(247,197,29,.30);
  background:#0a0f11;
}

.public-watching-poster{
  width:76px;
  height:108px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:6px;
  background:#111719;
  color:#667176;
}

.public-watching-poster img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.public-watching-poster svg{
  width:20px;
  height:20px;
}

.public-watching-info{
  min-width:0;
}

.public-watching-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.public-watching-title > div{
  min-width:0;
}

.public-watching-title strong{
  display:block;
  overflow:hidden;
  color:#e8ebeb;
  font-size:13px;
  font-weight:900;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.public-watching-title span{
  display:block;
  margin-top:4px;
  color:#778287;
  font-size:10px;
}

.public-watching-title b{
  flex:0 0 auto;
  color:#f7c51d;
  font-size:12px;
  font-weight:900;
}

.public-watching-progress{
  width:100%;
  height:5px;
  overflow:hidden;
  margin-top:15px;
  border-radius:3px;
  background:rgba(255,255,255,.07);
}

.public-watching-progress > span{
  height:100%;
  display:block;
  border-radius:inherit;
  background:#f7c51d;
}

.public-watching-info > p{
  margin-top:7px;
  color:#727e82;
  font-size:10px;
}

.public-watching-info > p strong{
  color:#aeb7ba;
  font-weight:850;
}


/* Mata a grade antiga somente no perfil público */
.public-profile-page .public-poster-grid{
  display:none !important;
}

@media(max-width:1150px){
  .public-series-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .public-series-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .public-watching-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .public-series-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}

@media(max-width:460px){
  .public-series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   EPISÓDICO — CATÁLOGO / FILTROS
   ========================================================= */

.series-discovery-tools{margin-bottom:28px}
.series-primary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.series-primary-filters{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.series-primary-filters .filter-chip{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:7px}

.series-compact-search{width:min(390px,100%);display:flex;align-items:center;gap:7px;margin-left:auto}
.series-search-field{position:relative;min-width:0;flex:1}
.series-search-field>svg{position:absolute;top:50%;left:12px;width:14px;height:14px;color:#657176;transform:translateY(-50%);pointer-events:none}
.series-search-field input{width:100%;height:40px;padding:0 38px 0 37px;border:1px solid rgba(255,255,255,.10);border-radius:7px;outline:0;background:#070b0c;color:#e8ebeb;font-size:11px}
.series-search-field input::placeholder{color:#667176}
.series-search-field input:focus{border-color:rgba(247,197,29,.45)}
.series-search-clear{position:absolute;top:50%;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:5px;color:#687378;transform:translateY(-50%)}
.series-search-clear:hover{background:rgba(255,255,255,.05);color:#f7c51d}
.series-search-clear svg{width:13px;height:13px}
.series-search-submit{height:40px;flex:0 0 auto;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0d1214;color:#edf0f0;font-size:9px;font-weight:900}
.series-search-submit:hover{border-color:rgba(247,197,29,.5);color:#f7c51d}

.series-advanced-filters{display:flex;align-items:flex-end;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#080c0e}
.series-select-control{min-width:0;display:block;flex:1 1 0}
.series-select-control>span{display:block;margin:0 0 7px;color:#667176;font-size:8px;font-weight:900;letter-spacing:.06em}
.series-select-wrap{position:relative}
.series-select-wrap select{width:100%;height:42px;display:block;padding:0 36px 0 38px;border:1px solid rgba(255,255,255,.10);border-radius:7px;outline:0;appearance:none;-webkit-appearance:none;background:#050809;color:#dce1e2;font-family:inherit;font-size:10px;font-weight:750;cursor:pointer}
.series-select-wrap select:hover{border-color:rgba(255,255,255,.18)}
.series-select-wrap select:focus{border-color:rgba(247,197,29,.50);box-shadow:0 0 0 2px rgba(247,197,29,.05)}
.series-select-wrap select option{background:#0b1012;color:#e5e8e9}
.series-select-icon,.series-select-arrow{position:absolute;top:50%;z-index:2;width:14px;height:14px;color:#697478;transform:translateY(-50%);pointer-events:none}
.series-select-icon{left:12px}.series-select-arrow{right:11px;width:13px;height:13px}
.series-select-wrap:focus-within .series-select-icon,.series-select-wrap:focus-within .series-select-arrow{color:#f7c51d}

.series-clear-filters{height:42px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#748084;font-size:8px;font-weight:900;white-space:nowrap}
.series-clear-filters svg{width:13px;height:13px}
.series-clear-filters:hover{border-color:rgba(255,255,255,.17);color:#e2e6e7}
.page-hero .page-intro{max-width:760px}

@media(max-width:900px){
  .series-primary-toolbar{align-items:stretch;flex-direction:column}
  .series-compact-search{width:100%;margin-left:0}
  .series-advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
  .series-clear-filters{grid-column:1/-1;width:max-content}
}
@media(max-width:650px){
  .series-primary-filters{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .series-primary-filters::-webkit-scrollbar{display:none}
  .series-advanced-filters{grid-template-columns:1fr}
  .series-clear-filters{width:100%}
  .series-compact-search{display:grid;grid-template-columns:minmax(0,1fr) auto}
}

/* =========================================================
   EPISÓDICO — FILTROS / BUSCA MAIS LEGÍVEIS NO DESKTOP
   ========================================================= */
@media (min-width: 901px){
  .series-select-control > span{
    font-size:10px !important;
  }

  .series-select-wrap select{
    font-size:12px !important;
  }

  .series-search-field input{
    font-size:12px !important;
  }

  .series-search-submit{
    font-size:10px !important;
  }

  .series-primary-filters .filter-chip{
    font-size:11px !important;
  }

  .series-clear-filters{
    font-size:9px !important;
  }
}


/* =========================================================
   EPISÓDICO — PESSOAS / DESCOBERTA E FILTROS
   ========================================================= */

.people-discovery-tools{
  margin-bottom:28px;
}

.people-primary-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}

.people-primary-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.people-primary-filters .filter-chip{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:7px;
}

.people-compact-search{
  width:min(390px,100%);
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
}

.people-search-field{
  position:relative;
  min-width:0;
  flex:1;
}

.people-search-field > svg{
  position:absolute;
  top:50%;
  left:12px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
  pointer-events:none;
}

.people-search-field input{
  width:100%;
  height:40px;
  padding:0 38px 0 37px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  background:#070b0c;
  color:#e8ebeb;
  font-size:12px;
}

.people-search-field input::placeholder{
  color:#667176;
}

.people-search-field input:focus{
  border-color:rgba(247,197,29,.45);
}

.people-search-clear{
  position:absolute;
  top:50%;
  right:8px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:5px;
  color:#687378;
  transform:translateY(-50%);
}

.people-search-clear:hover{
  background:rgba(255,255,255,.05);
  color:#f7c51d;
}

.people-search-clear svg{
  width:13px;
  height:13px;
}

.people-search-submit{
  height:40px;
  flex:0 0 auto;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:#0d1214;
  color:#edf0f0;
  font-size:10px;
  font-weight:900;
}

.people-search-submit:hover{
  border-color:rgba(247,197,29,.5);
  color:#f7c51d;
}

.people-advanced-filters{
  display:flex;
  align-items:flex-end;
  gap:9px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#080c0e;
}

.people-select-control{
  min-width:0;
  display:block;
  flex:1 1 0;
}

.people-select-control > span{
  display:block;
  margin:0 0 7px;
  color:#667176;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.people-select-wrap{
  position:relative;
}

.people-select-wrap select{
  width:100%;
  height:42px;
  display:block;
  padding:0 36px 0 38px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  background:#050809;
  color:#dce1e2;
  font-family:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}

.people-select-wrap select:hover{
  border-color:rgba(255,255,255,.18);
}

.people-select-wrap select:focus{
  border-color:rgba(247,197,29,.50);
  box-shadow:0 0 0 2px rgba(247,197,29,.05);
}

.people-select-wrap select option{
  background:#0b1012;
  color:#e5e8e9;
}

.people-select-icon,
.people-select-arrow{
  position:absolute;
  top:50%;
  z-index:2;
  width:14px;
  height:14px;
  color:#697478;
  transform:translateY(-50%);
  pointer-events:none;
}

.people-select-icon{
  left:12px;
}

.people-select-arrow{
  right:11px;
  width:13px;
  height:13px;
}

.people-select-wrap:focus-within .people-select-icon,
.people-select-wrap:focus-within .people-select-arrow{
  color:#f7c51d;
}

.people-clear-filters{
  height:42px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  color:#748084;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.people-clear-filters svg{
  width:13px;
  height:13px;
}

.people-clear-filters:hover{
  border-color:rgba(255,255,255,.17);
  color:#e2e6e7;
}

.people-page-hero .page-intro{
  max-width:780px;
}

@media(max-width:900px){
  .people-primary-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .people-compact-search{
    width:100%;
    margin-left:0;
  }

  .people-advanced-filters{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:end;
  }

  .people-clear-filters{
    grid-column:1/-1;
    width:max-content;
  }
}

@media(max-width:650px){
  .people-primary-filters{
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .people-primary-filters::-webkit-scrollbar{
    display:none;
  }

  .people-advanced-filters{
    grid-template-columns:1fr;
  }

  .people-clear-filters{
    width:100%;
  }

  .people-compact-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
}


/* =========================================================
   EPISÓDICO — PESSOAS: TIPOGRAFIA MAIOR
   ========================================================= */
.people-page-hero .page-intro{
  font-size:15px !important;
  line-height:1.75 !important;
}
.people-primary-filters .filter-chip{
  font-size:12px !important;
}
.people-select-control > span{
  font-size:10px !important;
}
.people-select-wrap select,
.people-search-field input{
  font-size:12px !important;
}
.people-results-head,
.people-results-head .text-sm{
  font-size:12px !important;
}
.people-public-card-body h2{
  font-size:15px !important;
  line-height:1.25 !important;
}
.people-known-for{
  font-size:11px !important;
  line-height:1.55 !important;
}
.people-public-meta{
  font-size:11px !important;
}
.people-user-rating{
  margin-left:auto;
  color:#f7c51d;
  font-weight:900;
}
.people-user-rating small{
  color:#6f7a7e;
  font-size:9px;
  font-weight:700;
}
.people-advanced-filters-two .people-select-control{
  flex:1 1 0;
}

/* =========================================================
   EPISÓDICO — PÁGINA DA PESSOA: LEGIBILIDADE
   ========================================================= */
.person-kicker{
  font-size:11px !important;
}
.person-bio{
  font-size:14px !important;
  line-height:1.8 !important;
}
.person-fact span{
  font-size:10px !important;
}
.person-fact b{
  font-size:12px !important;
  line-height:1.5 !important;
}
.person-section > h2,
.person-section-heading h2{
  font-size:24px !important;
  line-height:1.2 !important;
}
.credit-card-body h3{
  font-size:14px !important;
}
.credit-meta{
  font-size:11px !important;
}
.person-rating-value{
  display:flex;
  align-items:baseline;
  gap:7px;
  color:#f7c51d !important;
  font-size:15px !important;
}
.person-rating-value small{
  color:#758085;
  font-size:9px;
  font-weight:700;
}

/* =========================================================
   PESSOA — AVALIAÇÕES / COMENTÁRIOS
   ========================================================= */
.person-community-section{
  padding-top:38px;
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
}
.person-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.person-section-heading .section-title{
  display:block;
  margin-bottom:8px;
}
.person-rating-summary{
  flex:0 0 auto;
  text-align:right;
}
.person-rating-summary strong{
  display:block;
  color:#f7c51d;
  font-size:25px;
  font-weight:900;
}
.person-rating-summary span{
  color:#758085;
  font-size:10px;
}
.person-feedback-form{
  width:100%;
  margin-bottom:22px;
  padding:20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:#090d0f;
}
.person-review-form-head h3{
  margin-top:5px;
  color:#eef1f1;
  font-size:17px;
  font-weight:900;
}
.person-form-kicker,
.person-feedback-field > span{
  display:block;
  margin-bottom:7px;
  color:#899499;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.person-rating-picker{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:16px 0 6px;
}
.person-rating-option{
  position:relative;
  cursor:pointer;
}
.person-rating-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.person-rating-option span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:#06090a;
  color:#aab4b7;
  font-size:12px;
  font-weight:900;
}
.person-rating-option:hover span,
.person-rating-option input:checked + span{
  border-color:#f7c51d;
  background:rgba(247,197,29,.09);
  color:#f7c51d;
}
.person-rating-help{
  display:block;
  margin-bottom:17px;
  color:#657176;
  font-size:9px;
}
.person-feedback-field{
  display:block;
  margin-top:15px;
}
.person-feedback-field input,
.person-feedback-field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  background:#050809;
  color:#e7eaeb;
  font-family:inherit;
  font-size:12px;
}
.person-feedback-field input{
  height:44px;
  padding:0 13px;
}
.person-feedback-field textarea{
  min-height:135px;
  padding:12px 13px;
  resize:vertical;
  line-height:1.65;
}
.person-feedback-field input:focus,
.person-feedback-field textarea:focus{
  border-color:rgba(247,197,29,.50);
}
.person-feedback-submit{
  display:flex;
  justify-content:flex-end;
  margin-top:15px;
}
.person-feedback-submit button{
  min-height:42px;
  padding:0 16px;
  border-radius:6px;
  font-size:10px;
  font-weight:900;
}
.person-review-list,
.person-comment-list{
  display:grid;
  gap:10px;
}
.person-review-card,
.person-comment-card{
  position:relative;
  padding:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#080c0e;
}
.person-feedback-author{
  display:flex;
  align-items:center;
  gap:10px;
}
.person-feedback-author > img,
.person-feedback-author > span{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:#101618;
  color:#f7c51d;
  object-fit:cover;
  font-size:10px;
  font-weight:900;
}
.person-feedback-author strong{
  display:block;
  color:#e6e9ea;
  font-size:12px;
}
.person-feedback-author small{
  display:block;
  margin-top:2px;
  color:#657176;
  font-size:9px;
}
.person-review-score{
  position:absolute;
  top:17px;
  right:17px;
  color:#f7c51d;
  font-size:13px;
  font-weight:900;
}
.person-review-card h3{
  margin-top:14px;
  color:#eef0f0;
  font-size:14px;
  font-weight:900;
}
.person-review-card > p,
.person-comment-card > p{
  margin-top:8px;
  color:#aeb7ba;
  font-size:12px;
  line-height:1.7;
}
.person-login-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
  padding:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#080c0e;
}
.person-login-callout strong{
  font-size:13px;
}
.person-login-callout p{
  margin-top:4px;
  color:#788388;
  font-size:11px;
}
.person-feedback-empty{
  padding:24px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:8px;
  color:#768185;
  font-size:11px;
  text-align:center;
}
@media(max-width:700px){
  .person-section-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .person-rating-summary{
    text-align:left;
  }
  .person-login-callout{
    align-items:stretch;
    flex-direction:column;
  }
  .person-feedback-submit button,
  .person-login-callout button{
    width:100%;
  }
}

/* =========================================================
   EPISÓDICO — PADRÃO GLOBAL DE KICKERS / TÍTULOS DE SEÇÃO
   Barra amarela + texto amarelo em TODO o site.
   ========================================================= */
.section-title,
.content-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#f7c51d !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

.section-title::before,
.content-kicker::before{
  content:"" !important;
  display:block !important;
  width:3px !important;
  height:14px !important;
  flex:0 0 3px !important;
  border-radius:2px !important;
  background:#f7c51d !important;
}

/* =========================================================
   EPISÓDICO — TIPOGRAFIA GLOBAL MAIS LEGÍVEL
   Compacto não significa pequeno.
   ========================================================= */

body{
  font-size:16px;
}

p,
li,
label,
input,
textarea,
select,
button{
  font-size:14px;
}

.page-intro{
  font-size:17px !important;
  line-height:1.65 !important;
}

.card-title{
  font-size:16px !important;
  line-height:1.3 !important;
}

.card-meta{
  font-size:12px !important;
  line-height:1.45 !important;
}

.card-copy,
.muted{
  font-size:13px !important;
  line-height:1.6 !important;
}

.section-title,
.content-kicker{
  font-size:12px !important;
}

.filter-chip{
  font-size:11px !important;
}

.series-search-field input,
.series-search-submit,
.series-command-clear,
.series-custom-select-value,
.series-custom-select-option{
  font-size:12px !important;
}

.series-select-control > span{
  font-size:10px !important;
}

.btn-dark,
.btn-yellow{
  font-size:12px !important;
}

.series-comments-meta,
.person-comments-meta{
  font-size:12px !important;
}

.series-comment-form textarea,
.person-comment-form textarea{
  font-size:13px !important;
}

.series-comment-user strong,
.person-feedback-author strong{
  font-size:13px !important;
}

.series-comment-user small,
.person-feedback-author small{
  font-size:10px !important;
}

.series-comment-entry .series-comment-body,
.person-comment-card > p{
  font-size:13px !important;
  line-height:1.65 !important;
}

.footer-links a{
  font-size:14px !important;
}

.footer-newsletter-block > p{
  font-size:14px !important;
}

.footer-newsletter-form input{
  font-size:13px !important;
}

.footer-newsletter-form button{
  font-size:11px !important;
}

.footer-newsletter-block small,
.footer-bottom p,
.footer-bottom a{
  font-size:11px !important;
}

@media(max-width:650px){
  body{
    font-size:15px;
  }

  .page-intro{
    font-size:16px !important;
  }

  .card-title{
    font-size:15px !important;
  }

  .card-meta{
    font-size:12px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — ESTILOS CENTRALIZADOS DAS PÁGINAS
   --------------------------------------------------------------------------
   Os blocos abaixo estavam declarados dentro de:
   index.php, serie.php, series.php, pessoa.php e pessoas.php.

   A ordem abaixo preserva o comportamento de cascata mais recente entre os
   componentes compartilhados. Novos estilos destas páginas devem ser
   adicionados neste arquivo, nunca em <style> dentro dos PHPs.
   ========================================================================== */


/* ========================================================================
   CSS CENTRALIZADO — INDEX.PHP
   Extraído do arquivo PHP para manter todo o visual em style.css.
   ======================================================================== */

/* --- Bloco originalmente em index.php (1/1) --- */
/* =========================================================
   EPISÓDICO — HOME
   Escopo visual exclusivo desta página.
   ========================================================= */

.home-main{
  overflow:hidden;
}

.home-hero{
  position:relative;
  padding:22px 0 28px;
  overflow:hidden;
  background:#050809;
}

.home-hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(360px,.78fr);
  gap:16px;
  min-height:520px;
}

.home-hero-main{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#0a0e10;
}

.home-hero-main-bg{
  position:absolute;
  inset:0;
  background-position:center 24%;
  background-size:cover;
  transition:background-image .2s ease;
}

.home-hero-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(3,5,6,.96) 0%,
      rgba(3,5,6,.82) 38%,
      rgba(3,5,6,.26) 72%,
      rgba(3,5,6,.10) 100%
    ),
    linear-gradient(0deg,
      rgba(3,5,6,.92) 0%,
      rgba(3,5,6,.20) 48%,
      rgba(3,5,6,.05) 100%
    );
}

.home-hero-main-content{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  max-width:760px;
  padding:38px;
}

.home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#f7c51d;
  font-size:12px;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.home-eyebrow::before{
  content:"";
  width:3px;
  height:17px;
  border-radius:2px;
  background:#f7c51d;
}

.home-hero-main h1{
  margin-top:13px;
  color:#fff;
  font-size:clamp(48px,4.8vw,74px);
  line-height:.97;
  letter-spacing:-.05em;
  font-weight:950;
}

.home-hero-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:17px;
  color:#c3cbce;
  font-size:14px;
}

.home-hero-rating{
  color:#f7c51d;
  font-weight:900;
}

.home-hero-description{
  max-width:680px;
  margin-top:19px;
  color:#d5dbdd;
  font-size:17px;
  line-height:1.68;
}

.home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.home-secondary-action{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 20px;
  border-radius:7px;
  font-size:12px;
  font-weight:950;
}

.home-secondary-action{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,10,11,.58);
  color:#eef1f2;
  backdrop-filter:blur(8px);
  transition:
    border-color .18s ease,
    background-color .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.home-secondary-action:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.07);
  color:#f7c51d;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.home-hero-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:16px;
  min-width:0;
}

.home-hero-side-card{
  position:relative;
  min-height:238px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#0a0e10;
  cursor:pointer;
  transition:
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.home-hero-side-card:hover{
  border-color:rgba(247,197,29,.28);
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.home-hero-side-card.is-active{
  border-color:rgba(247,197,29,.48);
}

.home-hero-side-bg{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
}

.home-hero-side-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      0deg,
      rgba(3,5,6,.98) 0%,
      rgba(3,5,6,.72) 34%,
      rgba(3,5,6,.22) 66%,
      rgba(3,5,6,.04) 100%
    );
}

.home-hero-side-copy{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:18px 20px 19px;
  text-align:left;
}

.home-hero-side-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  padding:0 8px;
  border-radius:5px;
  background:rgba(3,5,6,.72);
  color:#f7c51d;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  backdrop-filter:blur(5px);
}

.home-hero-side-copy strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:21px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.022em;
}

.home-hero-side-meta{
  margin-top:6px;
  color:#a5b0b4;
  font-size:12px;
  font-weight:650;
}

.home-hero-side-label-chip{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:rgba(3,5,6,.66);
  color:#d6dddf;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}

.home-hero-controls{
  position:absolute;
  z-index:4;
  right:20px;
  bottom:18px;
  display:flex;
  gap:8px;
}

.home-hero-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(5,8,9,.78);
  color:#e1e5e6;
  backdrop-filter:blur(8px);
  cursor:pointer;
}

.home-hero-arrow:hover{
  border-color:rgba(247,197,29,.42);
  color:#f7c51d;
}

.home-hero-arrow svg{
  width:17px;
  height:17px;
}

.home-section{
  padding:42px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.home-section:last-child{
  border-bottom:0;
}

.home-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}

.home-section-title{
  display:flex;
  align-items:center;
  gap:9px;
  color:#f7c51d;
  font-size:12px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.home-section-title::before{
  content:"";
  width:3px;
  height:15px;
  border-radius:2px;
  background:#f7c51d;
}

.home-section-head h2{
  margin-top:7px;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
}

.home-section-link{
  flex:0 0 auto;
  color:#aab4b7;
  font-size:12px;
  font-weight:900;
  letter-spacing:.035em;
}

.home-section-link:hover{
  color:#f7c51d;
}

/* Rails */
.home-rail-wrap{
  position:relative;
}

.home-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(178px,1fr);
  gap:12px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  padding-bottom:5px;
  scrollbar-width:none;
}

.home-rail > *{
  scroll-snap-align:start;
}

.home-rail-arrow{
  position:absolute;
  z-index:8;
  top:42%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(5,8,9,.88);
  color:#f0f2f2;
  box-shadow:0 10px 28px rgba(0,0,0,.38);
  backdrop-filter:blur(8px);
  transform:translateY(-50%);
  cursor:pointer;
  transition:
    opacity .16s ease,
    border-color .16s ease,
    color .16s ease,
    background .16s ease;
}

.home-rail-arrow:hover{
  border-color:rgba(247,197,29,.48);
  background:rgba(12,15,16,.96);
  color:#f7c51d;
}

.home-rail-arrow svg{
  width:18px;
  height:18px;
}

.home-rail-arrow.left{
  left:-20px;
}

.home-rail-arrow.right{
  right:-20px;
}

.home-rail-arrow.is-disabled{
  opacity:0;
  pointer-events:none;
}

.home-rail::-webkit-scrollbar{
  display:none;
}

.home-poster-card{
  min-width:0;
  transform:none !important;
}

.home-poster-image{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#0a0e10;
}

.home-poster-body{
  padding:0;
}

.home-poster-image img{
  width:100%;
  aspect-ratio:.69;
  display:block;
  object-fit:cover;
  transition:transform .22s ease;
}

.home-poster-card:hover .home-poster-image img{
  transform:scale(1.025);
}

.home-poster-rank{
  position:absolute;
  left:8px;
  bottom:-3px;
  z-index:2;
  color:#fff;
  font-size:42px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  text-shadow:0 3px 18px rgba(0,0,0,.85);
}

.home-poster-rating{
  position:absolute;
  top:8px;
  right:8px;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:5px;
  background:rgba(3,5,6,.86);
  color:#f7c51d;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(5px);
}

.home-poster-card h3{
  margin-top:10px;
  color:#f0f2f2;
  font-size:16px;
  line-height:1.3;
  font-weight:850;
  white-space:normal;
}

.home-poster-meta{
  margin-top:5px;
  color:#869296;
  font-size:13px;
}

/* Continue assistindo */
.home-progress-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.home-progress-card{
  display:grid;
  grid-template-columns:98px minmax(0,1fr);
  min-height:142px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#080c0e;
}

.home-progress-image{
  width:98px;
  height:100%;
  overflow:hidden;
  background:#0b1012;
}

.home-progress-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease;
}

.home-progress-card:hover .home-progress-image img{
  transform:scale(1.065);
  filter:brightness(1.045) contrast(1.02);
}

.home-progress-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px;
}

.home-progress-copy strong{
  overflow:hidden;
  color:#f0f2f2;
  font-size:13px;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:color .18s ease;
}

.home-progress-card{
  transform:none !important;
  transition:
    border-color .18s ease,
    background-color .18s ease !important;
}

.home-progress-card:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.24);
  background:#0a1012;
}

.home-progress-card:hover .home-progress-copy strong{
  color:#f7c51d;
}

.home-progress-copy small{
  margin-top:6px;
  color:#778287;
  font-size:12px;
}

.home-progress-track{
  height:4px;
  margin-top:13px;
  overflow:hidden;
  border-radius:3px;
  background:rgba(255,255,255,.07);
}

.home-progress-track span{
  height:100%;
  display:block;
  border-radius:inherit;
  background:#f7c51d;
}

/* Notícias */
.home-news-layout-pro{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(380px,.85fr);
  gap:16px;
}

.home-news-main{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#080c0e;
}

.home-news-main img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}

.home-news-main:hover img{
  transform:scale(1.02);
}

.home-news-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    0deg,
    rgba(4,7,8,.98) 0%,
    rgba(4,7,8,.72) 38%,
    rgba(4,7,8,.18) 72%,
    rgba(4,7,8,.04) 100%
  );
}

.home-news-main-copy{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:28px;
}

.home-news-main-copy h3{
  max-width:780px;
  margin-top:10px;
  color:#fff;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
}

.home-news-main-excerpt{
  max-width:720px;
  margin-top:13px;
  color:#c3cbce;
  font-size:14px;
  line-height:1.65;
}

.home-news-main-meta{
  margin-top:15px;
  color:#899599;
  font-size:12px;
}

.home-news-stack{
  display:grid;
  gap:12px;
}

.home-news-story{
  display:grid;
  grid-template-columns:152px minmax(0,1fr);
  gap:14px;
  min-height:104px;
  padding:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#080c0e;
  transition:border-color .16s ease,background .16s ease;
}

.home-news-story:hover{
  border-color:rgba(247,197,29,.24);
  background:#0a0f11;
}

.home-news-story-image{
  overflow:hidden;
  border-radius:7px;
  background:#0d1214;
}

.home-news-story-image img{
  width:100%;
  height:100%;
  min-height:82px;
  object-fit:cover;
}

.home-news-story-copy{
  min-width:0;
  align-self:center;
}

.home-news-story-copy > span{
  display:block;
  color:#f7c51d;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.home-news-story-copy strong{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:#eef1f2;
  font-size:14px;
  line-height:1.38;
  font-weight:850;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.home-news-story-copy small{
  display:block;
  margin-top:9px;
  color:#829094;
  font-size:12px;
}

/* Tempo */
.home-time-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.home-time-card{
  position:relative;
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  padding:17px;
  border:0;
  border-radius:9px;
  background:#0a0e10;
  background-position:center;
  background-size:cover;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 10px 24px rgba(0,0,0,.10);
}

.home-time-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(3,5,6,.96),rgba(3,5,6,.18));
}

.home-time-card > *{
  position:relative;
  z-index:1;
}

.home-time-card span{
  color:#f7c51d;
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
}

.home-time-card h3{
  margin-top:5px;
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.home-time-card p{
  margin-top:5px;
  color:#aeb7ba;
  font-size:12px;
}

/* Pessoas */
.home-people-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:14px;
}

.home-person{
  min-width:0;
  text-align:center;
}

.home-person-photo{
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  background:#0b1012;
}

.home-person-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-person strong{
  display:block;
  margin-top:9px;
  overflow:hidden;
  color:#edf0f0;
  font-size:13px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.home-person span{
  display:block;
  margin-top:3px;
  color:#707c80;
  font-size:11px;
}

/* Gêneros */
.home-genres{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.home-genre{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#080c0e;
  color:#c7ced0;
  font-size:11px;
  font-weight:800;
}

.home-genre b{
  color:#f7c51d;
  font-size:11px;
}

.home-genre:hover{
  border-color:rgba(247,197,29,.35);
  color:#fff;
}

/* Bottom discovery */
.home-discovery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.home-landscape-card{
  min-width:0;
  transform:none !important;
}

.home-landscape-image{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#0a0e10;
}

.home-landscape-body{
  padding:0;
}

.home-landscape-image img{
  width:100%;
  aspect-ratio:1.55;
  object-fit:cover;
}

.home-landscape-card h3{
  margin-top:9px;
  color:#edf0f0;
  font-size:14px;
  line-height:1.3;
  font-weight:850;
  white-space:normal;
}

.home-landscape-card p{
  margin-top:3px;
  color:#707c80;
  font-size:12px;
}


.home-catalog-tabs{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:16px;
}

.home-catalog-tab{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:#080c0e;
  color:#8f9a9e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  cursor:pointer;
  transition:
    border-color .18s ease,
    background-color .18s ease,
    color .18s ease;
}

.home-catalog-tab:hover{
  border-color:rgba(247,197,29,.30);
  color:#f7c51d;
}

.home-catalog-tab.is-active{
  border-color:#f7c51d;
  background:#f7c51d;
  color:#07090a;
}

.home-catalog-panel[hidden]{
  display:none !important;
}

.home-upcoming-date{
  position:absolute;
  left:10px;
  top:10px;
  z-index:3;
  min-height:29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:5px;
  background:#f7c51d;
  color:#07090a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.035em;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}

.home-upcoming-relative{
  color:#f7c51d !important;
  font-weight:850;
}

.home-catalog-empty{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#080c0e;
  color:#778287;
  text-align:center;
  font-size:13px;
  line-height:1.6;
}

@media(max-width:1100px){
  .home-hero-shell{
    grid-template-columns:1fr;
    min-height:0;
  }

  .home-hero-main{
    min-height:480px;
  }

  .home-hero-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }

  .home-hero-side-card{
    min-height:220px;
  }

  .home-progress-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-people-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:850px){
  .home-hero,
  .home-hero-slider,
  .home-hero-content{
    min-height:460px;
  }

  .home-news-layout-pro{
    grid-template-columns:1fr;
  }

  .home-news-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-time-grid,
  .home-discovery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .home-hero{
    padding-top:12px;
  }

  .home-hero-main{
    min-height:430px;
  }

  .home-hero-main-content{
    padding:24px;
  }

  .home-hero-main h1{
    font-size:42px;
  }

  .home-hero-description{
    font-size:15px;
  }

  .home-hero-side{
    grid-template-columns:1fr;
  }

  .home-hero-side-card{
    min-height:190px;
  }

  .home-hero h1{
    font-size:40px;
  }

  .home-section{
    padding:32px 0;
  }

  .home-section-head h2{
    font-size:21px;
  }

  .home-progress-grid,
  .home-time-grid,
  .home-discovery-grid{
    grid-template-columns:1fr;
  }

  .home-news-stack{
    grid-template-columns:1fr;
  }

  .home-news-story{
    grid-template-columns:120px minmax(0,1fr);
  }

  .home-people-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }

  .home-rail{
    grid-auto-columns:42vw;
  }

  .home-rail-arrow{
    width:38px;
    height:38px;
  }

  .home-rail-arrow.left{
    left:6px;
  }

  .home-rail-arrow.right{
    right:6px;
  }
}

/* =========================================================
   HOME — HOVERS POR ZOOM, SEM MOVER CARDS
   ========================================================= */

/* Nunca deslocar esses cards no hover */
.home-time-card,
.home-person,
.home-poster-card,
.home-landscape-card,
.home-news-main,
.home-news-story,
.home-hero-side-card{
  transform:none !important;
}

/* ---------------------------------------------------------
   QUANTO TEMPO VOCÊ TEM?
   O background aumenta dentro do próprio card.
   --------------------------------------------------------- */
.home-time-card{
  overflow:hidden !important;
  background-position:center !important;
  background-size:100% auto !important;
  transition:
    background-size .30s cubic-bezier(.2,.8,.2,1),
    filter .20s ease,
    box-shadow .20s ease !important;
}

.home-time-card:hover{
  transform:none !important;
  background-size:106% auto !important;
  border-color:transparent !important;
  filter:brightness(1.045) contrast(1.02);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.18);
}

.home-time-card h3{
  transition:color .18s ease !important;
}

.home-time-card:hover h3{
  color:#f7c51d !important;
}


/* ---------------------------------------------------------
   PESSOAS — zoom exclusivamente dentro do círculo.
   --------------------------------------------------------- */
.home-person{
  transform:none !important;
}

.home-person-photo{
  overflow:hidden !important;
  transition:
    border-color .20s ease,
    box-shadow .20s ease !important;
}

.home-person-photo img{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-person:hover{
  transform:none !important;
}

.home-person:hover .home-person-photo{
  border-color:rgba(247,197,29,.42) !important;
  box-shadow:0 0 0 2px rgba(247,197,29,.07) !important;
}

.home-person:hover .home-person-photo img{
  transform:scale(1.065) !important;
  filter:brightness(1.045) contrast(1.02);
}

.home-person strong{
  transition:color .18s ease !important;
}

.home-person:hover strong{
  color:#f7c51d !important;
}


/* ---------------------------------------------------------
   EM ALTA / MAIS BEM AVALIADAS
   Poster aumenta dentro do frame.
   --------------------------------------------------------- */
.home-poster-card{
  transform:none !important;
}

.home-poster-image{
  overflow:hidden !important;
}

.home-poster-image img{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-poster-card:hover{
  transform:none !important;
}

.home-poster-card:hover .home-poster-image img{
  transform:scale(1.055) !important;
  filter:brightness(1.04) contrast(1.02);
}

.home-poster-card h3{
  transition:color .18s ease !important;
}

.home-poster-card:hover h3{
  color:#f7c51d !important;
}


/* ---------------------------------------------------------
   CHEGARAM AO CATÁLOGO
   Imagem aumenta, card não sai do lugar.
   --------------------------------------------------------- */
.home-landscape-card{
  transform:none !important;
}

.home-landscape-image{
  overflow:hidden !important;
}

.home-landscape-image img{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-landscape-card:hover{
  transform:none !important;
}

.home-landscape-card:hover .home-landscape-image img{
  transform:scale(1.055) !important;
  filter:brightness(1.045) contrast(1.02);
}

.home-landscape-card h3{
  transition:color .18s ease !important;
}

.home-landscape-card:hover h3{
  color:#f7c51d !important;
}


/* ---------------------------------------------------------
   NOTÍCIAS — matéria principal e thumbs laterais.
   --------------------------------------------------------- */
.home-news-main{
  transform:none !important;
}

.home-news-main img{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-news-main:hover{
  transform:none !important;
}

.home-news-main:hover img{
  transform:scale(1.045) !important;
  filter:brightness(1.035) contrast(1.02);
}

.home-news-story{
  transform:none !important;
}

.home-news-story-image{
  overflow:hidden !important;
}

.home-news-story-image img{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-news-story:hover{
  transform:none !important;
}

.home-news-story:hover .home-news-story-image img{
  transform:scale(1.065) !important;
  filter:brightness(1.04) contrast(1.02);
}


/* ---------------------------------------------------------
   HERO — dois destaques laterais.
   O card fica parado; somente a imagem interna aproxima.
   --------------------------------------------------------- */
.home-hero-side-card{
  transform:none !important;
}

.home-hero-side-bg{
  transform:scale(1) !important;
  transform-origin:center center;
  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.home-hero-side-card:hover{
  transform:none !important;
}

.home-hero-side-card:hover .home-hero-side-bg{
  transform:scale(1.055) !important;
  filter:brightness(1.035) contrast(1.02);
}


/* Sem movimento para quem prefere reduzir animações */
@media(prefers-reduced-motion:reduce){
  .home-time-card,
  .home-progress-image img,
  .home-person-photo img,
  .home-poster-image img,
  .home-landscape-image img,
  .home-news-main img,
  .home-news-story-image img,
  .home-hero-side-bg{
    transition:none !important;
  }
}



/* ========================================================================
   CSS CENTRALIZADO — SERIE.PHP
   Extraído do arquivo PHP para manter todo o visual em style.css.
   ======================================================================== */

/* --- Bloco originalmente em serie.php (1/7) --- */
/*
    |--------------------------------------------------------------------------
    | SÉRIE — MESMA RÉGUA VERTICAL DA PÁGINA DE PESSOA
    |--------------------------------------------------------------------------
    | Pessoa:
    |   hero-inner top: 28px
    |   voltar bottom: 22px
    |   conteúdo começa sem padding extra
    |   hero-inner bottom: 30px
    */
    .series-page-main{
      padding:0 !important;
      background:transparent !important;
    }

    .series-hero-inner{
      padding-top:28px !important;
      padding-bottom:30px !important;
    }

    .series-back{
      display:inline-flex !important;
      align-items:center !important;
      margin:0 0 22px !important;
      padding:0 !important;
      color:#7f8a8e !important;
      font-size:11px !important;
      line-height:1.4 !important;
      font-weight:800 !important;
      text-decoration:none !important;
      transition:color .18s ease;
    }

    .series-back:hover{
      color:#f7c51d !important;
    }

    .series-hero-inner .series-hero-backdrop{
      margin:0 !important;
      padding-top:0 !important;
      padding-bottom:0 !important;
      border:0 !important;
    }

    @media(max-width:768px){
      .series-hero-inner{
        padding-top:22px !important;
        padding-bottom:25px !important;
      }

      .series-back{
        margin-bottom:18px !important;
      }
    }

/* --- Bloco originalmente em serie.php (2/7) --- */
.series-status-control{
      position:relative;
      display:grid;
      grid-template-columns:minmax(180px,1fr) 78px;
      align-items:stretch;
      overflow:visible;
      border:1px solid rgba(255,255,255,.14);
      border-radius:7px;
      background:#090d0f;
    }

    .series-status-dropdown{
      position:relative;
      min-width:0;
    }

    .series-status-trigger{
      width:100%;
      height:48px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:0 14px 0 16px;
      border:0;
      border-radius:7px 0 0 7px;
      background:transparent;
      color:#eef1f2;
      font-size:11px;
      font-weight:900;
      cursor:pointer;
    }

    .series-status-trigger:hover{
      background:rgba(255,255,255,.025);
    }

    .series-status-trigger-value{
      min-width:0;
      display:flex;
      align-items:center;
      gap:9px;
    }

    .series-status-trigger-value > svg{
      width:14px;
      height:14px;
      flex:0 0 14px;
      color:#697478;
    }

    .series-status-trigger-value > span{
      min-width:0;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .series-status-chevron{
      width:15px;
      height:15px;
      flex:0 0 15px;
      color:#a2adb0;
      transition:transform .16s ease;
    }

    .series-status-dropdown.is-open .series-status-chevron{
      transform:rotate(180deg);
    }

    .series-status-menu{
      position:absolute;
      z-index:100;
      top:calc(100% + 7px);
      left:-1px;
      width:calc(100% + 1px);
      display:none;
      padding:6px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:8px;
      background:#0a0f11;
      box-shadow:0 14px 38px rgba(0,0,0,.45);
    }

    .series-status-dropdown.is-open .series-status-menu{
      display:grid;
      gap:2px;
    }

    .series-status-option{
      width:100%;
      min-height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:0 10px;
      border:0;
      border-radius:6px;
      background:transparent;
      color:#9ca7aa;
      font-size:10px;
      font-weight:800;
      text-align:left;
      cursor:pointer;
    }

    .series-status-option:hover{
      background:rgba(255,255,255,.045);
      color:#f0f2f2;
    }

    .series-status-option.is-selected{
      background:rgba(247,197,29,.10);
      color:#f7c51d;
    }

    .series-status-option-main{
      min-width:0;
      display:flex;
      align-items:center;
      gap:9px;
    }

    .series-status-option-main > svg{
      width:14px;
      height:14px;
      flex:0 0 14px;
      color:#697478;
    }

    .series-status-option.is-selected .series-status-option-main > svg{
      color:#f7c51d;
    }

    .series-status-option > svg{
      width:13px;
      height:13px;
      flex:0 0 13px;
    }

    .series-status-save{
      height:48px;
      margin:0;
      padding:0 12px;
      border:0;
      border-left:1px solid rgba(255,255,255,.10);
      border-radius:0 7px 7px 0;
      background:rgba(255,255,255,.025);
      color:#dfe4e5;
      font-size:11px;
      font-weight:900;
      cursor:pointer;
    }

    .series-status-save:hover{
      background:rgba(247,197,29,.08);
      color:#f7c51d;
    }

    @media(max-width:560px){
      .series-status-control{
        grid-template-columns:minmax(150px,1fr) 72px;
      }
    }

/* --- Bloco originalmente em serie.php (3/7) --- */
.series-seasons-list{
  display:grid;
  gap:12px;
}

.series-season{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#080c0e;
}

.series-season-head{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.series-season-head:hover{
  background:rgba(255,255,255,.018);
}

.series-season-title{
  min-width:0;
}

.series-season-kicker{
  display:block;
  color:#f7c51d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
}

.series-season-title strong{
  display:block;
  margin-top:5px;
  color:#edf0f0;
  font-size:15px;
  font-weight:900;
}

.series-season-side{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
}

.series-season-progress-compact{
  min-width:150px;
  display:grid;
  gap:6px;
}

.series-season-progress-label{
  color:#7b878b;
  font-size:10px;
  font-weight:750;
  text-align:right;
  white-space:nowrap;
}

.series-season-progress-mini{
  width:140px;
  height:3px;
  margin-left:auto;
  overflow:hidden;
  border-radius:3px;
  background:rgba(255,255,255,.07);
}

.series-season-progress-mini span{
  height:100%;
  display:block;
  border-radius:inherit;
  background:#f7c51d;
}
.series-season-complete{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#55d68d;
  font-size:10px;
  font-weight:900;
}

.series-season-complete svg{
  width:14px;
  height:14px;
}

.series-season-chevron{
  width:17px;
  height:17px;
  color:#738084;
  transition:transform .18s ease;
}

.series-season.is-open .series-season-chevron{
  transform:rotate(180deg);
}

.series-season-body{
  display:none;
  padding:0 12px 12px;
}

.series-season.is-open .series-season-body{
  display:block;
}

.series-season-body .editorial-card{
  border-color:rgba(255,255,255,.07);
  background:#05090a;
}

@media(max-width:700px){
  .series-season-head{
    align-items:flex-start;
    padding:14px;
  }

  .series-season-side{
    gap:8px;
  }

  .series-season-progress-compact,
  .series-season-complete{
    display:none;
  }

  .series-season-body{
    padding:0 8px 8px;
  }
}

/* --- Bloco originalmente em serie.php (4/7) --- */
/* =========================================================
   SÉRIE — HOVER DO ELENCO
   Zoom recortado dentro do círculo; card nunca se move.
   ========================================================= */
.people-strip .person-mini{
  transform:none !important;
}

.people-strip .person-mini-photo{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:50%;
  background:#111719;
}

.people-strip .person-mini-photo img,
.people-strip .person-mini-photo .person-home-placeholder{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border-radius:0 !important;
}

.people-strip .person-mini-photo img{
  object-fit:cover;
  object-position:center top;
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease;
}

.people-strip .person-mini-photo .person-home-placeholder{
  display:grid !important;
  place-items:center !important;
}

.people-strip .person-mini b{
  transition:color .18s ease;
}

.people-strip .person-mini:hover{
  transform:none !important;
}

.people-strip .person-mini:hover .person-mini-photo img{
  transform:scale(1.055);
  filter:brightness(1.045) contrast(1.02);
}

.people-strip .person-mini:hover b{
  color:#f7c51d;
}

@media(prefers-reduced-motion:reduce){
  .people-strip .person-mini-photo img{
    transition:none !important;
  }

  .people-strip .person-mini:hover .person-mini-photo img{
    transform:none !important;
  }
}

/* --- Bloco originalmente em serie.php (5/7) --- */
/* Reviews/comentários da série — mesmo padrão visual da página de pessoa */
.series-social-summary{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin-top:20px;
  padding:22px 0 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.series-social-score strong{
  display:block;
  color:#f7c51d;
  font-size:38px;
  line-height:1;
  font-weight:950;
}
.series-social-score span{
  display:block;
  margin-top:8px;
  color:#718086;
  font-size:12px;
}
.series-rating-bars{
  display:grid;
  gap:5px;
}
.series-rating-row{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 28px;
  gap:8px;
  align-items:center;
  color:#657277;
  font-size:10px;
}
.series-rating-track{
  height:5px;
  overflow:hidden;
  border-radius:3px;
  background:rgba(255,255,255,.06);
}
.series-rating-track span{
  height:100%;
  display:block;
  background:#f7c51d;
  border-radius:inherit;
}
.series-review-toggle{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(247,197,29,.45);
  border-radius:7px;
  background:rgba(247,197,29,.06);
  color:#f7c51d;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.series-review-toggle:hover{
  background:rgba(247,197,29,.11);
}
.series-review-collapsible{
  display:none;
  margin-top:18px;
}
.series-review-collapsible.is-open{
  display:block;
}
.series-review-form.review-user-box{
  margin:0;
  padding:18px;
}
.series-review-form .review-field textarea{
  min-height:140px;
  max-height:240px;
}
.series-review-list{
  margin-top:24px;
}
.series-review-entry{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 18px;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.series-review-author{
  display:flex;
  align-items:center;
  gap:10px;
}
.series-review-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:#111719;
  color:#c9d0d2;
  font-size:11px;
  font-weight:900;
}
.series-review-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.series-review-author strong{
  display:block;
  font-size:12px;
}
.series-review-author small{
  display:block;
  margin-top:2px;
  color:#6e797d;
  font-size:9px;
}
.series-review-entry .series-review-score{
  align-self:start;
  color:#f7c51d;
  font-size:14px;
  font-weight:900;
}
.series-review-entry h3{
  grid-column:1/-1;
  margin:10px 0 0;
  font-size:15px;
  font-weight:850;
}
.series-review-entry > p{
  grid-column:1/-1;
  max-width:900px;
  margin:5px 0 0;
  color:#aeb8bb;
  font-size:12px;
  line-height:1.7;
}
.series-editorial-review{
  margin-top:24px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.series-editorial-review .content-kicker{
  display:inline-block;
}
.series-editorial-review p{
  max-width:900px;
  color:#aeb8bb;
  font-size:12px;
  line-height:1.75;
}
.series-comment-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start !important;
  gap:10px;
  margin:18px 0 4px;
}
.series-comment-form .series-comment-field{
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}
.series-comment-form textarea{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  max-height:120px;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  outline:0;
  resize:vertical;
  background:#050809;
  color:#e4e8e9;
  font-size:12px;
  line-height:1.55;
}
.series-comment-form textarea:focus{
  border-color:rgba(247,197,29,.42);
}

.series-comment-form textarea:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.series-comment-submit{
  display:block !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
}
.series-comment-submit button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  vertical-align:top !important;
}
.series-comment-list{
  margin-top:18px;
}
.series-comment-entry{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  column-gap:12px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.series-comment-entry .comment-avatar{
  grid-column:1;
  grid-row:1 / span 2;
  width:36px;
  height:36px;
}
.series-comment-entry .series-comment-user{
  grid-column:2;
}
.series-comment-user strong{
  display:block;
  font-size:12px;
}
.series-comment-user small{
  display:block;
  margin-top:2px;
  color:#6e797d;
  font-size:9px;
}
.series-comment-entry .series-comment-body{
  grid-column:2;
  margin-top:3px;
  color:#b2bbbe;
  font-size:12px;
  line-height:1.65;
}
.series-comments-meta{
  color:#718086;
  font-size:11px;
}
@media(max-width:800px){
  .series-social-summary{
    grid-template-columns:1fr;
    gap:16px;
  }
  .series-social-score strong{
    font-size:32px;
  }
  .series-review-toggle{
    width:100%;
  }
  .series-comment-form{
    grid-template-columns:1fr;
  }
  .series-comment-submit button{
    width:100%;
  }
}

/* --- Bloco originalmente em serie.php (6/7) --- */
/* =========================================================
   SÉRIE — PADRÃO ÚNICO DE RAIO PARA CONTROLES RETANGULARES
   ========================================================= */
.series-page-main .btn-yellow,
.series-page-main .btn-dark,
.series-page-main .series-trailer-button,
.series-page-main [data-series-favorite-form] > button,
.series-page-main .series-review-toggle,
.series-page-main .episode-watched-button,
.series-page-main .review-submit-row button,
.series-page-main .series-comment-submit button,
.series-page-main .account-series-save,
.series-page-main .series-status-control{
  border-radius:7px !important;
}

/* Controle composto STATUS + SALVAR:
   somente as extremidades externas recebem arredondamento. */
.series-page-main .series-status-control{
  border-radius:7px !important;
  overflow:visible !important;
}

.series-page-main .series-status-trigger{
  border-radius:7px 0 0 7px !important;
}

.series-page-main .series-status-save{
  border-radius:0 7px 7px 0 !important;
}

/* O menu flutuante segue a mesma régua visual. */
.series-page-main .series-status-menu{
  border-radius:7px !important;
}

.series-page-main .series-status-option{
  border-radius:5px !important;
}

/* Campos que trabalham visualmente junto dos botões. */
.series-page-main .series-comment-form textarea{
  border-radius:7px !important;
}

.series-page-main .review-field input,
.series-page-main .review-field textarea{
  border-radius:7px !important;
}

/* Exceções intencionais: botões circulares continuam circulares. */
.series-trailer-close{
  border-radius:50% !important;
}

/* --- Bloco originalmente em serie.php (7/7) --- */
.series-trailer-button{
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.series-trailer-button:hover{
  border-color:rgba(247,197,29,.42) !important;
  background:rgba(247,197,29,.055) !important;
  color:#f7c51d !important;
}
.series-trailer-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(8px);
}
.series-trailer-modal.is-open{display:flex}
.series-trailer-dialog{
  width:min(1040px,100%);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#070b0d;
  box-shadow:0 30px 90px rgba(0,0,0,.65);
}
.series-trailer-head{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 14px 12px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.series-trailer-head strong{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:#eef1f2;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.series-trailer-close{
  position:relative;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  color:#8e999d;
  transition:color .18s ease,border-color .18s ease,background-color .18s ease;
}
.series-trailer-close:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.05);
  color:#f7c51d;
}
.series-trailer-close svg{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:18px !important;
  height:18px !important;
  transform:translate(-50%,-50%) !important;
}
.series-trailer-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}
.series-trailer-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
body.series-trailer-open{overflow:hidden}
@media(max-width:650px){
  .series-trailer-modal{padding:10px}
  .series-trailer-dialog{border-radius:9px}
  .series-trailer-head{min-height:58px;padding:10px 10px 10px 14px}
}



/* ========================================================================
   CSS CENTRALIZADO — SERIES.PHP
   Extraído do arquivo PHP para manter todo o visual em style.css.
   ======================================================================== */

/* --- Bloco originalmente em series.php (1/2) --- */
/* =========================================================
   SÉRIES — HOVER NO COVER, SEM MOVER O CARD
   ========================================================= */

.series-card{
  transform:none !important;
  overflow:hidden;
  transition:
    border-color .20s ease,
    box-shadow .20s ease,
    background-color .20s ease !important;
}

.series-card-media{
  position:relative;
  width:100%;
  aspect-ratio:.72;
  overflow:hidden;
  background:#0b1012;
}

.series-card-media > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.series-card:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.34) !important;
  background:#0a1012 !important;
}

.series-card:hover .series-card-media > img{
  transform:scale(1.055);
  filter:brightness(1.04) contrast(1.02);
}

.series-card .card-title{
  transition:color .18s ease !important;
}

.series-card:hover .card-title{
  color:#f7c51d !important;
}

.series-card-media .series-cover-empty{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  transition:
    filter .22s ease,
    background .22s ease !important;
}

.series-card:hover .series-cover-empty{
  filter:brightness(1.08);
  background:linear-gradient(145deg,#152022,#0a1012) !important;
}

@media(prefers-reduced-motion:reduce){
  .series-card,
  .series-card-media > img,
  .series-cover-empty{
    transition:none !important;
  }

  .series-card:hover .series-card-media > img{
    transform:none !important;
  }
}

/* --- Bloco originalmente em series.php (2/2) --- */
/* =========================================================
   SÉRIES — TOPO / CENTRAL DE DESCOBERTA
   ========================================================= */
.series-compact-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

.series-compact-copy{
  max-width:850px;
}

.series-compact-copy .page-title{
  margin-top:10px !important;
  font-size:44px;
  line-height:1.02;
}

.series-compact-copy .page-intro{
  max-width:760px;
  margin-top:11px !important;
  font-size:16px;
  line-height:1.62;
}

.series-discovery-tools{
  margin:0 !important;
  padding:18px 0 16px;
}

.series-filter-commandbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.series-primary-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.series-primary-filters .filter-chip{
  min-height:40px;
  padding:0 14px;
}

.series-command-search{
  width:min(430px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-left:auto;
}

.series-command-search .series-search-field{
  width:100%;
}

.series-command-search .series-search-field input{
  height:40px;
}

.series-command-search .series-search-submit{
  height:40px;
  padding:0 14px;
}

.series-command-clear{
  height:40px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#090e10;
  color:#7f8a8e;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}

.series-command-clear svg{
  width:13px;
  height:13px;
}

.series-command-clear:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.05);
  color:#f7c51d;
}

.series-advanced-filters{
  margin-top:0;
  padding:10px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.series-results-summary{
  margin:16px 0 15px !important;
}

@media(max-width:1050px){
  .series-filter-commandbar{
    align-items:stretch;
    flex-wrap:wrap;
  }

  .series-command-search{
    width:min(100%,520px);
    margin-left:auto;
  }

  .series-advanced-filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .series-filter-commandbar{
    display:grid;
    grid-template-columns:1fr;
  }

  .series-primary-filters{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .series-primary-filters::-webkit-scrollbar{
    display:none;
  }

  .series-command-search{
    width:100%;
    margin-left:0;
  }

  .series-command-clear{
    width:max-content;
  }
}

@media(max-width:650px){
  .series-compact-hero{
    padding:28px 0 22px;
  }

  .series-compact-copy .page-title{
    font-size:36px;
  }

  .series-compact-copy .page-intro{
    font-size:15px;
  }

  .series-command-search{
    grid-template-columns:1fr;
  }

  .series-command-search .series-search-submit,
  .series-command-clear{
    width:100%;
  }

  .series-advanced-filters{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   FILTROS — DROPDOWNS CUSTOMIZADOS
   ========================================================= */
.series-custom-select{
  position:relative;
  min-width:0;
}

.series-custom-select-trigger{
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 38px 0 12px;
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#050809;
  color:#dfe4e5;
  text-align:left;
  cursor:pointer;
  transition:
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease;
}

.series-custom-select-trigger:hover{
  border-color:rgba(255,255,255,.18);
  background:#070b0d;
}

.series-custom-select.is-open .series-custom-select-trigger{
  border-color:rgba(247,197,29,.52);
  box-shadow:0 0 0 2px rgba(247,197,29,.05);
}

.series-custom-select-trigger > svg:first-child{
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:#697478;
}

.series-custom-select-value{
  min-width:0;
  overflow:hidden;
  color:#e4e8e9;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.series-custom-select-chevron{
  position:absolute;
  top:50%;
  right:11px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
  transition:
    transform .18s ease,
    color .18s ease;
}

.series-custom-select.is-open .series-custom-select-chevron{
  color:#f7c51d;
  transform:translateY(-50%) rotate(180deg);
}

.series-custom-select-menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 7px);
  left:0;
  right:0;
  display:none;
  max-height:310px;
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:#0a0f11;
  box-shadow:0 18px 50px rgba(0,0,0,.52);
  scrollbar-width:thin;
  scrollbar-color:#303a3e transparent;
}

.series-custom-select.is-open .series-custom-select-menu{
  display:block;
}

.series-custom-select-option{
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:6px;
  color:#b9c2c5;
  font-size:11px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:
    color .14s ease,
    background-color .14s ease;
}

.series-custom-select-option:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.series-custom-select-option.is-selected{
  background:rgba(247,197,29,.09);
  color:#f7c51d;
}

.series-custom-select-option svg{
  width:14px;
  height:14px;
  color:#f7c51d;
  opacity:0;
}

.series-custom-select-option.is-selected svg{
  opacity:1;
}

.series-custom-select-menu::-webkit-scrollbar{
  width:7px;
}

.series-custom-select-menu::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:#303a3e;
}

.series-custom-select-menu::-webkit-scrollbar-track{
  background:transparent;
}

@media(max-width:650px){
  .series-custom-select-menu{
    max-height:260px;
  }
}



/* ========================================================================
   CSS CENTRALIZADO — PESSOA.PHP
   Extraído do arquivo PHP para manter todo o visual em style.css.
   ======================================================================== */

/* --- Bloco originalmente em pessoa.php (1/2) --- */
/* =========================================================
   PESSOA — DETALHE V2
   ========================================================= */
.person-page-main{
  background:transparent !important;
}

.person-hero-full{
  min-height:0 !important;
  border-bottom:0 !important;
  background:
    radial-gradient(circle at 83% 18%,rgba(247,197,29,.022),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent) !important;
}

.person-hero-full::before,
.person-hero-full::after{
  display:none !important;
  content:none !important;
}

.person-hero-inner{
  padding-top:28px !important;
  padding-bottom:30px !important;
}

.person-back{
  display:inline-flex;
  align-items:center;
  margin-bottom:22px !important;
  color:#7f8a8e !important;
  font-size:11px !important;
  font-weight:800 !important;
  transition:color .18s ease;
}

.person-back:hover{
  color:#f7c51d !important;
}

.person-head{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:38px !important;
  align-items:start !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
}

.person-photo{
  width:220px !important;
  height:295px !important;
  aspect-ratio:auto !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:10px !important;
  background:#0b1012 !important;
}

.person-photo-empty{
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  color:#7f8a8e !important;
  font-size:56px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}

.person-kicker{
  margin-top:2px !important;
  color:#f7c51d !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.person-name{
  margin-top:9px !important;
  color:#f4f6f6 !important;
  font-size:44px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

.person-favorite-action{
  margin-top:18px !important;
}

.person-favorite-button{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:7px !important;
  font-size:10px !important;
}

.person-bio-wrap{
  max-width:920px;
  margin-top:22px;
}

.person-bio{
  max-width:920px !important;
  margin:0 !important;
  color:#a7b0b3 !important;
  font-size:14px !important;
  line-height:1.72 !important;
}

.person-bio.is-collapsible:not(.is-expanded){
  overflow:hidden !important;
}

.person-bio.is-collapsible.is-expanded{
  overflow:visible !important;
  max-height:none !important;
  height:auto !important;
}


.person-bio-toggle[hidden]{
  display:none !important;
}

.person-bio-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:auto;
  margin-top:9px;
  padding:0;
  border:0;
  background:transparent;
  color:#f7c51d;
  font-size:11px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.025em;
  cursor:pointer;
  transition:color .18s ease;
}

.person-bio-toggle:hover{
  color:#ffe071;
}

.person-bio-toggle svg{
  width:14px;
  height:14px;
  transition:transform .18s ease;
}

.person-bio-toggle.is-expanded svg{
  transform:rotate(180deg);
}

.person-facts{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px 28px !important;
  max-width:860px !important;
  margin-top:24px !important;
  padding:0 !important;
  border:0 !important;
}

.person-fact{
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.person-fact span{
  display:block !important;
  margin-bottom:5px !important;
  color:#687478 !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

.person-fact b{
  display:block !important;
  color:#e5e9e9 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

.person-page-content{
  padding-top:30px !important;
  padding-bottom:42px !important;
  border-top:0 !important;
  background:transparent !important;
}

.person-page-content::before,
.person-page-content::after{
  display:none !important;
  content:none !important;
}

.person-section{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.person-known-section{
  padding-bottom:30px !important;
}

.person-section-heading-clean{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:15px;
}

.person-section-heading-clean .section-title{
  margin-bottom:0;
}

.person-section-heading-clean h2{
  margin-top:6px !important;
  color:#f0f3f3 !important;
  font-size:24px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

.person-section-heading-clean p{
  margin-top:6px;
  color:#758084;
  font-size:11px;
  line-height:1.5;
}

.person-credit-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
}

.person-credit-card{
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  background:#080d0f !important;
  transform:none !important;
  transition:border-color .18s ease,background-color .18s ease !important;
}

.person-credit-card:hover{
  border-color:rgba(247,197,29,.28) !important;
  background:#0a1012 !important;
  transform:none !important;
}

.person-credit-media{
  position:relative;
  width:100%;
  aspect-ratio:.70;
  overflow:hidden;
  background:#0c1214;
}

.person-credit-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transform:scale(1) !important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .22s ease !important;
}

.person-credit-card:hover .person-credit-media img{
  transform:scale(1.045) !important;
  filter:brightness(1.035);
}

.person-credit-body{
  padding:13px !important;
}

.person-credit-body h3{
  margin:0 !important;
  color:#eef1f1 !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  transition:color .18s ease;
}

.person-credit-card:hover .person-credit-body h3{
  color:#f7c51d !important;
}

.person-credit-year{
  margin-top:6px;
  color:#718086;
  font-size:10px;
  line-height:1.3;
}

.person-credit-work{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.person-credit-role{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:5px;
  background:#0d1416;
  color:#a9b3b6;
  font-size:9px;
  line-height:1;
  font-weight:850;
}

.person-credit-character{
  border-color:rgba(247,197,29,.18);
  color:#d6bd66;
}

@media(max-width:1200px){
  .person-credit-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .person-head{
    grid-template-columns:170px minmax(0,1fr) !important;
    gap:26px !important;
  }

  .person-photo{
    width:170px !important;
    height:230px !important;
  }

  .person-photo-empty{
    font-size:44px !important;
  }

  .person-name{
    font-size:38px !important;
  }

  .person-credit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  .person-hero-inner{
    padding-top:22px !important;
    padding-bottom:25px !important;
  }

  .person-head{
    grid-template-columns:118px minmax(0,1fr) !important;
    gap:17px !important;
  }

  .person-photo{
    width:118px !important;
    height:160px !important;
    border-radius:8px !important;
  }

  .person-photo-empty{
    font-size:34px !important;
  }

  .person-name{
    font-size:30px !important;
  }

  .person-facts{
    grid-template-columns:1fr !important;
    gap:11px !important;
    margin-top:18px !important;
  }

  .person-bio{
    grid-column:1/-1;
    font-size:12px !important;
  }

  .person-page-content{
    padding-top:24px !important;
  }

  .person-credit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .person-credit-body{
    padding:11px !important;
  }

  .person-credit-body h3{
    font-size:12px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .person-credit-media img{
    transition:none !important;
  }

  .person-credit-card:hover .person-credit-media img{
    transform:none !important;
  }
}

/* --- Bloco originalmente em pessoa.php (2/2) --- */
/* =========================================================
   COMENTÁRIOS — MESMO COMPONENTE DA PÁGINA DE SÉRIE
   ========================================================= */

.series-comment-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start !important;
  gap:10px;
  margin:18px 0 4px;
}

.series-comment-form .series-comment-field{
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

.series-comment-form textarea{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  max-height:120px;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  outline:0;
  resize:vertical;
  background:#050809;
  color:#e4e8e9;
  font-size:12px;
  line-height:1.55;
}

.series-comment-form textarea:focus{
  border-color:rgba(247,197,29,.42);
}

.series-comment-form textarea:disabled{
  opacity:.72;
  cursor:not-allowed;
}

.series-comment-submit{
  display:block !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
}

.series-comment-submit button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  vertical-align:top !important;
}

.series-comment-list{
  margin-top:18px;
}

.series-comment-entry{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  column-gap:12px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.series-comment-entry .comment-avatar{
  grid-column:1;
  grid-row:1 / span 2;
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
}

.series-comment-entry .comment-avatar-empty{
  display:grid;
  place-items:center;
  background:#151d20;
  color:#dfe4e5;
  font-size:11px;
  font-weight:900;
}

.series-comment-entry .series-comment-user{
  grid-column:2;
}

.series-comment-user strong{
  display:block;
  font-size:12px;
}

.series-comment-user small{
  display:block;
  margin-top:2px;
  color:#6e797d;
  font-size:9px;
}

.series-comment-entry .series-comment-body{
  grid-column:2;
  margin-top:3px;
  color:#b2bbbe;
  font-size:12px;
  line-height:1.65;
}

.series-comments-meta{
  color:#718086;
  font-size:11px;
}

@media(max-width:800px){
  .series-comment-form{
    grid-template-columns:1fr;
  }

  .series-comment-submit button{
    width:100%;
  }
}

/* =========================================================
   PESSOA — MESMO PADRÃO DE RAIO DA PÁGINA DE SÉRIE
   ========================================================= */
.person-page-main .series-comment-submit button{
  border-radius:7px !important;
}

.person-page-main .series-comment-form textarea{
  border-radius:7px !important;
}

.person-page-main .person-favorite-button{
  border-radius:7px !important;
}



/* ========================================================================
   CSS CENTRALIZADO — PESSOAS.PHP
   Extraído do arquivo PHP para manter todo o visual em style.css.
   ======================================================================== */

/* --- Bloco originalmente em pessoas.php (1/2) --- */
/* =========================================================
   PESSOAS — HOVER NA FOTO, SEM MOVER O CARD
   ========================================================= */

.series-card{
  transform:none !important;
  overflow:hidden;
  transition:
    border-color .20s ease,
    background-color .20s ease !important;
}

.person-card-media{
  position:relative;
  width:100%;
  aspect-ratio:.72;
  overflow:hidden;
  background:#0b1012;
}

.person-card-media > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.series-card:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.34) !important;
  background:#0a1012 !important;
}

.series-card:hover .person-card-media > img{
  transform:scale(1.055);
  filter:brightness(1.04) contrast(1.02);
}

.series-card .card-title{
  transition:color .18s ease !important;
}

.series-card:hover .card-title{
  color:#f7c51d !important;
}

.person-card-media .series-cover-empty{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  transition:
    filter .22s ease,
    background .22s ease !important;
}

.series-card:hover .series-cover-empty{
  filter:brightness(1.08);
  background:linear-gradient(145deg,#152022,#0a1012) !important;
}

@media(prefers-reduced-motion:reduce){
  .series-card,
  .person-card-media > img,
  .series-cover-empty{
    transition:none !important;
  }

  .series-card:hover .person-card-media > img{
    transform:none !important;
  }
}

/* --- Bloco originalmente em pessoas.php (2/2) --- */
/* =========================================================
   PESSOAS — TOPO / CENTRAL DE DESCOBERTA
   ========================================================= */
.people-compact-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

.people-compact-copy{
  max-width:850px;
}

.people-compact-copy .page-title{
  margin-top:10px !important;
  font-size:44px;
  line-height:1.02;
}

.people-compact-copy .page-intro{
  max-width:760px;
  margin-top:11px !important;
  font-size:16px;
  line-height:1.62;
}

.people-discovery-tools{
  margin:0 !important;
  padding:18px 0 16px;
}

.people-filter-commandbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.people-primary-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.people-primary-filters .filter-chip{
  min-height:40px;
  padding:0 14px;
}

.people-command-search{
  width:min(430px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-left:auto;
}

.people-command-search .series-search-field{
  width:100%;
}

.people-command-search .series-search-field input{
  height:40px;
}

.people-command-search .series-search-submit{
  height:40px;
  padding:0 14px;
}

.people-command-clear{
  height:40px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#090e10;
  color:#7f8a8e;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.people-command-clear svg{
  width:13px;
  height:13px;
}

.people-command-clear:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.05);
  color:#f7c51d;
}

.people-advanced-filters{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#080c0e;
}

.people-select-control{
  min-width:0;
  display:block;
}

.people-select-control > span{
  display:block;
  margin:0 0 7px;
  color:#667176;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.people-results-head{
  margin:16px 0 15px !important;
}

/* =========================================================
   PESSOAS — DROPDOWN CUSTOMIZADO
   ========================================================= */
.people-custom-select{
  position:relative;
  min-width:0;
}

.people-custom-select-trigger{
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  padding:0 38px 0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#050809;
  color:#dfe4e5;
  text-align:left;
  cursor:pointer;
  transition:
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease;
}

.people-custom-select-trigger:hover{
  border-color:rgba(255,255,255,.18);
  background:#070b0d;
}

.people-custom-select.is-open .people-custom-select-trigger{
  border-color:rgba(247,197,29,.52);
  box-shadow:0 0 0 2px rgba(247,197,29,.05);
}

.people-custom-select-trigger > svg:first-child{
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:#697478;
}

.people-custom-select-value{
  min-width:0;
  overflow:hidden;
  color:#e4e8e9;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.people-custom-select-chevron{
  position:absolute;
  top:50%;
  right:11px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
  transition:
    transform .18s ease,
    color .18s ease;
}

.people-custom-select.is-open .people-custom-select-chevron{
  color:#f7c51d;
  transform:translateY(-50%) rotate(180deg);
}

.people-custom-select-menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 7px);
  left:0;
  right:0;
  display:none;
  max-height:310px;
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:#0a0f11;
  box-shadow:0 18px 50px rgba(0,0,0,.52);
}

.people-custom-select.is-open .people-custom-select-menu{
  display:block;
}

.people-custom-select-option{
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:6px;
  color:#b9c2c5;
  font-size:11px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:
    color .14s ease,
    background-color .14s ease;
}

.people-custom-select-option:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.people-custom-select-option.is-selected{
  background:rgba(247,197,29,.09);
  color:#f7c51d;
}

.people-custom-select-option svg{
  width:14px;
  height:14px;
  color:#f7c51d;
  opacity:0;
}

.people-custom-select-option.is-selected svg{
  opacity:1;
}

@media(max-width:1050px){
  .people-filter-commandbar{
    align-items:stretch;
    flex-wrap:wrap;
  }

  .people-command-search{
    width:min(100%,520px);
    margin-left:auto;
  }
}

@media(max-width:760px){
  .people-filter-commandbar{
    display:grid;
    grid-template-columns:1fr;
  }

  .people-primary-filters{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .people-primary-filters::-webkit-scrollbar{
    display:none;
  }

  .people-command-search{
    width:100%;
    margin-left:0;
  }

  .people-command-clear{
    width:max-content;
  }
}

@media(max-width:650px){
  .people-compact-hero{
    padding:28px 0 22px;
  }

  .people-compact-copy .page-title{
    font-size:36px;
  }

  .people-compact-copy .page-intro{
    font-size:15px;
  }

  .people-command-search{
    grid-template-columns:1fr;
  }

  .people-command-search .series-search-submit,
  .people-command-clear{
    width:100%;
  }

  .people-custom-select-menu{
    max-height:260px;
  }
}


/* ==========================================================================
   EPISÓDICO — HEADER / FOOTER
   --------------------------------------------------------------------------
   Estilos centralizados de header.php e footer.php.
   Não adicionar novos <style> nesses arquivos PHP.
   ========================================================================== */

/* =========================================================
   HEADER — ESTRUTURA COMPLEMENTAR
   ========================================================= */

.episodico-header-logo{
  display:block;
  width:auto;
  height:54px;
}

/* --- HEADER.PHP — bloco 1/1 --- */
/* =========================================================
   HEADER — MENU DA CONTA
   ========================================================= */
.header-account-dropdown{
  position:relative;
}

.header-account-trigger{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:4px 8px 4px 5px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.header-account-trigger:hover,
.header-account-dropdown.is-open .header-account-trigger{
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}

.header-account-chevron{
  width:14px;
  height:14px;
  color:#6f797d;
  transition:
    transform .18s ease,
    color .18s ease;
}

.header-account-dropdown.is-open .header-account-chevron{
  color:#f7c51d;
  transform:rotate(180deg);
}

.header-account-menu{
  position:absolute;
  z-index:100;
  top:calc(100% + 10px);
  right:0;
  width:238px;
  display:none;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:#0a0f11;
  box-shadow:0 20px 55px rgba(0,0,0,.48);
}

.header-account-dropdown.is-open .header-account-menu{
  display:block;
}

.header-account-menu-head{
  padding:14px 15px 12px;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.header-account-menu-head strong{
  display:block;
  overflow:hidden;
  color:#edf1f1;
  font-size:12px;
  line-height:1.3;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.header-account-menu-head span{
  display:block;
  overflow:hidden;
  margin-top:4px;
  color:#6f7a7e;
  font-size:10px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.header-account-menu-links{
  padding:6px;
}

.header-account-menu-footer{
  padding:6px;
  border-top:1px solid rgba(255,255,255,.065);
}

.header-account-menu-item{
  width:100%;
  min-height:39px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border-radius:6px;
  color:#aeb7ba;
  font-size:11px;
  font-weight:800;
  text-align:left;
  transition:
    color .15s ease,
    background-color .15s ease;
}

.header-account-menu-item svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#667176;
  transition:color .15s ease;
}

.header-account-menu-item:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.header-account-menu-item:hover svg{
  color:#f7c51d;
}

.header-account-menu-logout{
  border:0;
  background:transparent;
  cursor:pointer;
}

.header-account-menu-logout:hover{
  color:#f1b4b4;
}

.header-account-menu-logout:hover svg{
  color:#d88f8f;
}

@media(max-width:767px){
  .header-account-name{
    display:none;
  }

  .header-account-chevron{
    display:none;
  }

  .header-account-trigger{
    min-width:42px;
    width:42px;
    height:42px;
    justify-content:center;
    padding:3px;
    border-radius:50%;
  }

  .header-account-menu{
    right:-48px;
    width:min(238px,calc(100vw - 24px));
  }
}

/* =========================================================
   FOOTER — AJUSTES DE MARCA
   ========================================================= */

.episodico-footer-brand-link{
  margin-top:0 !important;
}

/* --- FOOTER.PHP — bloco 1/2 --- */
.episodico-footer{
  border-top:1px solid rgba(255,255,255,.075);
  background:
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 18%),
    #050809;
}

.episodico-footer-inner{
  padding-top:34px;
  padding-bottom:22px;
}

.episodico-footer-top{
  display:grid;
  grid-template-columns:minmax(250px,1.1fr) minmax(430px,1.7fr) minmax(300px,.95fr);
  gap:44px;
  align-items:start;
}

.episodico-footer-brand{
  min-width:0;
}

.episodico-footer-logo{
  width:auto;
  height:48px;
  display:block;
}

.episodico-footer-tagline{
  margin-top:13px;
  color:#b1babd;
  font-size:14px;
  line-height:1.5;
}

.episodico-footer-brand-copy{
  max-width:315px;
  margin-top:9px;
  color:#6f7a7e;
  font-size:12px;
  line-height:1.65;
}

.episodico-footer-social{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:17px;
  display: none;
}

.episodico-social-link{
  position:relative;
  width:38px;
  height:38px;
  display:block;
  flex:0 0 38px;
  padding:0;
  line-height:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  background:transparent;
  color:#7f898d;
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

.episodico-social-link:hover{
  border-color:rgba(247,197,29,.40);
  background:rgba(247,197,29,.045);
  color:#f7c51d;
}

.episodico-social-link svg{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:21px !important;
  height:21px !important;
  display:block !important;
  margin:0 !important;
  flex:none !important;
  transform:translate(-50%,-50%) !important;
}

.episodico-footer-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.episodico-footer-nav-group{
  min-width:0;
}

.episodico-footer-heading{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}

.episodico-footer-heading > span{
  width:3px;
  height:14px;
  flex:0 0 3px;
  border-radius:2px;
  background:#f7c51d;
}

.episodico-footer-heading h4{
  margin:0 !important;
  color:#f1f3f3;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.episodico-footer-nav nav{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.episodico-footer-nav a{
  color:#a7b0b3;
  font-size:13px;
  line-height:1.45;
  transition:color .18s ease;
}

.episodico-footer-nav a:hover{
  color:#f7c51d;
}

.episodico-footer-newsletter{
  min-width:0;
}

.episodico-footer-newsletter h3{
  margin:0;
  color:#edf0f1;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.015em;
}

.episodico-footer-newsletter > p{
  margin-top:8px;
  color:#8d989c;
  font-size:12px;
  line-height:1.6;
}

.episodico-footer-newsletter-form{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  margin-top:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#080c0e;
  transition:border-color .18s ease;
}

.episodico-footer-newsletter-form:focus-within{
  border-color:rgba(247,197,29,.42);
}

.episodico-footer-newsletter-form input{
  min-width:0;
  height:42px;
  padding:0 14px;
  border:0;
  outline:0;
  background:transparent;
  color:#eef1f2;
  font-size:12px;
}

.episodico-footer-newsletter-form input::placeholder{
  color:#596469;
}

.episodico-footer-newsletter-form button{
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  border-left:1px solid rgba(255,255,255,.09);
  color:#f7c51d;
  font-size:10px;
  font-weight:950;
  transition:
    background-color .18s ease,
    color .18s ease;
}

.episodico-footer-newsletter-form button:hover{
  background:rgba(247,197,29,.06);
  color:#ffe06a;
}

.episodico-footer-newsletter-form button svg{
  width:14px;
  height:14px;
}

.episodico-footer-newsletter small{
  display:block;
  margin-top:8px;
  color:#5f6a6e;
  font-size:10px;
}

.episodico-footer-discovery{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:28px;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.065);
  border-bottom:1px solid rgba(255,255,255,.065);
}

.episodico-footer-discovery > div:first-child{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}

.episodico-footer-discovery-label{
  color:#f7c51d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.episodico-footer-discovery strong{
  color:#dce1e2;
  font-size:13px;
  font-weight:850;
}

.episodico-footer-discovery-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
}

.episodico-footer-discovery-links a{
  position:relative;
  color:#8d989c;
  font-size:11px;
  font-weight:800;
  transition:color .18s ease;
}

.episodico-footer-discovery-links a:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-10px;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#4f595d;
}

.episodico-footer-discovery-links a:hover{
  color:#f7c51d;
}

.episodico-footer-bottom{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.065);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:17px;
}

.episodico-footer-bottom p{
  color:#5f696d;
  font-size:11px;
}

.episodico-footer-bottom p strong{
  color:#7f898d;
  font-weight:800;
}

.episodico-footer-bottom > div{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
}

.episodico-footer-bottom a{
  color:#697478;
  font-size:11px;
  transition:color .18s ease;
}

.episodico-footer-bottom a:hover{
  color:#b8c0c3;
}

@media(max-width:1180px){
  .episodico-footer-top{
    grid-template-columns:1fr 1.5fr;
  }

  .episodico-footer-newsletter{
    grid-column:1 / -1;
    max-width:520px;
  }
}

@media(max-width:820px){
  .episodico-footer-top{
    grid-template-columns:1fr;
    gap:30px;
  }

  .episodico-footer-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .episodico-footer-newsletter{
    grid-column:auto;
  }

  .episodico-footer-discovery{
    align-items:flex-start;
    flex-direction:column;
  }

  .episodico-footer-discovery-links{
    justify-content:flex-start;
  }

  .episodico-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }

  .episodico-footer-bottom > div{
    justify-content:flex-start;
  }
}

@media(max-width:560px){
  .episodico-footer-inner{
    padding-top:28px;
  }

  .episodico-footer-nav{
    grid-template-columns:1fr 1fr;
    gap:26px 22px;
  }

  .episodico-footer-nav-group:last-child{
    grid-column:1 / -1;
  }

  .episodico-footer-discovery > div:first-child{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .episodico-footer-discovery-links{
    gap:11px 17px;
  }

  .episodico-footer-bottom > div{
    gap:10px 16px;
  }
}

/* --- FOOTER.PHP — bloco 2/2 --- */
#scrollTopBtn{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:60;

  width:46px;
  height:46px;

  display:none;
  align-items:center;
  justify-content:center;

  padding:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;

  background:rgba(11,17,19,.96);
  color:#aab3b6;

  box-shadow:0 10px 30px rgba(0,0,0,.32);
  backdrop-filter:blur(10px);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translateY(8px);

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease,
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

#scrollTopBtn.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

#scrollTopBtn:hover{
  color:#f7c51d;
  border-color:rgba(247,197,29,.42);
  background:#101719;
}

#scrollTopBtn svg{
  width:19px;
  height:19px;
}

@media(min-width:1024px){
  #scrollTopBtn{
    display:flex;
  }
}

@media(max-width:1023px){
  #scrollTopBtn{
    display:none !important;
  }
}


/* ==========================================================================
   EPISÓDICO — NOTÍCIAS
   --------------------------------------------------------------------------
   Estilos centralizados de noticias.php / noticia.php.
   Não adicionar novos <style> nesses arquivos PHP.
   ========================================================================== */

/* --- NOTICIAS.PHP — bloco 1/1 --- */
/* =========================================================
   NOTÍCIAS — MESMA LINGUAGEM DE SÉRIES / PESSOAS
   ========================================================= */
.news-compact-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

.news-compact-copy{
  max-width:850px;
}

.news-compact-copy .page-title{
  margin-top:10px !important;
  font-size:44px;
  line-height:1.02;
}

.news-compact-copy .page-intro{
  max-width:760px;
  margin-top:11px !important;
  font-size:16px;
  line-height:1.62;
}

.news-page-main .series-discovery-tools{
  margin:0 !important;
  padding:18px 0 16px;
}

.news-page-main .series-filter-commandbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.news-page-main .series-primary-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.news-page-main .series-primary-filters .filter-chip{
  min-height:40px;
  padding:0 14px;
}

.news-page-main .series-command-search{
  width:min(430px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-left:auto;
}

.news-page-main .series-command-search .series-search-field{
  width:100%;
}

.news-page-main .series-command-search .series-search-field input{
  height:40px;
}

.news-page-main .series-command-search .series-search-submit{
  height:40px;
  padding:0 14px;
}

.news-page-main .series-command-clear{
  height:40px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#090e10;
  color:#7f8a8e;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.news-page-main .series-command-clear svg{
  width:13px;
  height:13px;
}

.news-page-main .series-command-clear:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.05);
  color:#f7c51d;
}

.news-page-main .series-advanced-filters{
  margin-top:0;
  padding:10px !important;
  display:grid !important;
  grid-template-columns:1fr;
  gap:9px;
}

.news-page-main .series-custom-select{
  position:relative;
  min-width:0;
}

.news-page-main .series-custom-select-trigger{
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 38px 0 12px;
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#050809;
  color:#dfe4e5;
  text-align:left;
  cursor:pointer;
  transition:
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease;
}

.news-page-main .series-custom-select-trigger:hover{
  border-color:rgba(255,255,255,.18);
  background:#070b0d;
}

.news-page-main .series-custom-select.is-open .series-custom-select-trigger{
  border-color:rgba(247,197,29,.52);
  box-shadow:0 0 0 2px rgba(247,197,29,.05);
}

.news-page-main .series-custom-select-trigger > svg:first-child{
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:#697478;
}

.news-page-main .series-custom-select-value{
  min-width:0;
  overflow:hidden;
  color:#e4e8e9;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.news-page-main .series-custom-select-chevron{
  position:absolute;
  top:50%;
  right:11px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
  transition:
    transform .18s ease,
    color .18s ease;
}

.news-page-main .series-custom-select.is-open .series-custom-select-chevron{
  color:#f7c51d;
  transform:translateY(-50%) rotate(180deg);
}

.news-page-main .series-custom-select-menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 7px);
  left:0;
  right:0;
  display:none;
  max-height:310px;
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:#0a0f11;
  box-shadow:0 18px 50px rgba(0,0,0,.52);
  scrollbar-width:thin;
  scrollbar-color:#303a3e transparent;
}

.news-page-main .series-custom-select.is-open .series-custom-select-menu{
  display:block;
}

.news-page-main .series-custom-select-option{
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:6px;
  color:#b9c2c5;
  font-size:11px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:
    color .14s ease,
    background-color .14s ease;
}

.news-page-main .series-custom-select-option:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.news-page-main .series-custom-select-option.is-selected{
  background:rgba(247,197,29,.09);
  color:#f7c51d;
}

.news-page-main .series-custom-select-option svg{
  width:14px;
  height:14px;
  color:#f7c51d;
  opacity:0;
}

.news-page-main .series-custom-select-option.is-selected svg{
  opacity:1;
}

.news-page-main .series-custom-select-menu::-webkit-scrollbar{
  width:7px;
}

.news-page-main .series-custom-select-menu::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:#303a3e;
}

.news-page-main .series-custom-select-menu::-webkit-scrollbar-track{
  background:transparent;
}

.news-results-head{
  margin-top:18px;
}

@media(max-width:1050px){
  .news-page-main .series-filter-commandbar{
    align-items:stretch;
    flex-wrap:wrap;
  }

  .news-page-main .series-command-search{
    width:min(100%,520px);
    margin-left:auto;
  }
}

@media(max-width:760px){
  .news-page-main .series-filter-commandbar{
    display:grid;
    grid-template-columns:1fr;
  }

  .news-page-main .series-primary-filters{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .news-page-main .series-primary-filters::-webkit-scrollbar{
    display:none;
  }

  .news-page-main .series-command-search{
    width:100%;
    margin-left:0;
  }

  .news-page-main .series-command-clear{
    width:max-content;
  }
}

@media(max-width:650px){
  .news-compact-hero{
    padding:28px 0 22px;
  }

  .news-compact-copy .page-title{
    font-size:36px;
  }

  .news-compact-copy .page-intro{
    font-size:15px;
  }

  .news-page-main .series-command-search{
    grid-template-columns:1fr;
  }

  .news-page-main .series-command-search .series-search-submit,
  .news-page-main .series-command-clear{
    width:100%;
  }

  .news-page-main .series-custom-select-menu{
    max-height:260px;
  }
}


/* =========================================================
   EPISÓDICO — NOTÍCIAS: DESTAQUE EM BOX + ZOOM NAS IMAGENS
   Escopo exclusivo da página/listagem e dos cards de notícias.
   ========================================================= */

/* Destaque principal agora forma um único box */
.news-page-main .news-featured-main{
  gap:0;
  padding-bottom:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:#080c0e;
}

.news-page-main .news-featured-image-wrap{
  overflow:hidden;
  border-radius:0;
}

.news-page-main .news-featured-copy{
  padding:28px;
}

/* Mesmo tipo de aproximação usado nas notícias da home */
.news-page-main .news-featured-image{
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    filter .22s ease;
}

.news-page-main .news-featured-main:hover .news-featured-image{
  transform:scale(1.045);
  filter:brightness(1.035) contrast(1.02);
}

/* Thumbs dos cards */
.news-public-card-image-wrap{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111719;
}

.news-public-card-image-wrap .news-public-card-image{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .22s ease;
}

.news-public-card:hover .news-public-card-image-wrap .news-public-card-image{
  transform:scale(1.065);
  filter:brightness(1.04) contrast(1.02);
}

/* Placeholder continua estático */
.news-public-card:hover .news-public-card-image-wrap .news-public-card-image-empty{
  transform:none;
  filter:none;
}

@media(max-width:620px){
  .news-page-main .news-featured-copy{
    padding:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .news-page-main .news-featured-image,
  .news-public-card-image-wrap .news-public-card-image{
    transition:none;
  }
}


/* =========================================================
   EPISÓDICO — NOTÍCIA: NAVEGAÇÃO DE RETORNO
   Mesma régua vertical e tipografia de Série / Pessoa.
   ========================================================= */

.article-page-main{
  padding-top:28px !important;
  padding-bottom:56px !important;
}

.article-back{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 22px !important;
  padding:0 !important;
  color:#7f8a8e !important;
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  transition:color .18s ease;
}

.article-back:hover{
  color:#f7c51d !important;
}

@media(max-width:768px){
  .article-page-main{
    padding-top:22px !important;
    padding-bottom:44px !important;
  }

  .article-back{
    margin-bottom:18px !important;
  }
}


/* =========================================================
   EPISÓDICO — NOTÍCIAS: TIPOGRAFIA LEGÍVEL
   Remove microtextos excessivamente pequenos da área editorial.
   ========================================================= */

/* Destaque da listagem: data, leitura e autor */
.news-page-main .news-featured-meta{
  font-size:13px !important;
  line-height:1.55 !important;
  color:#8d999d !important;
}

/* Página interna da notícia: data, leitura e autor */
.article-page-main .article-meta{
  font-size:13px !important;
  line-height:1.55 !important;
  color:#8d999d !important;
}

/* Metadados dos cards da listagem e relacionados */
.news-public-card-meta{
  font-size:11px !important;
  line-height:1.45 !important;
}

/* Sidebar da matéria */
.article-sidebar-news-item span{
  font-size:10px !important;
}

.article-sidebar-news-item strong{
  font-size:12px !important;
  line-height:1.42 !important;
}

.article-sidebar-news-item small{
  font-size:10px !important;
  line-height:1.4 !important;
}

.article-sidebar-all{
  font-size:10px !important;
}

/* Breadcrumb antigo, caso apareça em algum template legado */
.article-breadcrumb{
  font-size:11px !important;
}

/* Evita voltar a ficar minúsculo em telas menores */
@media(max-width:650px){
  .news-page-main .news-featured-meta,
  .article-page-main .article-meta{
    font-size:12px !important;
  }

  .news-public-card-meta{
    font-size:11px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — GÊNERO DETALHE
   Mesmo esqueleto visual e mesma régua vertical de serie.php.
   ========================================================================== */

.genre-detail-page .series-hero-content{
  align-self:center;
}

.genre-detail-page .series-hero-poster{
  align-self:start;
}

.genre-detail-page .series-hero-poster img{
  width:100%;
  display:block;
  aspect-ratio:.69;
  object-fit:cover;
  object-position:center top;
}

.genre-detail-series-section{
  padding:36px 0 56px;
}

.genre-detail-search{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-bottom:18px;
}

.genre-detail-search .series-search-field input{
  height:44px;
  font-size:13px !important;
}

.genre-detail-search .series-search-submit{
  height:44px;
  padding:0 18px;
  font-size:11px !important;
}

.genre-detail-page .genres-results-head{
  margin:0 0 18px;
}

.genre-detail-page .content-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.genre-detail-page .series-card{
  transform:none !important;
  transition:border-color .18s ease,background-color .18s ease;
}

.genre-detail-page .series-card > img{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .22s ease;
}

.genre-detail-page .series-card:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.34);
  background:#0a1012;
}

.genre-detail-page .series-card:hover > img{
  transform:scale(1.035);
  filter:brightness(1.035) contrast(1.02);
}

.genre-detail-page .series-card{
  overflow:hidden;
}

.genre-detail-page .series-card-body{
  position:relative;
  z-index:1;
  background:#080d0f;
}

@media(max-width:1180px){
  .genre-detail-page .content-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .genre-detail-page .content-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .genre-detail-series-section{
    padding-top:28px;
    padding-bottom:44px;
  }

  .genre-detail-search{
    grid-template-columns:1fr;
  }

  .genre-detail-search .series-search-submit{
    width:100%;
  }

  .genre-detail-page .content-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
}

@media(max-width:430px){
  .genre-detail-page .content-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .genre-detail-page .series-card > img{
    transition:none;
  }

  .genre-detail-page .series-card:hover > img{
    transform:none;
  }
}


/* ==========================================================================
   EPISÓDICO — REVIEWS.PHP CENTRALIZADO
   Regras .series-* limitadas a .reviews-page-main.
   ========================================================================== */

/* --- reviews.php bloco 1/1 --- */
.reviews-compact-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.reviews-compact-copy{max-width:850px}
.reviews-compact-copy .page-title{margin-top:10px!important;font-size:44px;line-height:1.02}
.reviews-compact-copy .page-intro{max-width:760px;margin-top:11px!important;font-size:16px;line-height:1.62}

.reviews-page-main .series-discovery-tools{margin:0!important;padding:18px 0 16px}
.reviews-page-main .series-filter-commandbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.reviews-page-main .series-primary-filters{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}
.reviews-page-main .series-primary-filters .filter-chip{min-height:40px;padding:0 14px}
.reviews-page-main .series-command-search{width:min(430px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-left:auto}
.reviews-page-main .series-command-search .series-search-field{width:100%}
.reviews-page-main .series-command-search .series-search-field input{height:40px}
.reviews-page-main .series-command-search .series-search-submit{height:40px;padding:0 14px}
.reviews-page-main .series-command-clear{height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#090e10;color:#7f8a8e;font-size:9px;font-weight:900;white-space:nowrap;transition:border-color .18s ease,color .18s ease,background-color .18s ease}
.reviews-page-main .series-command-clear svg{width:13px;height:13px}
.reviews-page-main .series-command-clear:hover{border-color:rgba(247,197,29,.38);background:rgba(247,197,29,.05);color:#f7c51d}
.reviews-page-main .series-advanced-filters{margin-top:0;padding:10px!important;display:grid!important;grid-template-columns:1fr;gap:9px}

.reviews-page-main .series-custom-select{position:relative;min-width:0}
.reviews-page-main .series-custom-select-trigger{width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 38px 0 12px;position:relative;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:#050809;color:#dfe4e5;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.reviews-page-main .series-custom-select-trigger:hover{border-color:rgba(255,255,255,.18);background:#070b0d}
.reviews-page-main .series-custom-select.is-open .series-custom-select-trigger{border-color:rgba(247,197,29,.52);box-shadow:0 0 0 2px rgba(247,197,29,.05)}
.reviews-page-main .series-custom-select-trigger>svg:first-child{width:14px;height:14px;flex:0 0 14px;color:#697478}
.reviews-page-main .series-custom-select-value{min-width:0;overflow:hidden;color:#e4e8e9;font-size:12px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.reviews-page-main .series-custom-select-chevron{position:absolute;top:50%;right:11px;width:14px;height:14px;color:#657176;transform:translateY(-50%);transition:transform .18s ease,color .18s ease}
.reviews-page-main .series-custom-select.is-open .series-custom-select-chevron{color:#f7c51d;transform:translateY(-50%) rotate(180deg)}
.reviews-page-main .series-custom-select-menu{position:absolute;z-index:80;top:calc(100% + 7px);left:0;right:0;display:none;max-height:310px;overflow-y:auto;padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#0a0f11;box-shadow:0 18px 50px rgba(0,0,0,.52);scrollbar-width:thin;scrollbar-color:#303a3e transparent}
.reviews-page-main .series-custom-select.is-open .series-custom-select-menu{display:block}
.reviews-page-main .series-custom-select-option{width:100%;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:#b9c2c5;font-size:11px;font-weight:750;text-align:left;cursor:pointer;transition:color .14s ease,background-color .14s ease}
.reviews-page-main .series-custom-select-option:hover{background:rgba(255,255,255,.045);color:#fff}
.reviews-page-main .series-custom-select-option.is-selected{background:rgba(247,197,29,.09);color:#f7c51d}
.reviews-page-main .series-custom-select-option svg{width:14px;height:14px;color:#f7c51d;opacity:0}
.reviews-page-main .series-custom-select-option.is-selected svg{opacity:1}

.reviews-overview{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
  gap:14px;
  margin:10px 0 26px;
}
.review-featured{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#080d0f;
}
.review-featured-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform .32s ease,filter .22s ease}
.review-featured:hover .review-featured-bg{transform:scale(1.035);filter:brightness(1.03)}
.review-featured::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,8,.96),rgba(4,7,8,.72) 52%,rgba(4,7,8,.28)),linear-gradient(0deg,rgba(4,7,8,.92),transparent 66%)}
.review-featured-content{position:relative;z-index:2;max-width:760px;padding:26px}
.review-featured-score{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(247,197,29,.38);border-radius:50%;background:rgba(5,8,9,.72);color:#f7c51d;font-size:20px;font-weight:950}
.review-featured h2{margin-top:16px;color:#fff;font-size:28px;line-height:1.08;font-weight:950;letter-spacing:-.025em}
.review-featured p{max-width:650px;margin-top:10px;color:#aab4b7;font-size:13px;line-height:1.62}
.review-featured-meta{margin-top:14px;color:#748084;font-size:10px}
.review-featured-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#f7c51d;font-size:10px;font-weight:900}

.reviews-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.review-stat{
  min-height:125px;
  padding:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#080d0f;
}
.review-stat strong{display:block;color:#f7c51d;font-size:25px;line-height:1;font-weight:950}
.review-stat span{display:block;margin-top:8px;color:#778287;font-size:10px;line-height:1.45}
.review-stat:first-child strong{font-size:31px}

.reviews-results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:20px 0 14px}
.reviews-results-head h2{font-size:22px;font-weight:950}
.reviews-results-head p{margin-top:5px;color:#758084;font-size:11px}

.review-feed{display:grid;gap:10px}
.review-feed-item{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  padding:17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:#080d0f;
  transition:border-color .18s ease,background-color .18s ease;
}
.review-feed-item:hover{border-color:rgba(247,197,29,.28);background:#0a1012}
.review-feed-score{width:58px;height:58px;display:grid;place-items:center;border-radius:9px;background:#101719;color:#f7c51d;font-size:20px;font-weight:950}
.review-feed-series{display:flex;align-items:center;gap:8px;color:#f7c51d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.review-feed-series img{width:24px;height:34px;object-fit:cover;border-radius:3px}
.review-feed-item h3{margin-top:6px;color:#f1f3f3;font-size:17px;line-height:1.24;font-weight:900;transition:color .18s ease}
.review-feed-item:hover h3{color:#f7c51d}
.review-feed-copy{margin-top:7px;color:#929da1;font-size:12px;line-height:1.58}
.review-feed-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:#667176;font-size:9px}
.review-feed-avatar{display:inline-flex;align-items:center;gap:6px}
.review-feed-avatar img,.review-feed-avatar span{width:20px;height:20px;border-radius:50%;object-fit:cover}
.review-feed-avatar span{display:grid;place-items:center;background:#182024;color:#d9dfe0;font-size:8px;font-weight:900}
.review-feed-arrow{align-self:center;color:#667176;transition:color .18s ease,transform .18s ease}
.review-feed-item:hover .review-feed-arrow{color:#f7c51d;transform:translateX(2px)}

.reviews-empty{padding:50px 20px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#080d0f}
.reviews-empty h2{font-size:20px;font-weight:900}
.reviews-empty p{margin-top:7px;color:#748084;font-size:12px}

@media(max-width:980px){
  .reviews-overview{grid-template-columns:1fr}
}
@media(max-width:1050px){
  .reviews-page-main .series-filter-commandbar{align-items:stretch;flex-wrap:wrap}
  .reviews-page-main .series-command-search{width:min(100%,520px);margin-left:auto}
}
@media(max-width:760px){
  .reviews-page-main .series-filter-commandbar{display:grid;grid-template-columns:1fr}
  .reviews-page-main .series-primary-filters{overflow-x:auto;scrollbar-width:none}
  .reviews-page-main .series-primary-filters::-webkit-scrollbar{display:none}
  .reviews-page-main .series-command-search{width:100%;margin-left:0}
  .reviews-page-main .series-command-clear{width:max-content}
  .review-feed-item{grid-template-columns:58px minmax(0,1fr)}
  .review-feed-arrow{display:none}
}
@media(max-width:650px){
  .reviews-compact-hero{padding:28px 0 22px}
  .reviews-compact-copy .page-title{font-size:36px}
  .reviews-compact-copy .page-intro{font-size:15px}
  .reviews-page-main .series-command-search{grid-template-columns:1fr}
  .reviews-page-main .series-command-search .series-search-submit,.series-command-clear{width:100%}
  .review-featured-content{padding:20px}
  .review-featured h2{font-size:23px}
  .reviews-stats{grid-template-columns:1fr 1fr}
}

/* ==========================================================================
   EPISÓDICO — GENEROS.PHP CENTRALIZADO
   Regras .series-* limitadas a .genres-page-main.
   ========================================================================== */

/* --- generos.php bloco 1/1 --- */
/* =========================================================
   GÊNEROS — MESMA LINGUAGEM DE SÉRIES / PESSOAS / NOTÍCIAS
   ========================================================= */
.genres-compact-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

.genres-compact-copy{
  max-width:850px;
}

.genres-compact-copy .page-title{
  margin-top:10px !important;
  font-size:44px;
  line-height:1.02;
}

.genres-compact-copy .page-intro{
  max-width:760px;
  margin-top:11px !important;
  font-size:16px;
  line-height:1.62;
}

.genres-page-main .series-discovery-tools{
  margin:0 !important;
  padding:18px 0 16px;
}

.genres-page-main .series-filter-commandbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:0;
}

.genres-page-main .series-primary-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.genres-page-main .series-primary-filters .filter-chip{
  min-height:40px;
  padding:0 14px;
}

.genres-page-main .series-command-search{
  width:min(430px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-left:auto;
}

.genres-page-main .series-command-search .series-search-field{
  width:100%;
}

.genres-page-main .series-command-search .series-search-field input{
  height:40px;
}

.genres-page-main .series-command-search .series-search-submit{
  height:40px;
  padding:0 14px;
}

.genres-page-main .series-command-clear{
  height:40px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#090e10;
  color:#7f8a8e;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.genres-page-main .series-command-clear svg{
  width:13px;
  height:13px;
}

.genres-page-main .series-command-clear:hover{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.05);
  color:#f7c51d;
}

.genres-results-head{
  margin:16px 0 15px !important;
}

/* Hover consistente sem mover o card */
.genre-public-card{
  transform:none !important;
}

.genre-public-card .genre-public-bg{
  transform:scale(1);
  transform-origin:center center;
  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.genre-public-card:hover{
  transform:none !important;
}

.genre-public-card:hover .genre-public-bg{
  transform:scale(1.045);
  filter:brightness(1.04) contrast(1.02);
}

.genre-public-card h2{
  transition:color .18s ease;
}

.genre-public-card:hover h2{
  color:#f7c51d;
}

@media(max-width:1050px){
  .genres-page-main .series-filter-commandbar{
    align-items:stretch;
    flex-wrap:wrap;
  }

  .genres-page-main .series-command-search{
    width:min(100%,520px);
    margin-left:auto;
  }
}

@media(max-width:760px){
  .genres-page-main .series-filter-commandbar{
    display:grid;
    grid-template-columns:1fr;
  }

  .genres-page-main .series-primary-filters{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .genres-page-main .series-primary-filters::-webkit-scrollbar{
    display:none;
  }

  .genres-page-main .series-command-search{
    width:100%;
    margin-left:0;
  }

  .genres-page-main .series-command-clear{
    width:max-content;
  }
}

@media(max-width:650px){
  .genres-compact-hero{
    padding:28px 0 22px;
  }

  .genres-compact-copy .page-title{
    font-size:36px;
  }

  .genres-compact-copy .page-intro{
    font-size:15px;
  }

  .genres-page-main .series-command-search{
    grid-template-columns:1fr;
  }

  .genres-page-main .series-command-search .series-search-submit,
  .genres-page-main .series-command-clear{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .genre-public-card .genre-public-bg{
    transition:none !important;
  }

  .genre-public-card:hover .genre-public-bg{
    transform:none !important;
  }
}

.genre-public-description{
  font-size:14px !important;
  line-height:1.6 !important;
  color:#b7c0c3 !important;
}

@media(max-width:650px){
  .genre-public-description{
    font-size:13px !important;
    line-height:1.55 !important;
  }
}


/* =========================================================
   GÊNEROS — DESCRIÇÃO SEM CORTE
   ========================================================= */
.genre-public-description{
  display:block !important;
  width:100%;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  white-space:normal !important;
  text-overflow:clip !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;

  font-size:14px !important;
  line-height:1.6 !important;
  color:#b7c0c3 !important;
}

.genre-public-card{
  height:auto !important;
  min-height:0;
}

@media(max-width:650px){
  .genre-public-description{
    font-size:13px !important;
    line-height:1.55 !important;
  }
}


/* =========================================================
   GÊNEROS — CARD V2
   imagem em cima / descrição em área própria
   ========================================================= */

.genre-public-card.genre-public-card-v2{
  position:relative !important;
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:12px !important;

  background:#080d0f !important;
  transform:none !important;

  transition:
    border-color .20s ease,
    background-color .20s ease !important;
}

.genre-public-card.genre-public-card-v2:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.34) !important;
  background:#0a1012 !important;
}

.genre-public-visual{
  position:relative;
  width:100%;
  min-height:190px;
  overflow:hidden;
  background:#0b1012;
}

.genre-public-card-v2 .genre-public-bg{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;
  transform:scale(1) !important;
  transform-origin:center center;

  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    filter .22s ease !important;
}

.genre-public-card-v2:hover .genre-public-bg{
  transform:scale(1.05) !important;
  filter:brightness(1.045) contrast(1.02);
}

.genre-public-card-v2 .genre-public-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1;

  background:
    linear-gradient(
      0deg,
      rgba(4,7,8,.94) 0%,
      rgba(4,7,8,.62) 36%,
      rgba(4,7,8,.16) 72%,
      rgba(4,7,8,.04) 100%
    ) !important;
}

.genre-public-card-v2 .genre-public-content{
  position:absolute !important;
  z-index:2 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;

  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:12px !important;

  padding:18px !important;
}

.genre-public-card-v2 .genre-public-letter{
  margin:0 !important;
}

.genre-public-card-v2 .genre-public-content h2{
  margin:0 !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
}

.genre-public-card-v2 .genre-public-content p{
  margin:5px 0 0 !important;
  color:#9ba6aa !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

.genre-public-card-v2 .genre-public-arrow{
  align-self:center !important;
  color:#8c989c !important;
  font-size:20px !important;
  transition:
    color .18s ease,
    transform .18s ease;
}

.genre-public-card-v2:hover .genre-public-arrow{
  color:#f7c51d !important;
  transform:translateX(2px);
}

.genre-public-card-v2 .genre-public-description{
  position:static !important;

  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;

  margin:0 !important;
  padding:16px 18px 18px !important;

  border-top:1px solid rgba(255,255,255,.065) !important;

  background:#080d0f !important;
  color:#b7c0c3 !important;

  font-size:14px !important;
  line-height:1.62 !important;

  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;

  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}

.genre-public-card-v2:hover .genre-public-description{
  background:#0a1012 !important;
}

@media(max-width:650px){
  .genre-public-visual{
    min-height:165px;
  }

  .genre-public-card-v2 .genre-public-content{
    padding:15px !important;
  }

  .genre-public-card-v2 .genre-public-description{
    padding:14px 15px 16px !important;
    font-size:13px !important;
    line-height:1.58 !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .genre-public-card-v2 .genre-public-bg,
  .genre-public-card-v2 .genre-public-arrow{
    transition:none !important;
  }

  .genre-public-card-v2:hover .genre-public-bg{
    transform:none !important;
  }
}


/* =========================================================
   EPISÓDICO — GÊNERO: HERO SEM POSTER
   Mantém backdrop e régua de serie.php, sem thumb lateral.
   ========================================================= */

.genre-detail-page .genre-hero-content-only{
  display:block !important;
}

.genre-detail-page .genre-hero-content-only .series-hero-content{
  width:100%;
  max-width:900px;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:auto;
}


/* =========================================================
   EPISÓDICO — GÊNERO: HERO ULTRACOMPACTO
   Sem altura mínima e sem área vazia.
   ========================================================= */

.genre-detail-page .series-hero-inner{
  padding-top:28px !important;
}

.genre-detail-page .series-hero-inner .series-back{
  margin:0 0 22px !important;
}

.genre-detail-page .series-hero-backdrop{
  display:block !important;
  margin:0 !important;
  padding:0 0 24px !important;
}

.genre-detail-page .genre-hero-content-only .series-hero-content{
  width:100% !important;
  max-width:900px !important;
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  padding:0 !important;
}

.genre-detail-page .series-hero-content h1{
  margin-top:7px !important;
  font-size:44px !important;
  line-height:1.02 !important;
}

.genre-detail-page .series-hero-content > .mt-4{
  margin-top:9px !important;
}

.genre-detail-page .series-hero-content > .mt-8{
  margin-top:16px !important;
  max-width:760px !important;
  line-height:1.65 !important;
}

.genre-detail-page .series-hero-full::before{
  background-position:center 30% !important;
}

.genre-detail-page .series-hero-full::after{
  background:
    linear-gradient(
      90deg,
      rgba(4,7,8,.97) 0%,
      rgba(4,7,8,.88) 42%,
      rgba(4,7,8,.58) 72%,
      rgba(4,7,8,.70) 100%
    ),
    linear-gradient(
      0deg,
      rgba(4,7,8,.96) 0%,
      rgba(4,7,8,.28) 62%,
      rgba(4,7,8,.48) 100%
    ) !important;
}

.genre-detail-page .container-main > .flex.gap-6{
  margin-top:0 !important;
}

.genre-detail-page .genre-detail-series-section{
  padding-top:28px !important;
}

@media(max-width:768px){
  .genre-detail-page .series-hero-inner{
    padding-top:22px !important;
  }

  .genre-detail-page .series-hero-inner .series-back{
    margin-bottom:18px !important;
  }

  .genre-detail-page .series-hero-backdrop{
    padding-bottom:20px !important;
  }

  .genre-detail-page .series-hero-content h1{
    font-size:36px !important;
  }

  .genre-detail-page .series-hero-content > .mt-8{
    margin-top:13px !important;
  }

  .genre-detail-page .genre-detail-series-section{
    padding-top:22px !important;
  }
}


/* =========================================================
   EPISÓDICO — GÊNERO: SEM TAB INTERMEDIÁRIA
   Busca e listagem começam direto após o hero.
   ========================================================= */

.genre-detail-page .genre-detail-series-section{
  padding-top:22px !important;
}

@media(max-width:768px){
  .genre-detail-page .genre-detail-series-section{
    padding-top:18px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — SÉRIE: ELENCO EXPANSÍVEL
   ========================================================================== */

.people-strip:not(.is-expanded) .person-mini.is-extra{
  display:none;
}

.series-people-more{
  display:flex;
  justify-content:center;
  margin-top:22px;
}

.series-people-more-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#080c0e;
  color:#aeb7ba;
  font-size:11px;
  font-weight:900;
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.series-people-more-button svg{
  width:14px;
  height:14px;
}

.series-people-more-button:hover{
  border-color:rgba(247,197,29,.45);
  background:rgba(247,197,29,.045);
  color:#f7c51d;
}


/* ==========================================================================
   EPISÓDICO — SÉRIE: AVALIAÇÃO E COMENTÁRIOS POR EPISÓDIO
   ========================================================================== */

.episode-community{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.065);
}

.episode-community-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.episode-community-score{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.episode-community-score strong{
  color:#f7c51d;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.episode-community-score span{
  color:#758085;
  font-size:11px;
}

.episode-community-toggle{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:#070b0c;
  color:#899499;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.episode-community-toggle svg{
  width:13px;
  height:13px;
  transition:transform .18s ease;
}

.episode-community-toggle:hover{
  border-color:rgba(247,197,29,.38);
  color:#f7c51d;
}

.episode-community.is-open .episode-community-toggle svg{
  transform:rotate(180deg);
}

.episode-community-panel{
  display:none;
  margin-top:13px;
}

.episode-community.is-open .episode-community-panel{
  display:block;
}

.episode-community-flashes{
  display:grid;
  gap:7px;
  margin-bottom:12px;
}

.episode-review-form{
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#060a0b;
}

.episode-review-form-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.episode-review-form-head strong{
  color:#e8ebeb;
  font-size:13px;
}

.episode-review-status{
  display:inline-flex;
  margin-left:8px;
  color:#788388;
  font-size:9px;
  font-weight:850;
}

.episode-rating-picker{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:12px;
}

.episode-rating-option{
  position:relative;
  cursor:pointer;
}

.episode-rating-option input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.episode-rating-option span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:6px;
  background:#080c0e;
  color:#98a2a6;
  font-size:11px;
  font-weight:900;
}

.episode-rating-option:hover span,
.episode-rating-option.selected span,
.episode-rating-option:has(input:checked) span{
  border-color:#f7c51d;
  background:rgba(247,197,29,.08);
  color:#f7c51d;
}

.episode-review-form textarea{
  width:100%;
  min-height:90px;
  margin-top:12px;
  padding:11px 12px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  background:#050809;
  color:#e7eaeb;
  font-family:inherit;
  font-size:13px;
  line-height:1.6;
}

.episode-review-form textarea:focus{
  border-color:rgba(247,197,29,.50);
}

.episode-review-submit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:10px;
}

.episode-review-submit > span{
  color:#687378;
  font-size:10px;
}

.episode-review-submit .btn-dark,
.episode-review-login .btn-dark{
  min-height:36px;
  padding:0 13px;
  font-size:10px !important;
}

.episode-review-login{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:7px;
  background:#06090a;
  color:#879196;
  font-size:11px;
}

.episode-review-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.episode-review-entry{
  position:relative;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:7px;
  background:#080c0e;
}

.episode-review-author{
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:56px;
}

.episode-review-author > img,
.episode-review-author > span{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  background:#101618;
  color:#f7c51d;
  object-fit:cover;
  font-size:10px;
  font-weight:900;
}

.episode-review-author strong{
  display:block;
  color:#dfe3e4;
  font-size:11px;
}

.episode-review-author small{
  display:block;
  margin-top:2px;
  color:#657176;
  font-size:9px;
}

.episode-review-score{
  position:absolute;
  top:14px;
  right:12px;
  color:#f7c51d;
  font-size:12px;
}

.episode-review-entry > p{
  margin-top:9px;
  color:#aeb7ba;
  font-size:12px;
  line-height:1.65;
}

@media(max-width:720px){
  .episode-community-summary,
  .episode-review-submit,
  .episode-review-login{
    align-items:stretch;
    flex-direction:column;
  }

  .episode-community-toggle,
  .episode-review-submit .btn-dark,
  .episode-review-login .btn-dark{
    width:100%;
  }

  .episode-community-score{
    justify-content:space-between;
  }
}

@media(prefers-reduced-motion:reduce){
  .episode-community-toggle svg{
    transition:none;
  }
}


/* ==========================================================================
   EPISÓDICO — REVIEWS DA SÉRIE: FEEDBACK DE VALIDAÇÃO VISÍVEL
   ========================================================================== */

#reviews .review-flash{
  width:100%;
  margin-top:14px !important;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  font-size:13px;
  font-weight:750;
  line-height:1.5;
}

#reviews .review-flash-error{
  border-color:rgba(239,86,86,.40);
  background:rgba(150,25,25,.16);
  color:#ffaaaa;
}

#reviews .review-flash-success{
  border-color:rgba(82,213,139,.35);
  background:rgba(32,130,76,.13);
  color:#86e2aa;
}

#reviews .review-field-help{
  display:block;
  margin-top:6px;
  color:#778287;
  font-size:11px !important;
  line-height:1.4;
}

#reviews .review-field-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#reviews .review-char-counter{
  display:block;
  margin-top:6px;
  color:#778287;
  font-size:11px;
  line-height:1.4;
  white-space:nowrap;
}

#reviews .review-char-counter.is-short{
  color:#e9a061;
}

#reviews .review-field input:invalid:not(:placeholder-shown),
#reviews .review-field textarea:invalid:not(:placeholder-shown){
  border-color:rgba(239,86,86,.45) !important;
}

@media(max-width:620px){
  #reviews .review-field-foot{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}


/* ==========================================================================
   EPISÓDICO — EPISÓDIOS: NOTAS SEM AMBIGUIDADE + OPINIÕES VISÍVEIS
   ========================================================================== */

.episode-community-score{
  flex-wrap:wrap;
}

.episode-community-label{
  color:#657176 !important;
  font-size:9px !important;
  font-weight:900;
  letter-spacing:.06em;
}

.episode-imdb-rating{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#f7c51d;
  font-size:13px;
  font-weight:900;
}

.episode-imdb-rating small{
  color:#778287;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}

.episode-public-reviews{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}

.episode-public-reviews-head{
  margin-bottom:8px;
}

.episode-public-reviews-head strong{
  color:#707b80;
  font-size:9px;
  font-weight:900;
  letter-spacing:.055em;
}

.episode-public-reviews .episode-review-list{
  margin-top:0;
}

.episode-public-reviews .episode-review-entry{
  background:#070b0c;
}

.episode-community-flashes{
  margin-top:12px;
}

@media(max-width:720px){
  .episode-imdb-rating{
    align-self:flex-start;
  }
}


/* ==========================================================================
   EPISÓDICO — REVIEWS SOCIAIS ESCALÁVEIS
   ========================================================================== */

/* Série: reviews deixam de ser uma parede vertical */
#reviews .series-review-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px !important;
  margin-top:24px;
}

#reviews .series-review-entry{
  min-width:0;
  margin:0 !important;
  padding:17px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  background:#080c0e !important;
}

#reviews .series-review-entry h3{
  margin-top:13px !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.social-review-copy{
  position:relative;
  margin-top:9px;
  overflow:hidden;
  color:#aeb7ba;
  font-size:12px;
  line-height:1.68;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.social-review-copy.is-expanded{
  display:block;
  overflow:visible;
}

.social-review-copy-episode{
  -webkit-line-clamp:3;
}

.social-review-expand{
  margin-top:8px;
  padding:0;
  border:0;
  background:transparent;
  color:#d4b427;
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
}

.social-review-expand:hover{
  color:#f7c51d;
}

.social-load-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.social-load-more{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#080c0e;
  color:#aeb7ba;
  font-size:10px;
  font-weight:900;
}

.social-load-more > span{
  min-width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  padding:0 5px;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  color:#788388;
  font-size:8px;
}

.social-load-more svg{
  width:13px;
  height:13px;
}

.social-load-more:hover{
  border-color:rgba(247,197,29,.38);
  color:#f7c51d;
}

.social-load-more:disabled{
  opacity:.45;
  cursor:wait;
}


/* Episódio: uma opinião inicial; restante sob demanda */
.episode-review-list{
  gap:7px !important;
}

.episode-review-entry{
  padding:11px 12px !important;
}

.episode-review-entry > p,
.episode-review-entry .social-review-copy{
  max-width:900px;
}

.episode-opinions-more{
  display:flex;
  justify-content:flex-start;
  margin-top:8px;
}

.social-load-more-episode{
  min-height:32px;
  padding:0 10px;
  font-size:9px;
}


/* O sucesso agora é toast; erros continuam inline */
#reviews .review-flash-success,
.episode-community-flashes .comment-flash.success{
  display:none !important;
}

@media(max-width:900px){
  #reviews .series-review-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  #reviews .series-review-entry{
    padding:14px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — HERO DA SÉRIE: FONTES DE NOTA
   ========================================================================== */

.series-hero-rating-source{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.series-hero-rating-source b{
  color:#9aa3a7;
  font-weight:750;
}

.series-hero-user-rating strong{
  color:#f7c51d;
  font-weight:900;
}


/* ==========================================================================
   EPISÓDICO — LIKE / DISLIKE
   Reviews, opiniões de episódios e comentários.
   ========================================================================== */

.content-reactions{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.055);
}

.content-reactions-label{
  margin-right:3px;
  color:#6f7a7e;
  font-size:9px;
  font-weight:850;
}

.content-reaction-button{
  min-width:34px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#778287;
  font-size:10px;
  font-weight:800;
  transition:
    color .15s ease,
    border-color .15s ease,
    background-color .15s ease;
}

.content-reaction-button svg{
  width:13px;
  height:13px;
  stroke-width:1.9;
}

.content-reaction-button:hover{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  color:#d8ddde;
}

.content-reaction-button.is-active{
  border-color:rgba(247,197,29,.30);
  background:rgba(247,197,29,.065);
  color:#f7c51d;
}

.content-reaction-button:disabled{
  opacity:.55;
  cursor:wait;
}

.content-reactions-compact{
  margin-top:9px;
  padding-top:8px;
}

.content-reactions-comment{
  grid-column:2;
  width:max-content;
  margin-top:8px;
  padding-top:0;
  border-top:0;
}

.content-reactions-comment .content-reaction-button{
  height:28px;
  min-width:32px;
  padding:0 7px;
}

@media(max-width:620px){
  .content-reactions{
    flex-wrap:wrap;
  }

  .content-reactions-comment{
    grid-column:1/-1;
    margin-left:53px;
  }
}


/* ==========================================================================
   EPISÓDICO — LIKE / DISLIKE: TAMANHO AJUSTADO
   ========================================================================== */

.content-reactions{
  gap:7px;
  margin-top:15px;
  padding-top:13px;
}

.content-reactions-label{
  margin-right:5px;
  font-size:11px !important;
  line-height:1;
}

.content-reaction-button{
  min-width:42px;
  height:34px;
  gap:6px;
  padding:0 10px;
  border-radius:7px;
  font-size:12px !important;
}

.content-reaction-button svg{
  width:16px !important;
  height:16px !important;
  stroke-width:1.9;
}

.content-reactions-compact{
  margin-top:11px;
  padding-top:10px;
}

.content-reactions-comment{
  margin-top:10px;
}

.content-reactions-comment .content-reaction-button{
  min-width:40px;
  height:32px;
  padding:0 9px;
  font-size:12px !important;
}

.content-reactions-comment .content-reaction-button svg{
  width:15px !important;
  height:15px !important;
}

@media(max-width:620px){
  .content-reactions-label{
    font-size:11px !important;
  }

  .content-reaction-button{
    min-width:40px;
    height:34px;
  }
}


/* ==========================================================================
   EPISÓDICO — FEEDBACK SOCIAL VIA TOAST
   ========================================================================== */

/* Sucesso de ações sociais é mostrado pelo toast global. */
.comment-flash.success,
.review-flash-success{
  display:none !important;
}

/* CURTIU? um pouco mais natural que o antigo "Útil?" */
.content-reactions-label{
  letter-spacing:.035em;
}


/* ==========================================================================
   EPISÓDICO — REVIEWS: EMPTY STATE EM LARGURA TOTAL
   ========================================================================== */

#reviews .series-review-list > .comment-empty{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-height:190px;
}



/* ==========================================================================
   EPISÓDICO — EPISÓDIOS: AVALIAÇÕES RECOLHÍVEIS
   ========================================================================== */

.episode-reviews-collapsible{
  margin-top:10px;
}

.episode-reviews-toggle{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:#070b0c;
  color:#a8b1b4;
  font-size:10px;
  font-weight:900;
}

.episode-reviews-toggle > span{
  min-width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  padding:0 6px;
  border-radius:11px;
  background:rgba(255,255,255,.06);
  color:#899499;
  font-size:9px;
}

.episode-reviews-toggle svg{
  width:14px;
  height:14px;
  transition:transform .18s ease;
}

.episode-reviews-toggle:hover{
  border-color:rgba(247,197,29,.40);
  color:#f7c51d;
}

.episode-reviews-panel{
  display:none;
  margin-top:10px;
}

.episode-reviews-collapsible.is-open .episode-reviews-panel{
  display:block;
}

.episode-reviews-collapsible.is-open .episode-reviews-toggle svg{
  transform:rotate(180deg);
}


/* ==========================================================================
   EPISÓDICO — REVIEW: POSIÇÃO ORIGINAL DO CURTIU
   Não alterar: reações ficam abaixo do conteúdo e alinhadas à esquerda.
   ========================================================================== */

#reviews .series-review-entry > .social-review-copy{
  grid-column:1 / -1 !important;
  width:100%;
}

#reviews .series-review-entry > .social-review-expand{
  grid-column:1 / -1 !important;
  justify-self:start;
}

#reviews .series-review-entry > .content-reactions{
  grid-column:1 / -1 !important;
  width:100%;
  justify-content:flex-start !important;
  justify-self:stretch !important;
}


/* ==========================================================================
   EPISÓDICO — BADGES DE STATUS DE REVIEW
   ========================================================================== */

.review-status{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:#0a0f10;
  color:#aab3b6;
  font-size:9px !important;
  line-height:1;
  font-weight:900;
  letter-spacing:.045em;
  white-space:nowrap;
}

.review-status svg{
  width:12px;
  height:12px;
  stroke-width:2.2;
}

.review-status-approved{
  border-color:rgba(65,200,126,.28);
  background:rgba(38,147,91,.10);
  color:#72d79e;
}

.review-status-pending{
  border-color:rgba(247,197,29,.28);
  background:rgba(247,197,29,.08);
  color:#f7c51d;
}

.review-status-rejected{
  border-color:rgba(237,87,87,.30);
  background:rgba(161,42,42,.10);
  color:#f08a8a;
}

.review-status-spam{
  border-color:rgba(170,120,255,.28);
  background:rgba(110,69,175,.10);
  color:#c7a6ff;
}

.episode-review-status{
  margin-left:8px !important;
  vertical-align:middle;
}


/* ==========================================================================
   EPISÓDICO — EPISÓDIO: AÇÕES DE AVALIAÇÃO NA MESMA LINHA
   ========================================================================== */

.episode-community-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-left:auto;
}

.episode-community-actions .episode-reviews-toggle,
.episode-community-actions .episode-community-toggle{
  margin:0 !important;
}

.episode-reviews-collapsible{
  margin-top:10px;
}

@media(max-width:720px){
  .episode-community-summary{
    align-items:flex-start;
  }

  .episode-community-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
}


/* ==========================================================================
   EPISÓDICO — EPISÓDIO: NOTAS À ESQUERDA / AÇÕES À DIREITA
   ========================================================================== */

.episode-community-score{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  flex-wrap:wrap;
}

.episode-rating-divider{
  color:#475156 !important;
  font-size:11px !important;
}

.episode-community-score .episode-imdb-rating{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-size:12px;
}

.episode-community-score .episode-imdb-rating small{
  font-size:9px;
}

.episode-community-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-left:auto;
}

.episode-progress-inline-form{
  display:inline-flex;
  margin:0;
}

.episode-community-actions .episode-watched-button{
  margin:0;
}

@media(max-width:900px){
  .episode-community-summary{
    align-items:flex-start;
  }

  .episode-community-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
}


/* ==========================================================================
   EPISÓDICO — EPISÓDIO: BOTÕES COM A MESMA ALTURA
   ========================================================================== */

.episode-community-actions .episode-reviews-toggle,
.episode-community-actions .episode-community-toggle,
.episode-community-actions .episode-watched-button{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:7px !important;
  line-height:1 !important;
}

.episode-community-actions .episode-reviews-toggle,
.episode-community-actions .episode-community-toggle{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.episode-community-actions .episode-watched-button{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.episode-community-actions .episode-reviews-toggle svg,
.episode-community-actions .episode-community-toggle svg,
.episode-community-actions .episode-watched-button svg{
  flex:0 0 auto;
}


/* ==========================================================================
   EPISÓDICO — COMENTÁRIOS: REAÇÕES MAIS PRÓXIMAS DO TEXTO
   ========================================================================== */

.content-reactions-comment{
  margin-top:6px !important;
  padding-top:0 !important;
  border-top:0 !important;
}


/* ==========================================================================
   EPISÓDICO — EPISÓDIO: TIPOGRAFIA CONSISTENTE NOS BOTÕES
   ========================================================================== */

.episode-community-actions .episode-reviews-toggle,
.episode-community-actions .episode-community-toggle,
.episode-community-actions .episode-watched-button{
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.episode-community-actions .episode-reviews-toggle svg,
.episode-community-actions .episode-community-toggle svg,
.episode-community-actions .episode-watched-button svg{
  width:14px !important;
  height:14px !important;
}


/* ==========================================================================
   EPISÓDICO — REVIEWS.PHP: TIPOGRAFIA E LEITURA PROFISSIONAL
   ========================================================================== */

.reviews-page-main .reviews-results-head h2{
  font-size:20px !important;
  line-height:1.25 !important;
}

.reviews-page-main .reviews-results-head p{
  font-size:12px !important;
  line-height:1.5 !important;
}

.reviews-page-main .review-feed{
  gap:12px !important;
}

.reviews-page-main .review-feed-item{
  grid-template-columns:64px minmax(0,1fr) 34px !important;
  gap:18px !important;
  padding:18px !important;
  cursor:default !important;
}

.reviews-page-main .review-feed-main{
  min-width:0;
}

.reviews-page-main .review-feed-score{
  width:64px !important;
  height:64px !important;
  font-size:22px !important;
}

.reviews-page-main .review-feed-series{
  width:max-content;
  max-width:100%;
  color:#f7c51d !important;
  font-size:11px !important;
  line-height:1.3 !important;
  text-decoration:none !important;
}

.reviews-page-main .review-feed-series img{
  width:28px !important;
  height:40px !important;
}

.reviews-page-main .review-feed-title-link{
  display:inline-block;
  margin-top:7px;
  color:inherit;
  text-decoration:none;
}

.reviews-page-main .review-feed-item h3{
  margin:0 !important;
  color:#f1f3f3;
  font-size:20px !important;
  line-height:1.3 !important;
  font-weight:900;
}

.reviews-page-main .review-feed-title-link:hover h3,
.reviews-page-main .review-feed-series:hover{
  color:#f7c51d !important;
}

.reviews-page-main .review-feed-copy{
  margin-top:10px !important;
  color:#aeb7ba !important;
  font-size:14px !important;
  line-height:1.72 !important;
}

.reviews-page-main .review-feed-copy-full{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.reviews-page-main .review-feed-copy-full.is-expanded{
  display:block;
  overflow:visible;
}

.reviews-page-main .review-feed-copy-full p{
  margin:0;
}

.reviews-page-main .review-feed-expand{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#d4b427;
  font-size:10px !important;
  font-weight:900;
}

.reviews-page-main .review-feed-expand:hover{
  color:#f7c51d;
}

.reviews-page-main .review-feed-expand svg{
  width:13px;
  height:13px;
}

.reviews-page-main .review-feed-meta{
  gap:8px !important;
  margin-top:12px !important;
  color:#7b878c !important;
  font-size:11px !important;
  line-height:1.4 !important;
}

.reviews-page-main .review-feed-avatar{
  gap:7px !important;
  color:#c5ccce;
  font-weight:750;
}

.reviews-page-main .review-feed-avatar img,
.reviews-page-main .review-feed-avatar > span{
  width:26px !important;
  height:26px !important;
}

.reviews-page-main .review-feed-avatar > span{
  font-size:10px !important;
}

.reviews-page-main .reviews-page-reactions{
  width:max-content;
  margin-top:11px !important;
  padding-top:9px !important;
}

.reviews-page-main .content-reactions-label{
  font-size:11px !important;
}

.reviews-page-main .content-reaction-button{
  min-width:42px;
  height:34px;
  font-size:12px !important;
}

.reviews-page-main .content-reaction-button svg{
  width:16px !important;
  height:16px !important;
}

.reviews-page-main .review-feed-open{
  width:34px;
  height:34px;
  align-self:center;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  color:#707b80;
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

.reviews-page-main .review-feed-open svg{
  width:16px;
  height:16px;
}

.reviews-page-main .review-feed-open:hover{
  border-color:rgba(247,197,29,.32);
  background:rgba(247,197,29,.045);
  color:#f7c51d;
}

.reviews-page-main .review-featured-content p{
  font-size:14px !important;
  line-height:1.7 !important;
}

.reviews-page-main .review-featured-meta{
  font-size:11px !important;
  line-height:1.5 !important;
}

.reviews-page-main .review-stat span{
  font-size:11px !important;
  line-height:1.45 !important;
}

@media(max-width:760px){
  .reviews-page-main .review-feed-item{
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:13px !important;
    padding:15px !important;
  }

  .reviews-page-main .review-feed-score{
    width:54px !important;
    height:54px !important;
    font-size:19px !important;
  }

  .reviews-page-main .review-feed-open{
    display:none;
  }

  .reviews-page-main .review-feed-item h3{
    font-size:18px !important;
  }

  .reviews-page-main .review-feed-copy{
    font-size:13px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — REVIEWS: ESTATÍSTICAS CENTRALIZADAS + META ALINHADA
   ========================================================================== */

.reviews-page-main .review-stat{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.reviews-page-main .review-stat strong,
.reviews-page-main .review-stat span{
  width:100%;
  text-align:center !important;
}

.reviews-page-main .review-feed-meta{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap;
}

.reviews-page-main .review-feed-meta > span{
  display:inline-flex;
  align-items:center;
  line-height:1.4 !important;
}

.reviews-page-main .review-feed-avatar{
  display:inline-flex !important;
  align-items:center !important;
}

.reviews-page-main .review-feed-avatar img,
.reviews-page-main .review-feed-avatar > span{
  flex:0 0 auto;
  vertical-align:middle;
}


/* ==========================================================================
   EPISÓDICO — REVIEWS: AUTOR À ESQUERDA / CURTIU À DIREITA
   ========================================================================== */

.reviews-page-main .review-feed-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:12px;
}

.reviews-page-main .review-feed-footer .review-feed-meta{
  margin-top:0 !important;
  min-width:0;
}

.reviews-page-main .review-feed-footer .reviews-page-reactions{
  flex:0 0 auto;
  width:max-content;
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  justify-content:flex-end !important;
}

@media(max-width:700px){
  .reviews-page-main .review-feed-footer{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .reviews-page-main .review-feed-footer .reviews-page-reactions{
    justify-content:flex-start !important;
  }
}


/* ==========================================================================
   EPISÓDICO — HOVER GLOBAL DE FILTROS E CONTROLES
   Padrão único para evitar botões/filtros visualmente "mortos".
   ========================================================================== */

.filter-chip,
.series-command-clear,
.series-custom-select-trigger,
.series-search-submit,
.series-filter-commandbar button,
.series-advanced-filters button{
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease !important;
}

/* Filtros/chips neutros */
.filter-chip:not(.active):hover,
.series-command-clear:hover,
.series-custom-select-trigger:hover{
  color:#f7c51d !important;
  border-color:rgba(247,197,29,.45) !important;
  background:rgba(247,197,29,.055) !important;
}

/* Chip já selecionado: mantém o estado ativo, apenas reforça discretamente */
.filter-chip.active:hover{
  color:#f7c51d !important;
  border-color:rgba(247,197,29,.60) !important;
  background:rgba(247,197,29,.095) !important;
}

/* Botões de ação ligados às barras de filtros */
.series-search-submit:hover{
  border-color:#f7c51d !important;
  background:#f7c51d !important;
  color:#050809 !important;
}

/* Opções dos selects customizados */
.series-custom-select-option{
  transition:
    color .16s ease,
    background-color .16s ease !important;
}

.series-custom-select-option:hover{
  color:#f7c51d !important;
  background:rgba(247,197,29,.055) !important;
}

/* Controles de filtro genéricos que usam .btn dentro das áreas de descoberta */
.series-discovery-tools .btn:not(.btn-primary):hover{
  color:#f7c51d !important;
  border-color:rgba(247,197,29,.45) !important;
  background:rgba(247,197,29,.055) !important;
}

@media(hover:none){
  .filter-chip:not(.active):hover,
  .series-command-clear:hover,
  .series-custom-select-trigger:hover,
  .series-custom-select-option:hover,
  .series-discovery-tools .btn:not(.btn-primary):hover{
    color:inherit;
    border-color:inherit;
    background:inherit;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: DASHBOARD
   Dashboard mais legível, clicável e consistente.
   ========================================================================== */

.account-page .account-section-head .section-title{
  font-size:12px !important;
}

.account-page .account-section-head h2{
  margin-top:8px !important;
  font-size:27px !important;
  line-height:1.2 !important;
}

.account-dashboard-stats{
  gap:12px !important;
}

.account-dashboard-stat-link{
  position:relative;
  min-height:142px;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  padding:18px !important;
  overflow:hidden;
  text-decoration:none !important;
  cursor:pointer;
  transition:
    border-color .18s ease,
    background-color .18s ease,
    transform .18s ease !important;
}

.account-dashboard-stat-link:hover{
  border-color:rgba(247,197,29,.38) !important;
  background:rgba(247,197,29,.035) !important;
  transform:translateY(-2px);
}

.account-dashboard-stat-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  margin-bottom:5px;
  color:#f7c51d;
}

.account-dashboard-stat-icon svg{
  width:20px !important;
  height:20px !important;
  stroke-width:1.8;
}

.account-dashboard-stat-link > strong{
  color:#f4f6f6;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900;
}

.account-dashboard-stat-link > span:not(.account-dashboard-stat-icon){
  color:#8b989d !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:600;
}

.account-dashboard-stat-arrow{
  position:absolute;
  top:14px;
  right:14px;
  width:15px !important;
  height:15px !important;
  color:#596469;
  opacity:0;
  transform:translate(-3px,3px);
  transition:
    color .18s ease,
    opacity .18s ease,
    transform .18s ease;
}

.account-dashboard-stat-link:hover .account-dashboard-stat-arrow{
  color:#f7c51d;
  opacity:1;
  transform:translate(0,0);
}

.account-dashboard-panel{
  padding:20px !important;
}

.account-dashboard-panel .account-panel-head h3{
  font-size:18px !important;
  line-height:1.25 !important;
}

.account-dashboard-panel .account-panel-head a{
  font-size:10px !important;
}

.account-dashboard-panel .account-media-row{
  min-height:72px;
  gap:12px !important;
  padding:9px 0 !important;
}

.account-dashboard-panel .account-media-row img{
  width:42px !important;
  height:60px !important;
  object-fit:cover;
  border-radius:4px;
}

.account-dashboard-panel .account-media-row strong{
  color:#f1f3f3;
  font-size:13px !important;
  line-height:1.35 !important;
}

.account-dashboard-panel .account-media-row span{
  margin-top:4px;
  color:#758187 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

.account-dashboard-mini-stats{
  gap:12px !important;
}

.account-dashboard-mini-stats > a{
  position:relative;
  min-height:105px;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:10px;
  row-gap:5px;
  padding:16px !important;
  border:1px solid transparent;
  border-radius:8px;
  background:#050809;
  text-decoration:none;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.account-dashboard-mini-stats > a:hover{
  border-color:rgba(247,197,29,.30);
  background:rgba(247,197,29,.025);
}

.account-dashboard-mini-stats > a > svg:first-child{
  grid-row:1 / 3;
  align-self:center;
  width:18px;
  height:18px;
  color:#f7c51d;
}

.account-dashboard-mini-stats > a > strong{
  color:#f4f6f6;
  font-size:24px !important;
  line-height:1 !important;
}

.account-dashboard-mini-stats > a > span{
  color:#839096 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

.account-mini-stat-arrow{
  position:absolute;
  top:12px;
  right:12px;
  width:14px !important;
  height:14px !important;
  color:#596469;
  opacity:0;
  transition:
    color .18s ease,
    opacity .18s ease;
}

.account-dashboard-mini-stats > a:hover .account-mini-stat-arrow{
  color:#f7c51d;
  opacity:1;
}

/* Sidebar: remove microtexto também no dashboard/account */
.account-sidebar a{
  min-height:46px !important;
  font-size:13px !important;
}

.account-sidebar a svg{
  width:17px !important;
  height:17px !important;
}

/* Hero da conta */
.account-hero-copy .section-title{
  font-size:12px !important;
}

.account-hero-copy h1{
  font-size:36px !important;
  line-height:1.1 !important;
}

.account-hero-copy p{
  margin-top:8px !important;
  font-size:12px !important;
}

.account-public-link{
  font-size:10px !important;
}

@media(max-width:1000px){
  .account-dashboard-stat-link{
    min-height:128px;
  }
}

@media(max-width:700px){
  .account-page .account-section-head h2{
    font-size:24px !important;
  }

  .account-dashboard-stat-link{
    min-height:118px;
    padding:15px !important;
  }

  .account-dashboard-stat-link > strong{
    font-size:25px !important;
  }

  .account-dashboard-mini-stats > a{
    min-height:92px;
  }
}

@media(hover:none){
  .account-dashboard-stat-link:hover{
    transform:none;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: AVATAR MODERNO
   ========================================================================== */

.account-avatar-card{
  padding:20px !important;
}

.account-avatar-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.account-card-kicker{
  display:block;
  margin-bottom:6px;
  color:#728086;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.055em;
}

.account-avatar-card-head h3{
  margin:0;
  color:#f2f4f4;
  font-size:20px !important;
  line-height:1.2 !important;
}

.account-avatar-status{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid rgba(70,198,126,.25);
  border-radius:999px;
  background:rgba(48,148,91,.09);
  color:#72d79e;
  font-size:9px;
  font-weight:900;
}

.account-avatar-status svg{
  width:12px;
  height:12px;
}

.account-avatar-card-body{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:#060a0b;
}

.account-avatar-preview{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid rgba(247,197,29,.30);
  border-radius:50%;
  background:#101618;
  color:#f7c51d;
  font-size:28px;
  font-weight:900;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
}

.account-avatar-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.account-avatar-copy{
  min-width:0;
}

.account-avatar-copy strong{
  display:block;
  color:#f0f2f2;
  font-size:15px !important;
  line-height:1.3;
}

.account-avatar-copy p{
  max-width:420px;
  margin-top:6px;
  color:#7f8b90;
  font-size:12px !important;
  line-height:1.55;
}

.account-avatar-upload-form{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.account-avatar-card .account-avatar-picker{
  min-height:48px;
  padding:7px;
  border-radius:8px;
}

.account-avatar-card .account-avatar-picker-button{
  height:34px;
  padding:0 12px;
  font-size:10px !important;
}

.account-avatar-card .account-avatar-file-name{
  font-size:12px !important;
}

.account-avatar-card .account-avatar-submit{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px;
  margin:0 !important;
  font-size:11px !important;
}

.account-avatar-card .account-avatar-submit svg{
  width:14px;
  height:14px;
  color:#f7c51d;
}

.account-avatar-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.07);
}

.account-avatar-card-footer > div{
  min-width:0;
}

.account-avatar-card-footer strong{
  display:block;
  color:#d9dfe0;
  font-size:12px !important;
  line-height:1.35;
}

.account-avatar-card-footer span{
  display:block;
  margin-top:3px;
  color:#6f7b80;
  font-size:10px !important;
  line-height:1.45;
}

.account-avatar-remove{
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(232,84,84,.27);
  border-radius:7px;
  background:rgba(151,37,37,.07);
  color:#e78282;
  font-size:10px !important;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

.account-avatar-remove svg{
  width:14px;
  height:14px;
}

.account-avatar-remove:hover{
  border-color:rgba(232,84,84,.48);
  background:rgba(151,37,37,.14);
  color:#ff9c9c;
}

@media(max-width:620px){
  .account-avatar-card{
    padding:16px !important;
  }

  .account-avatar-card-body{
    grid-template-columns:72px minmax(0,1fr);
    gap:13px;
    padding:13px;
  }

  .account-avatar-preview{
    width:72px;
    height:72px;
    font-size:23px;
  }

  .account-avatar-card-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .account-avatar-card-footer form,
  .account-avatar-remove{
    width:100%;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: AJAX SEGURO
   ========================================================================== */

.account-ajax-toast{
  position:fixed;
  z-index:9999;
  right:22px;
  bottom:22px;
  max-width:min(420px,calc(100vw - 32px));
  padding:12px 15px;
  border:1px solid rgba(247,197,29,.28);
  border-radius:8px;
  background:#0b1012;
  box-shadow:0 18px 55px rgba(0,0,0,.48);
  color:#e9edef;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:
    opacity .18s ease,
    transform .18s ease;
}

.account-ajax-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}

.account-page button.is-loading{
  opacity:.58;
  cursor:wait !important;
  pointer-events:none;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: PERFIL / SEGURANÇA EQUILIBRADO
   ========================================================================== */

.account-profile-layout{
  display:grid;
  gap:16px;
}

.account-profile-top-grid,
.account-security-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:16px;
}

.account-profile-top-grid > *,
.account-security-grid > *{
  min-width:0;
  width:100%;
  margin:0 !important;
}

.account-profile-top-grid .account-profile-main-card,
.account-profile-top-grid .account-avatar-card{
  height:100%;
}

.account-profile-main-card{
  align-content:start !important;
}

.account-profile-top-grid .account-avatar-card{
  display:flex;
  flex-direction:column;
}

.account-profile-top-grid .account-avatar-upload-form{
  margin-top:14px;
}

.account-profile-top-grid .account-avatar-card-footer{
  margin-top:auto;
  padding-top:15px;
}

.account-security-grid .account-security-card{
  height:100%;
  align-content:start !important;
}

/*
 * Os dois cards inferiores usam a mesma régua.
 * Botões ficam alinhados ao fim sem criar vazios exagerados.
 */
.account-security-card{
  display:grid !important;
  grid-template-rows:auto auto auto 42px;
  align-content:start !important;
}

.account-security-card > button{
  align-self:end;
}

/* Trocar senha possui um campo a mais: mantém fluxo natural. */
.account-security-grid .account-security-card:last-child{
  grid-template-rows:auto auto auto auto 42px;
}

@media(max-width:900px){
  .account-profile-top-grid,
  .account-security-grid{
    grid-template-columns:1fr;
  }

  .account-profile-top-grid .account-avatar-card,
  .account-profile-top-grid .account-profile-main-card,
  .account-security-grid .account-security-card{
    height:auto;
  }

  .account-profile-top-grid .account-avatar-card-footer{
    margin-top:16px;
  }
}


/* ==========================================================================
   EPISÓDICO — DASHBOARD: HOVER NO "CONTINUE ASSISTINDO"
   ========================================================================== */

.account-dashboard-panel .account-media-row{
  position:relative;
  border-radius:7px;
  transition:
    background-color .18s ease,
    padding-left .18s ease,
    padding-right .18s ease;
}

.account-dashboard-panel .account-media-row::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid transparent;
  border-radius:7px;
  pointer-events:none;
  transition:border-color .18s ease;
}

.account-dashboard-panel .account-media-row img{
  transition:
    transform .20s ease,
    box-shadow .20s ease;
}

.account-dashboard-panel .account-media-row strong{
  transition:color .18s ease;
}

.account-dashboard-panel .account-media-row:hover{
  padding-left:8px !important;
  padding-right:8px !important;
  background:rgba(247,197,29,.035);
}

.account-dashboard-panel .account-media-row:hover::after{
  border-color:rgba(247,197,29,.14);
}

.account-dashboard-panel .account-media-row:hover img{
  transform:scale(1.045);
  box-shadow:0 6px 18px rgba(0,0,0,.26);
}

.account-dashboard-panel .account-media-row:hover strong{
  color:#f7c51d;
}

@media(hover:none){
  .account-dashboard-panel .account-media-row:hover{
    padding-left:0 !important;
    padding-right:0 !important;
    background:transparent;
  }

  .account-dashboard-panel .account-media-row:hover::after{
    border-color:transparent;
  }

  .account-dashboard-panel .account-media-row:hover img{
    transform:none;
    box-shadow:none;
  }

  .account-dashboard-panel .account-media-row:hover strong{
    color:#f1f3f3;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: RÉGUA TIPOGRÁFICA LEGÍVEL
   Nunca voltar a usar microtexto nesta área.
   ========================================================================== */

/* Títulos e headings */
.account-page .section-title{
  font-size:12px !important;
  line-height:1.2 !important;
}

.account-page .account-section-head h2{
  font-size:28px !important;
  line-height:1.2 !important;
}

.account-page .account-panel h3,
.account-page .account-subtitle{
  font-size:18px !important;
  line-height:1.3 !important;
}

.account-page .account-panel-head h3{
  font-size:18px !important;
  line-height:1.3 !important;
}

/* Labels de formulário */
.account-page label,
.account-page .account-form label,
.account-page .account-status-label,
.account-page .account-card-kicker{
  font-size:11px !important;
  line-height:1.35 !important;
}

/* Inputs, textarea, selects, triggers */
.account-page input,
.account-page textarea,
.account-page select,
.account-page .account-custom-select-trigger,
.account-page .account-custom-select-value,
.account-page .account-watch-trigger{
  font-size:13px !important;
  line-height:1.4 !important;
}

/* Opções internas dos selects */
.account-page .account-custom-select-option,
.account-page .account-watch-option{
  min-height:44px !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.account-page .account-custom-select-option > span,
.account-page .account-watch-option > span{
  font-size:12px !important;
}

/* Botões gerais da conta */
.account-page button,
.account-page .btn-dark,
.account-page .btn-yellow,
.account-page .account-series-save,
.account-page .account-avatar-picker-button,
.account-page .account-avatar-submit,
.account-page .account-avatar-remove,
.account-page .episode-action-primary,
.account-page .episode-action-secondary{
  font-size:11px !important;
  line-height:1 !important;
}

/* Sidebar */
.account-page .account-sidebar a{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* Textos auxiliares / descrições */
.account-page .account-avatar-copy p,
.account-page .account-avatar-card-footer span,
.account-page .account-empty,
.account-page .account-filter-empty p,
.account-page .account-section-head p,
.account-page .episode-next,
.account-page .episode-progress-meta,
.account-page .account-media-row span,
.account-page .account-mini-stats span{
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Meta e estados */
.account-page .account-library-main > span,
.account-page .account-person-card > span,
.account-page .account-user-row span,
.account-page .account-comment-card small,
.account-page .account-activity-card span,
.account-page .episode-status-pill,
.account-page .account-avatar-status{
  font-size:11px !important;
  line-height:1.35 !important;
}

/* Chips e filtros */
.account-page .account-filter-pill,
.account-page .account-filter-pill span,
.account-page .account-filter-pill b{
  font-size:11px !important;
}

/* Avatar picker */
.account-page .account-avatar-file-name{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Links secundários */
.account-page .account-public-link,
.account-page .account-panel-head a,
.account-page .account-danger-link{
  font-size:11px !important;
}

/* Conteúdo de reviews/comentários dentro da conta */
.account-page .account-activity-card h4,
.account-page .account-comment-card strong{
  font-size:14px !important;
  line-height:1.35 !important;
}

.account-page .account-activity-card p,
.account-page .account-comment-card p{
  font-size:13px !important;
  line-height:1.6 !important;
}

/* Evita que classes antigas reduzam de novo a fonte */
.account-page small{
  font-size:11px !important;
  line-height:1.4 !important;
}

@media(max-width:700px){
  .account-page .account-section-head h2{
    font-size:24px !important;
  }

  .account-page .account-panel h3,
  .account-page .account-subtitle{
    font-size:17px !important;
  }

  .account-page input,
  .account-page textarea,
  .account-page select,
  .account-page .account-custom-select-trigger,
  .account-page .account-custom-select-value,
  .account-page .account-watch-trigger{
    font-size:13px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: CONFIRMAÇÃO DE AÇÕES DESTRUTIVAS
   ========================================================================== */

.account-confirm-overlay{
  position:fixed;
  z-index:10050;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .18s ease,
    visibility .18s ease;
}

.account-confirm-overlay.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.account-confirm-modal{
  position:relative;
  width:min(440px,100%);
  padding:24px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:#0a0f11;
  box-shadow:0 26px 80px rgba(0,0,0,.62);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}

.account-confirm-overlay.is-open .account-confirm-modal{
  transform:translateY(0) scale(1);
}

.account-confirm-close{
  position:absolute;
  top:13px;
  right:13px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#667277;
  transition:
    color .16s ease,
    border-color .16s ease,
    background-color .16s ease;
}

.account-confirm-close:hover{
  color:#f2f4f4;
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}

.account-confirm-close svg{
  width:17px;
  height:17px;
}

.account-confirm-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:17px;
  border:1px solid rgba(235,86,86,.24);
  border-radius:50%;
  background:rgba(168,43,43,.10);
  color:#ed8585;
}

.account-confirm-icon svg{
  width:21px;
  height:21px;
}

.account-confirm-copy > span{
  display:block;
  margin-bottom:7px;
  color:#e47f7f;
  font-size:11px !important;
  line-height:1;
  font-weight:900;
  letter-spacing:.055em;
}

.account-confirm-copy h3{
  margin:0;
  color:#f4f6f6;
  font-size:21px !important;
  line-height:1.25 !important;
}

.account-confirm-copy p{
  margin:9px 0 0;
  max-width:365px;
  color:#929da1;
  font-size:13px !important;
  line-height:1.6 !important;
}

.account-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:22px;
}

.account-confirm-cancel,
.account-confirm-danger{
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:7px;
  font-size:11px !important;
  line-height:1;
  font-weight:900;
}

.account-confirm-cancel{
  border:1px solid rgba(255,255,255,.11);
  background:#0c1113;
  color:#c3cbce;
}

.account-confirm-cancel:hover{
  border-color:rgba(247,197,29,.32);
  background:rgba(247,197,29,.045);
  color:#f7c51d;
}

.account-confirm-danger{
  border:1px solid rgba(235,86,86,.35);
  background:rgba(167,45,45,.14);
  color:#f09595;
}

.account-confirm-danger:hover{
  border-color:rgba(235,86,86,.58);
  background:rgba(183,49,49,.22);
  color:#ffabab;
}

.account-confirm-danger svg{
  width:14px;
  height:14px;
}

@media(max-width:520px){
  .account-confirm-modal{
    padding:20px;
  }

  .account-confirm-actions{
    grid-template-columns:1fr;
  }

  .account-confirm-cancel{
    order:2;
  }

  .account-confirm-danger{
    order:1;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: RESULTADOS DE BUSCA DE SÉRIES
   Controles consistentes com a biblioteca.
   ========================================================================== */

.account-search-results{
  gap:10px !important;
}

.account-result-card-modern{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:12px !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:8px !important;
  background:#050809;
}

.account-result-media{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.account-result-media > img,
.account-result-poster-fallback{
  width:46px !important;
  height:64px !important;
  flex:0 0 46px;
  object-fit:cover;
  border-radius:4px;
  overflow:hidden;
}

.account-result-poster-fallback{
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.07);
  background:#0b1012;
  color:#5f6b70;
}

.account-result-poster-fallback svg{
  width:18px;
  height:18px;
}

.account-result-copy{
  min-width:0;
}

.account-result-copy strong{
  display:block;
  overflow:hidden;
  color:#f0f2f2;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-result-copy span{
  display:block;
  margin-top:5px;
  color:#748086 !important;
  font-size:11px !important;
  line-height:1.3 !important;
}

.account-result-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
}

.account-result-favorite{
  height:40px !important;
  min-height:40px !important;
  padding:0 12px !important;
  font-size:11px !important;
}

.account-result-favorite .account-favorite-text{
  font-size:11px !important;
}

.account-result-watch-select{
  position:relative;
  width:190px;
  flex:0 0 190px;
}

.account-result-watch-trigger{
  width:100%;
  height:40px !important;
  min-height:40px !important;
  padding:0 36px 0 12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:7px !important;
  background:#050809 !important;
  color:#edf0f1 !important;
  font-size:12px !important;
}

.account-result-watch-select.is-open .account-result-watch-trigger{
  border-color:rgba(247,197,29,.46) !important;
  box-shadow:0 0 0 2px rgba(247,197,29,.04);
}

.account-result-watch-menu{
  top:calc(100% + 7px) !important;
  left:0 !important;
  right:0 !important;
  min-width:220px;
}

.account-result-watch-menu .account-watch-option{
  min-height:42px !important;
  font-size:12px !important;
}

.account-result-add{
  height:40px !important;
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px;
  padding:0 15px !important;
  font-size:11px !important;
  white-space:nowrap;
}

.account-result-add svg{
  width:14px;
  height:14px;
}

/* Remove qualquer aparência nativa que regras antigas ainda tentem aplicar */
.account-result-card-modern select{
  display:none !important;
}

.account-result-card-modern > label:not(.account-favorite-control){
  display:none !important;
}

@media(max-width:900px){
  .account-result-card-modern{
    grid-template-columns:1fr !important;
  }

  .account-result-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:560px){
  .account-result-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .account-result-favorite,
  .account-result-watch-select{
    width:100%;
    max-width:none;
    flex:auto;
  }

  .account-result-add{
    grid-column:1 / -1;
    width:100%;
  }

  .account-result-watch-menu{
    min-width:100%;
  }
}


/* ==========================================================================
   EPISÓDICO — BUSCA DE SÉRIES: CONTROLES 100% CONSISTENTES
   ========================================================================== */

.account-result-actions .account-result-favorite,
.account-result-actions .account-result-watch-trigger,
.account-result-actions .account-result-add{
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-radius:7px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.account-result-actions .account-result-favorite .account-favorite-text,
.account-result-actions .account-result-watch-trigger > span,
.account-result-actions .account-result-add{
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.account-result-actions .account-result-favorite svg,
.account-result-actions .account-result-watch-trigger svg,
.account-result-actions .account-result-add svg{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
}

.account-result-actions .account-result-favorite{
  padding-left:12px !important;
  padding-right:12px !important;
}

.account-result-actions .account-result-watch-trigger{
  justify-content:flex-start !important;
  padding-left:12px !important;
  padding-right:36px !important;
}

.account-result-actions .account-result-add{
  padding-left:15px !important;
  padding-right:15px !important;
}


/* ==========================================================================
   EPISÓDICO — BUSCA DE SÉRIES: FEEDBACK APÓS ADICIONAR
   ========================================================================== */

.account-result-card-modern.is-added{
  border-color:rgba(72,194,124,.28) !important;
  background:rgba(42,130,79,.035) !important;
}

.account-result-card-modern.is-added .account-result-add{
  border-color:rgba(72,194,124,.30) !important;
  background:rgba(48,143,87,.12) !important;
  color:#79d99f !important;
}

.account-result-card-modern.is-added .account-result-add svg{
  color:#79d99f !important;
}

/* ==========================================================================
   EPISÓDICO — MINHA CONTA: BUSCA DE SÉRIES VIA AJAX
   ========================================================================== */

[data-series-search-region]{
  min-height:0;
  transition:opacity .16s ease;
}

[data-series-search-region].is-loading{
  opacity:.48;
  pointer-events:none;
}

.account-search [data-series-ajax-search-button].is-loading{
  opacity:.58;
  cursor:wait !important;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: EPISÓDIOS DIVIDIDOS POR TEMPORADA
   ========================================================================== */

.episode-season-list{
  display:grid;
  gap:9px;
  margin-top:14px;
}

.episode-season-block{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:#050809;
}

.episode-season-toggle{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 14px;
  border:0;
  background:#070b0d;
  color:#dce1e2;
  text-align:left;
  transition:
    color .18s ease,
    background-color .18s ease;
}

.episode-season-toggle:hover{
  background:rgba(247,197,29,.035);
  color:#f7c51d;
}

.episode-season-title,
.episode-season-summary{
  display:flex;
  align-items:center;
}

.episode-season-title{
  gap:9px;
  min-width:0;
  font-size:12px !important;
  line-height:1;
  font-weight:900;
}

.episode-season-title svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#f7c51d;
}

.episode-season-summary{
  flex:0 0 auto;
  gap:7px;
  color:#778489;
  font-size:11px !important;
  line-height:1;
}

.episode-season-summary strong{
  color:#dfe4e5;
  font-size:12px !important;
}

.episode-season-summary b{
  min-width:38px;
  height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 7px;
  border:1px solid rgba(247,197,29,.16);
  border-radius:999px;
  background:rgba(247,197,29,.055);
  color:#f7c51d;
  font-size:10px !important;
}

.episode-season-chevron{
  width:15px;
  height:15px;
  margin-left:2px;
  color:#6f7a7f;
  transition:
    color .18s ease,
    transform .18s ease;
}

.episode-season-block.is-open .episode-season-chevron{
  color:#f7c51d;
  transform:rotate(180deg);
}

.episode-season-panel{
  display:none;
  padding:0 12px 12px;
}

.episode-season-block.is-open .episode-season-panel{
  display:block;
}

.episode-season-progress{
  height:3px;
  margin-bottom:11px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}

.episode-season-progress > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#f7c51d;
}

.episode-season-panel .episode-progress-grid{
  margin-top:0 !important;
}

@media(max-width:650px){
  .episode-season-toggle{
    min-height:54px;
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    gap:6px;
  }

  .episode-season-summary{
    width:100%;
  }

  .episode-season-summary .episode-season-chevron{
    margin-left:auto;
  }
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: PESSOAS FAVORITAS
   Inicial centralizada quando não há foto + zoom suave
   ========================================================================== */

.account-people-grid .account-person-card{
  overflow:hidden;
}

.account-people-grid .account-person-photo-wrap{
  position:relative;
  width:100%;
  aspect-ratio:2 / 3;
  display:block;
  overflow:hidden;
  border-radius:6px;
  background:#0a0e10;
  text-decoration:none;
}

.account-people-grid .account-person-photo-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transition:transform .24s ease;
}

.account-people-grid .account-person-card:hover .account-person-photo-wrap img{
  transform:scale(1.045);
}

.account-people-grid .account-person-photo-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:6px;
  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(247,197,29,.075),
      transparent 54%
    ),
    #0a0e10;
  color:#f7c51d;
  font-size:58px !important;
  line-height:1 !important;
  font-weight:900;
  letter-spacing:-.04em;
  transition:
    transform .24s ease,
    background-color .24s ease;
}

.account-people-grid .account-person-card:hover .account-person-photo-fallback{
  transform:scale(1.035);
}

@media(hover:none){
  .account-people-grid .account-person-card:hover .account-person-photo-wrap img,
  .account-people-grid .account-person-card:hover .account-person-photo-fallback{
    transform:none;
  }
}


/* ==========================================================================
   EPISÓDICO — PESSOAS: RESTAURA COMPOSIÇÃO ORIGINAL DO CARD
   Mantém apenas fallback + zoom.
   ========================================================================== */

.account-people-grid .account-person-card{
  overflow:visible !important;
}

.account-people-grid .account-person-photo-wrap{
  width:100% !important;
  aspect-ratio:1 / 1.2 !important;
  display:block !important;
  overflow:hidden !important;
  margin-bottom:9px !important;
  border-radius:6px !important;
}

.account-people-grid .account-person-photo-wrap img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border-radius:0 !important;
}

.account-people-grid .account-person-photo-fallback{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  border-radius:0 !important;
}

.account-people-grid .account-person-card > a:not(.account-person-photo-wrap){
  display:block;
  min-width:0;
  text-decoration:none;
}

.account-people-grid .account-person-card > a:not(.account-person-photo-wrap) strong,
.account-people-grid .account-person-card > strong{
  display:block !important;
  margin:0 !important;
  overflow:hidden;
  color:#f0f2f2;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-people-grid .account-person-card:hover > a:not(.account-person-photo-wrap) strong{
  color:#f7c51d;
}


/* ==========================================================================
   EPISÓDICO — PESSOAS: NOME LEGÍVEL
   ========================================================================== */

.account-people-grid .account-person-card > a:not(.account-person-photo-wrap) strong,
.account-people-grid .account-person-card > strong{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}


/* ==========================================================================
   EPISÓDICO — CONTA / FOOTER: LIMITE VISUAL CORRETO
   O respiro inferior da conta não deve carregar o background da página.
   ========================================================================== */

.account-page{
  padding-bottom:0 !important;
  margin-bottom:70px;
}


/* ==========================================================================
   EPISÓDICO — CONTA / FOOTER: REMOVE FAIXA VAZIA ACIMA DO FOOTER
   ========================================================================== */

.account-page{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}


/* ==========================================================================
   EPISÓDICO — CONTA: REMOVE ALTURA MÍNIMA QUE EMPURRAVA O FOOTER
   ========================================================================== */

.account-page{
  min-height:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}


/* ==========================================================================
   EPISÓDICO — CONTA: NÃO PINTAR A ÁREA ATÉ O FOOTER
   A conta usa o background global do body, como as demais páginas.
   ========================================================================== */

.account-page{
  background:transparent !important;
}


/* ==========================================================================
   EPISÓDICO — CONTA: FOOTER NO FIM DA VIEWPORT SEM FAIXA FALSA
   ========================================================================== */

body:has(.account-page){
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

body:has(.account-page) .account-page{
  flex:1 0 auto;
  width:100%;
  min-height:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  background:transparent !important;
}

body:has(.account-page) .episodico-footer{
  flex:0 0 auto;
  margin-top:0;
}


/* ==========================================================================
   EPISÓDICO — CONTA: RESPIRO CORRETO ANTES DO FOOTER
   ========================================================================== */

body:has(.account-page) .account-page{
  min-height:0 !important;
  margin-bottom:0 !important;
  padding-bottom:36px !important;
  background:transparent !important;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: LIKES / DISLIKES NAS REVIEWS
   ========================================================================== */

.account-review-card .account-review-content{
  min-width:0;
}

.account-review-card .account-review-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.account-review-card .account-review-heading > a{
  text-decoration:none;
}

.account-review-card .account-review-heading > span{
  margin-left:0 !important;
}

.account-review-card .account-review-reactions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:11px;
}

.account-review-card .account-review-reactions > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:0 !important;
  color:#7f8c91;
  font-size:12px !important;
  line-height:1 !important;
}

.account-review-card .account-review-reactions svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
}

.account-review-card .account-review-reactions strong{
  color:#b8c1c4;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800;
}

.account-review-card .account-review-reactions > span:first-child svg{
  color:#73c998;
}

.account-review-card .account-review-reactions .is-dislike svg{
  color:#d97979;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: FILTROS DAS REVIEWS
   ========================================================================== */

.account-review-filter-bar{
  margin-bottom:14px;
}

.account-review-filter-bar .account-filter-pill{
  min-height:36px;
}

.account-review-filter-bar .account-filter-pill span,
.account-review-filter-bar .account-filter-pill b{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800;
}

.account-review-filter-bar .account-filter-pill b{
  min-width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#9aa4a8;
}

.account-review-filter-bar .account-filter-pill.is-active b{
  background:rgba(247,197,29,.10);
  color:#f7c51d;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: COMENTÁRIOS NO MESMO PADRÃO DE REVIEWS
   ========================================================================== */

.account-comment-filter-bar{
  margin-bottom:14px;
}

.account-comment-filter-bar .account-filter-pill{
  min-height:36px;
}

.account-comment-filter-bar .account-filter-pill span,
.account-comment-filter-bar .account-filter-pill b{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800;
}

.account-comment-filter-bar .account-filter-pill b{
  min-width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#9aa4a8;
}

.account-comment-filter-bar .account-filter-pill.is-active b{
  background:rgba(247,197,29,.10);
  color:#f7c51d;
}

.account-comment-card-review-style{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:14px !important;
}

.account-comment-card-review-style .account-comment-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#080c0e;
  color:#f7c51d;
}

.account-comment-card-review-style .account-comment-icon svg{
  width:17px;
  height:17px;
}

.account-comment-card-review-style .account-comment-content{
  min-width:0;
}

.account-comment-card-review-style .account-comment-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.account-comment-card-review-style .account-comment-heading > a{
  text-decoration:none;
}

.account-comment-card-review-style .account-comment-heading strong{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

.account-comment-card-review-style .account-comment-heading > span{
  margin-left:0 !important;
}

.account-comment-card-review-style .account-comment-content > p{
  margin:7px 0 0 !important;
  color:#a7b0b3;
  font-size:13px !important;
  line-height:1.6 !important;
}

.account-comment-card-review-style .account-comment-meta{
  margin-top:6px;
  color:#6f7b80;
  font-size:11px !important;
  line-height:1.35 !important;
}

.account-comment-card-review-style .account-comment-reactions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:10px;
}

.account-comment-card-review-style .account-comment-reactions > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#7f8c91;
  font-size:12px !important;
  line-height:1 !important;
}

.account-comment-card-review-style .account-comment-reactions svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
}

.account-comment-card-review-style .account-comment-reactions strong{
  color:#b8c1c4;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800;
}

.account-comment-card-review-style .account-comment-reactions > span:first-child svg{
  color:#73c998;
}

.account-comment-card-review-style .account-comment-reactions .is-dislike svg{
  color:#d97979;
}

.account-comment-card-review-style .account-comment-delete-form{
  align-self:start;
  justify-self:end;
  margin-left:auto;
}

@media(max-width:620px){
  .account-comment-card-review-style{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .account-comment-card-review-style .account-comment-delete-form{
    grid-column:2;
    justify-self:start;
    margin-top:2px;
    margin-left:0;
  }
}


/* ==========================================================================
   EPISÓDICO — COMENTÁRIOS: RESPEITAR FILTRO HIDDEN
   O display:grid !important do card não pode vencer o atributo hidden.
   ========================================================================== */

.account-comment-card-review-style[hidden],
[data-comment-card][hidden]{
  display:none !important;
}


/* ==========================================================================
   EPISÓDICO — MINHA CONTA: LISTAS
   ========================================================================== */

.account-lists-head{
  align-items:flex-end;
}

.account-lists-head p{
  margin-top:7px;
  color:#7c888c;
  font-size:13px !important;
  line-height:1.5 !important;
}

.account-list-create-toggle{
  min-width:132px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12px !important;
}

.account-list-create-toggle svg,
.account-list-create-actions svg{
  width:14px;
  height:14px;
}

.account-list-create-panel{
  margin:0 0 22px;
}

.account-list-create-panel[hidden]{
  display:none !important;
}

.account-list-create-form{
  max-width:760px;
}

.account-list-create-form .account-panel-head{
  margin-bottom:2px;
}

.account-list-create-form .account-panel-head span{
  display:block;
  margin-top:4px;
  font-size:12px !important;
  line-height:1.45 !important;
}

.account-list-create-close{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  color:#7d898d;
}

.account-list-create-close:hover{
  border-color:rgba(247,197,29,.32);
  color:#f7c51d;
}

.account-list-create-close svg{
  width:15px;
  height:15px;
}

.account-list-create-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:12px;
}

.account-list-visibility-field{
  display:grid;
  align-content:start;
  gap:6px;
}

.account-list-field-label{
  color:#9da7aa;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:800;
  text-transform:uppercase;
}

.account-list-visibility-select .account-custom-select-trigger{
  min-height:42px;
}

.account-list-create-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.account-list-create-actions .btn-dark,
.account-list-create-actions .btn-yellow{
  min-width:118px;
  font-size:12px !important;
}

.account-lists-section{
  margin-top:26px;
}

.account-lists-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:11px;
}

.account-lists-section-head h3{
  margin:0;
  color:#eef1f1;
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:900;
}

.account-lists-section-head span{
  display:block;
  margin-top:4px;
  color:#737f84;
  font-size:12px !important;
  line-height:1.35 !important;
}

.account-collections-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.account-collection-modern{
  margin:0 !important;
  padding:16px !important;
  background:#080c0e;
}

.account-collection-top{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
}

.account-collection-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(247,197,29,.14);
  border-radius:7px;
  background:rgba(247,197,29,.04);
  color:#f7c51d;
}

.account-collection-icon svg{
  width:17px;
  height:17px;
}

.account-collection-heading{
  min-width:0;
}

.account-collection-heading h3{
  margin:0 !important;
  overflow:hidden;
  color:#edf0f0;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-collection-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
  color:#718086;
}

.account-collection-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:11px !important;
  line-height:1.2 !important;
}

.account-collection-meta svg{
  width:12px;
  height:12px;
}

.account-collection-description{
  margin:12px 0 0 !important;
  color:#929da1 !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

.account-collection-items-modern{
  display:grid;
  gap:6px;
  margin-top:14px;
}

.account-collection-series{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:5px 7px 5px 5px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:6px;
  background:#06090a;
}

.account-collection-series-main{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:9px;
  text-decoration:none;
}

.account-collection-series-main img,
.account-collection-series-fallback{
  width:30px;
  height:40px;
  display:grid;
  place-items:center;
  object-fit:cover;
  border-radius:3px;
  background:#0d1315;
  color:#697579;
}

.account-collection-series-fallback svg{
  width:13px;
  height:13px;
}

.account-collection-series-main strong{
  display:block;
  overflow:hidden;
  color:#dce1e2;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-collection-series-main small{
  display:block;
  margin-top:3px;
  color:#68757a;
  font-size:11px !important;
}

.account-collection-series-remove{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:5px;
  color:#8c6666;
}

.account-collection-series-remove:hover{
  background:rgba(220,91,91,.06);
  color:#df7a7a;
}

.account-collection-series-remove svg{
  width:14px;
  height:14px;
}

.account-collection-empty{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:14px;
  border:1px dashed rgba(255,255,255,.07);
  border-radius:6px;
  color:#68757a;
}

.account-collection-empty svg{
  width:15px;
  height:15px;
}

.account-collection-empty span{
  font-size:12px !important;
}

.account-collection-add-area{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}

.account-collection-add-toggle{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  color:#9da7aa;
  font-size:11px !important;
  font-weight:900;
}

.account-collection-add-toggle:hover{
  border-color:rgba(247,197,29,.32);
  color:#f7c51d;
}

.account-collection-add-toggle svg{
  width:13px;
  height:13px;
}

.account-collection-search-panel{
  margin-top:9px;
}

.account-collection-search-panel[hidden]{
  display:none !important;
}

.account-collection-search{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}

.account-collection-search > svg{
  position:absolute;
  z-index:1;
  top:50%;
  left:11px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
  pointer-events:none;
}

.account-collection-search input{
  width:100%;
  min-height:40px;
  padding:0 12px 0 34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:6px;
  outline:0;
  background:#050809;
  color:#e7ebeb;
  font-size:13px !important;
}

.account-collection-search input:focus{
  border-color:rgba(247,197,29,.38);
}

.account-collection-search .btn-dark{
  min-height:40px;
  font-size:11px !important;
}

.account-collection-search-results{
  display:grid;
  gap:5px;
  margin-top:7px;
  transition:opacity .15s ease;
}

.account-collection-search-results.is-loading{
  opacity:.5;
  pointer-events:none;
}

.account-list-search-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:6px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:6px;
  background:#06090a;
}

.account-list-search-result-main{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
}

.account-list-search-result-main img,
.account-list-search-poster-fallback{
  width:34px;
  height:46px;
  display:grid;
  place-items:center;
  object-fit:cover;
  border-radius:3px;
  background:#0d1315;
  color:#657176;
}

.account-list-search-poster-fallback svg{
  width:14px;
  height:14px;
}

.account-list-search-result-main strong{
  display:block;
  overflow:hidden;
  color:#dfe3e4;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-list-search-result-main small{
  display:block;
  margin-top:3px;
  color:#68757a;
  font-size:11px !important;
}

.account-list-search-result .btn-yellow,
.account-list-search-added{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border-radius:5px;
  font-size:10px !important;
  font-weight:900;
}

.account-list-search-result .btn-yellow svg,
.account-list-search-added svg{
  width:12px;
  height:12px;
}

.account-list-search-added{
  border:1px solid rgba(82,213,139,.16);
  background:rgba(82,213,139,.04);
  color:#70c994;
}

.account-list-search-empty{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#6f7a7f;
}

.account-list-search-empty svg{
  width:14px;
  height:14px;
}

.account-list-search-empty span{
  font-size:12px !important;
}

.account-saved-list-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.account-saved-list-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:#080c0e;
}

.account-saved-list-main{
  display:block;
  text-decoration:none;
}

.account-saved-list-main img,
.account-saved-list-cover-fallback{
  width:100%;
  aspect-ratio:16 / 7;
  display:grid;
  place-items:center;
  object-fit:cover;
  background:#0c1113;
  color:#f7c51d;
}

.account-saved-list-cover-fallback svg{
  width:26px;
  height:26px;
}

.account-saved-list-copy{
  display:block;
  padding:12px;
}

.account-saved-list-copy small{
  display:block;
  margin-bottom:4px;
  color:#f7c51d;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:900;
}

.account-saved-list-copy strong{
  display:block;
  color:#e9ecec;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:900;
}

.account-saved-list-card > form{
  padding:0 12px 12px;
}

.account-saved-list-remove{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#889499;
  font-size:10px !important;
  font-weight:900;
}

.account-saved-list-remove:hover{
  color:#df7a7a;
}

.account-saved-list-remove svg{
  width:13px;
  height:13px;
}

@media(max-width:900px){
  .account-collections-grid{
    grid-template-columns:1fr;
  }

  .account-saved-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .account-lists-head{
    align-items:flex-start;
  }

  .account-list-create-toggle{
    width:100%;
  }

  .account-list-create-grid{
    grid-template-columns:1fr;
  }

  .account-list-create-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .account-saved-list-grid{
    grid-template-columns:1fr;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTAS: CRIAÇÃO EM LARGURA TOTAL + BOTÕES CORRETOS
   ========================================================================== */

.account-list-create-panel{
  width:100%;
}

.account-list-create-form{
  width:100%;
  max-width:none !important;
}

.account-list-create-form .account-panel-head{
  align-items:flex-start;
}

.account-list-create-close{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:7px !important;
  background:#070b0d !important;
  color:#7f8a8f !important;
  line-height:1 !important;
}

.account-list-create-close:hover{
  border-color:rgba(247,197,29,.34) !important;
  background:rgba(247,197,29,.035) !important;
  color:#f7c51d !important;
}

.account-list-create-close svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
}

.account-list-create-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  margin-top:0 !important;
}

.account-list-create-actions .btn-dark,
.account-list-create-actions .btn-yellow{
  width:auto !important;
  min-width:136px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 16px !important;
  margin:0 !important;
  border-radius:7px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.account-list-create-actions .btn-yellow svg{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
}

.account-list-create-actions .btn-yellow{
  min-width:148px !important;
}

@media(max-width:620px){
  .account-list-create-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .account-list-create-actions .btn-dark,
  .account-list-create-actions .btn-yellow{
    width:100% !important;
    min-width:0 !important;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTAS: CHEVRON DA VISIBILIDADE À DIREITA
   ========================================================================== */

.account-list-visibility-select .account-custom-select-trigger{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-right:38px !important;
}

.account-list-visibility-select .account-custom-select-trigger > svg{
  position:absolute !important;
  top:50% !important;
  right:13px !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
}


/* ==========================================================================
   EPISÓDICO — LISTAS: VITRINE + DETALHE SOCIAL
   ========================================================================== */

.lists-page-hero{
  position:relative;
  padding:44px 0 34px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 82% 18%,rgba(247,197,29,.055),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.014),transparent);
}

.lists-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  align-items:end;
  gap:50px;
}

.lists-page-hero h1{
  max-width:820px;
  margin-top:10px;
  color:#f2f4f4;
  font-size:46px;
  line-height:1.02;
  font-weight:950;
  letter-spacing:-.035em;
}

.lists-page-hero p{
  max-width:760px;
  margin-top:14px;
  color:#929da1;
  font-size:16px;
  line-height:1.65;
}

.lists-page-hero-note{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  padding:16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:rgba(8,13,15,.72);
}

.lists-page-hero-note>svg{
  width:42px;
  height:42px;
  padding:11px;
  border:1px solid rgba(247,197,29,.18);
  border-radius:9px;
  color:#f7c51d;
}

.lists-page-hero-note strong{
  display:block;
  color:#eef1f1;
  font-size:14px;
  line-height:1.35;
}

.lists-page-hero-note span{
  display:block;
  margin-top:5px;
  color:#798589;
  font-size:12px;
  line-height:1.55;
}

.lists-page-main{
  padding-bottom:48px;
}

.lists-toolbar{
  margin-top:20px;
  padding:12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:10px;
  background:#080c0e;
}

.lists-toolbar-top{
  display:flex;
  align-items:center;
  gap:12px;
}

.lists-filter-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}

.lists-search{
  width:min(520px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-left:auto;
}

.lists-search-field{
  position:relative;
}

.lists-search-field>svg{
  position:absolute;
  top:50%;
  left:12px;
  width:14px;
  height:14px;
  color:#657176;
  transform:translateY(-50%);
}

.lists-search-field input{
  width:100%;
  height:40px;
  padding:0 12px 0 36px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  background:#050809;
  color:#e9ecec;
  font-size:13px;
}

.lists-search button{
  min-width:86px;
  height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  color:#e8ebeb;
  font-size:11px;
  font-weight:900;
}

.lists-toolbar-bottom{
  display:flex;
  align-items:end;
  gap:10px;
  margin-top:10px;
}

.lists-toolbar-bottom .series-select-control{
  width:min(330px,100%);
}

.lists-clear{
  height:42px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  color:#7f8a8e;
  font-size:11px;
  font-weight:900;
}

.lists-clear:hover{
  border-color:rgba(247,197,29,.35);
  color:#f7c51d;
}

.lists-clear svg{
  width:13px;
  height:13px;
}

.lists-page-section{
  margin-top:34px;
}

.lists-page-section-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:15px;
}

.lists-page-section-head h2{
  margin-top:7px;
  color:#eef1f1;
  font-size:24px;
  line-height:1.22;
  font-weight:950;
}

.lists-page-section-head p{
  margin-top:6px;
  color:#7f8b8f;
  font-size:13px;
  line-height:1.55;
}

.lists-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.list-discovery-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:#080d0f;
  transition:
    border-color .18s ease,
    background-color .18s ease,
    transform .18s ease;
}

.list-discovery-card:hover{
  border-color:rgba(247,197,29,.26);
  background:#0a1012;
  transform:translateY(-2px);
}

.list-discovery-visual{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  aspect-ratio:2.15;
  overflow:hidden;
  background:#0e1416;
}

.list-discovery-visual>span{
  min-width:0;
  overflow:hidden;
  border-right:1px solid rgba(0,0,0,.36);
}

.list-discovery-visual>span:last-child{
  border-right:0;
}

.list-discovery-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .28s ease,filter .22s ease;
}

.list-discovery-card:hover .list-discovery-visual img{
  transform:scale(1.055);
  filter:brightness(1.05);
}

.list-discovery-body{
  padding:15px;
}

.list-discovery-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#788489;
  font-size:11px;
  font-weight:800;
}

.list-discovery-kicker span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.list-discovery-kicker span:first-child{
  color:#f7c51d;
}

.list-discovery-kicker svg{
  width:13px;
  height:13px;
}

.list-discovery-title{
  display:block;
  margin-top:9px;
  color:#eef1f1;
  font-size:19px;
  line-height:1.25;
  font-weight:950;
  transition:color .18s ease;
}

.list-discovery-card:hover .list-discovery-title{
  color:#f7c51d;
}

.list-discovery-body>p{
  min-height:42px;
  margin-top:7px;
  color:#879296;
  font-size:13px;
  line-height:1.58;
}

.list-discovery-user{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.list-discovery-user>img,
.list-discovery-user>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  object-fit:cover;
  background:#151d20;
  color:#f7c51d;
  font-size:11px;
  font-weight:900;
}

.list-discovery-user small{
  display:block;
  color:#f7c51d;
  font-size:9px;
  font-weight:900;
}

.list-discovery-user strong{
  display:block;
  margin-top:2px;
  color:#8e999d;
  font-size:11px;
  font-weight:750;
}

.list-discovery-social{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}

.list-discovery-social>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#748085;
  font-size:11px;
  font-weight:800;
}

.list-discovery-social svg{
  width:13px;
  height:13px;
}

.list-discovery-social>a{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#f7c51d;
  font-size:10px;
  font-weight:900;
}

.lists-page-empty{
  margin-top:30px;
  padding:48px 20px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:10px;
  text-align:center;
}

.lists-page-empty>svg{
  width:28px;
  height:28px;
  margin:0 auto 10px;
  color:#667277;
}

.lists-page-empty strong{
  display:block;
  color:#e9ecec;
  font-size:15px;
}

.lists-page-empty p{
  margin-top:6px;
  color:#748084;
  font-size:12px;
}

/* DETAIL */

.list-detail-hero{
  position:relative;
  overflow:hidden;
  min-height:410px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:#050809;
}

.list-detail-backdrop{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  opacity:.34;
}

.list-detail-backdrop span{
  min-width:0;
  overflow:hidden;
}

.list-detail-backdrop img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.76) brightness(.72);
}

.list-detail-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.88) 43%,rgba(5,8,9,.34) 100%),
    linear-gradient(0deg,#050809 0%,transparent 58%);
}

.list-detail-hero-inner{
  position:relative;
  z-index:2;
  padding-top:28px;
  padding-bottom:34px;
}

.list-detail-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#8b969a;
  font-size:10px;
  font-weight:900;
  transition:color .18s ease;
}

.list-detail-back:hover{
  color:#f7c51d;
}

.list-detail-back svg{
  width:13px;
  height:13px;
}

.list-detail-heading{
  max-width:900px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:15px;
  margin-top:58px;
}

.list-detail-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(247,197,29,.22);
  border-radius:11px;
  background:rgba(247,197,29,.06);
  color:#f7c51d;
}

.list-detail-icon svg{
  width:23px;
  height:23px;
}

.list-detail-heading h1{
  max-width:800px;
  margin-top:7px;
  color:#f3f5f5;
  font-size:46px;
  line-height:1.03;
  font-weight:950;
  letter-spacing:-.035em;
}

.list-detail-heading p{
  max-width:760px;
  margin-top:12px;
  color:#a2abad;
  font-size:15px;
  line-height:1.65;
}

.list-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:15px;
  color:#859095;
}

.list-detail-meta>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:750;
}

.list-detail-meta svg{
  width:14px;
  height:14px;
}

.list-detail-author img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
}

.list-social-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}

.list-social-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  background:rgba(6,9,10,.84);
  color:#aab3b6;
  font-size:10px;
  font-weight:900;
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.list-social-button:hover{
  border-color:rgba(247,197,29,.32);
  color:#f7c51d;
}

.list-social-button.is-active{
  border-color:rgba(247,197,29,.38);
  background:rgba(247,197,29,.07);
  color:#f7c51d;
}

.list-social-button svg{
  width:14px;
  height:14px;
}

.list-social-button b{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  font-size:10px;
}

.list-detail-main{
  padding-top:30px;
  padding-bottom:52px;
}

.list-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:start;
  gap:28px;
}

.list-detail-content{
  min-width:0;
}

.list-detail-section{
  margin-bottom:38px;
}

.list-detail-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.list-detail-section-head h2{
  margin-top:6px;
  color:#eef1f1;
  font-size:22px;
  font-weight:950;
}

.list-detail-section-head>span{
  color:#748085;
  font-size:11px;
  font-weight:800;
}

.list-series-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}

.list-series-card{
  min-width:0;
}

.list-series-poster{
  position:relative;
  overflow:hidden;
  aspect-ratio:2/3;
  border-radius:7px;
  background:#101618;
}

.list-series-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .26s ease,filter .22s ease;
}

.list-series-card:hover img{
  transform:scale(1.045);
  filter:brightness(1.04);
}

.list-series-order{
  position:absolute;
  top:8px;
  left:8px;
  min-width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:rgba(5,8,9,.86);
  color:#f7c51d;
  font-size:11px;
  font-weight:950;
}

.list-series-card>strong{
  display:block;
  margin-top:8px;
  overflow:hidden;
  color:#e8ebeb;
  font-size:13px;
  line-height:1.35;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:color .18s ease;
}

.list-series-card:hover>strong{
  color:#f7c51d;
}

.list-series-card>span{
  display:block;
  margin-top:4px;
  color:#758186;
  font-size:11px;
}

.list-detail-aside{
  position:sticky;
  top:86px;
}

.list-aside-panel{
  padding:16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:#080d0f;
}

.list-aside-panel h3{
  margin-top:6px;
  color:#eef1f1;
  font-size:18px;
  font-weight:950;
}

.list-other-list-stack{
  display:grid;
  gap:7px;
  margin-top:12px;
}

.list-other-card{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  padding:7px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:7px;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.list-other-card:hover{
  border-color:rgba(247,197,29,.20);
  background:rgba(247,197,29,.025);
}

.list-other-preview{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:66px;
  height:48px;
  overflow:hidden;
  border-radius:5px;
  background:#111719;
}

.list-other-preview>span{
  min-width:0;
  overflow:hidden;
}

.list-other-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.list-other-copy{
  min-width:0;
}

.list-other-copy small{
  display:block;
  overflow:hidden;
  color:#6f7b80;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.list-other-copy strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#dce1e2;
  font-size:11px;
  line-height:1.3;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.list-other-card>svg{
  width:14px;
  height:14px;
  color:#687479;
}

.list-aside-all{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:6px;
  color:#8e999d;
  font-size:10px;
  font-weight:900;
}

.list-aside-all:hover{
  border-color:rgba(247,197,29,.28);
  color:#f7c51d;
}

.list-aside-all svg{
  width:13px;
  height:13px;
}

.list-comments-section{
  scroll-margin-top:90px;
}

.list-comment-form{
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:#080d0f;
}

.list-comment-form textarea{
  width:100%;
  min-height:90px;
  resize:vertical;
  border:0;
  outline:0;
  background:transparent;
  color:#e8ebeb;
  font-size:13px;
  line-height:1.6;
}

.list-comment-form>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.055);
}

.list-comment-form>div>span{
  color:#6f7b80;
  font-size:11px;
}

.list-comment-form .btn-yellow{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
}

.list-comment-form .btn-yellow svg{
  width:13px;
  height:13px;
}

.list-comments{
  display:grid;
  gap:8px;
  margin-top:10px;
}







@media(max-width:1100px){
  .lists-page-hero-grid{
    grid-template-columns:1fr;
  }

  .lists-page-hero-note{
    max-width:620px;
  }

  .lists-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .list-detail-layout{
    grid-template-columns:minmax(0,1fr) 280px;
  }

  .list-series-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .lists-toolbar-top{
    align-items:stretch;
    flex-direction:column;
  }

  .lists-search{
    width:100%;
    margin-left:0;
  }

  .lists-filter-row{
    overflow-x:auto;
  }

  .list-detail-layout{
    grid-template-columns:1fr;
  }

  .list-detail-aside{
    position:static;
  }

  .list-other-list-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .lists-page-hero{
    padding:34px 0 28px;
  }

  .lists-page-hero h1{
    font-size:36px;
  }

  .lists-page-hero p{
    font-size:14px;
  }

  .lists-card-grid{
    grid-template-columns:1fr;
  }

  .lists-search{
    grid-template-columns:1fr;
  }

  .lists-toolbar-bottom{
    align-items:stretch;
    flex-direction:column;
  }

  .lists-toolbar-bottom .series-select-control{
    width:100%;
  }

  .list-detail-heading{
    grid-template-columns:1fr;
    margin-top:42px;
  }

  .list-detail-heading h1{
    font-size:36px;
  }

  .list-series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .list-social-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .list-social-button{
    width:100%;
  }

  .list-social-button:last-child{
    grid-column:1 / -1;
  }

  .list-other-list-stack{
    grid-template-columns:1fr;
  }

  .list-comment-form>div{
    align-items:stretch;
    flex-direction:column;
  }

  .list-comment-form .btn-yellow{
    width:100%;
    justify-content:center;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTAS: CONSISTÊNCIA COM CATÁLOGO / SÉRIE
   ========================================================================== */

/* LISTAS.PHP — usa a mesma régua do catálogo */
.lists-page-main,
.lists-page-hero,
.lists-page-hero-grid,
.lists-page-hero-note,
.lists-toolbar,
.lists-toolbar-top,
.lists-filter-row,
.lists-search,
.lists-search-field,
.lists-toolbar-bottom{
  all:unset;
}

.lists-page-section{
  margin-top:28px !important;
}

.lists-page-section-head{
  margin-bottom:14px !important;
}

.lists-page-section-head h2{
  margin-top:7px !important;
  font-size:23px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
}

.lists-page-section-head p{
  margin-top:6px !important;
  color:#879296 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.lists-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.list-discovery-card{
  transform:none !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:8px !important;
  background:#080c0e !important;
}

.list-discovery-card:hover{
  transform:none !important;
  border-color:rgba(247,197,29,.34) !important;
  background:#0a1012 !important;
}

.list-discovery-visual{
  aspect-ratio:1.8 !important;
  border-radius:0 !important;
}

.list-discovery-body{
  padding:14px !important;
}

.list-discovery-title{
  margin-top:8px !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.list-discovery-body>p{
  min-height:0 !important;
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

.list-discovery-social{
  gap:11px !important;
  margin-top:11px !important;
  padding-top:10px !important;
}

.list-discovery-social>span{
  font-size:11px !important;
}

.list-discovery-social>a{
  font-size:10px !important;
}

/* LISTA.PHP — mesma régua vertical da página da série */
.list-page-main{
  background:transparent !important;
}

.list-page-hero{
  border-bottom:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 82% 10%,rgba(247,197,29,.028),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

.list-page-hero-inner{
  padding-top:28px;
  padding-bottom:30px;
}

.list-page-hero-grid{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  align-items:center;
  gap:28px;
}

.list-page-cover{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#0b1012;
}

.list-page-cover-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  aspect-ratio:1.7;
}

.list-page-cover-grid>span{
  min-width:0;
  overflow:hidden;
}

.list-page-cover-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.list-page-copy h1{
  margin-top:8px;
  color:#f2f4f4;
  font-size:34px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.025em;
}

.list-page-copy>p{
  max-width:760px;
  margin-top:10px;
  color:#9aa4a8;
  font-size:14px;
  line-height:1.65;
}

.list-page-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
  margin-top:13px;
  color:#7d898d;
}

.list-page-meta>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
}

.list-page-meta svg{
  width:13px;
  height:13px;
}

.list-social-actions{
  margin-top:18px !important;
}

.list-social-button{
  min-height:38px !important;
  padding:0 11px !important;
  border-radius:6px !important;
  font-size:10px !important;
}

.list-detail-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px !important;
  align-items:start !important;
  gap:28px !important;
  padding-top:28px;
  padding-bottom:44px;
}

.list-detail-section{
  margin-bottom:34px !important;
}

.list-detail-section-head{
  margin-bottom:14px !important;
  padding-bottom:0 !important;
}

.list-detail-section-head h2{
  margin-top:6px !important;
  font-size:20px !important;
  line-height:1.3 !important;
}

.list-series-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.list-series-poster{
  border-radius:6px !important;
}

.list-series-card>strong{
  font-size:13px !important;
}

.list-detail-aside{
  top:86px !important;
}

.list-aside-panel{
  padding:14px !important;
  border-radius:8px !important;
}

.list-aside-panel h3{
  font-size:17px !important;
}

/* Comentários: mesma linguagem da serie.php */
.series-comments-section{
  margin-top:38px;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.08);
}

.list-comments-heading{
  margin-bottom:18px;
}

.list-comments-heading h2{
  margin-top:8px;
  color:#eef1f1;
  font-size:20px;
  line-height:1.3;
  font-weight:900;
}

.list-comments-heading>span:last-child{
  display:block;
  margin-top:6px;
  color:#718086;
  font-size:12px;
}

.list-comment-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.list-comment-form textarea{
  min-height:46px !important;
  max-height:120px;
  padding:12px 14px !important;
  resize:vertical !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:6px !important;
  background:#050809 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.list-comment-form .btn-dark{
  width:112px;
  min-height:46px !important;
  align-self:start;
  font-size:11px !important;
}

.list-comments{
  margin-top:18px !important;
}

.comment-empty{
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:#080d0f;
  text-align:center;
}

.comment-empty>svg{
  width:28px;
  height:28px;
  color:#6e797d;
}

.comment-empty strong{
  color:#eef1f1;
  font-size:14px;
  line-height:1.35;
  font-weight:900;
}

.comment-empty span{
  color:#718086;
  font-size:11px;
  line-height:1.5;
}


@media(max-width:1100px){
  .lists-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .list-page-hero-grid{
    grid-template-columns:260px minmax(0,1fr);
  }

  .list-series-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .list-page-hero-grid{
    grid-template-columns:1fr;
  }

  .list-page-cover{
    max-width:520px;
  }

  .list-detail-layout{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:650px){
  .lists-card-grid{
    grid-template-columns:1fr !important;
  }

  .list-page-copy h1{
    font-size:30px;
  }

  .list-series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .list-comment-form{
    grid-template-columns:1fr !important;
  }

  .list-comment-form .btn-dark{
    width:100%;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTAS: AUTOR + LIKE / DISLIKE CONSISTENTES
   ========================================================================== */

.list-page-author{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}

.list-page-author img,
.list-page-author-fallback{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 28px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#151d20 !important;
  color:#f7c51d !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.list-page-author strong{
  color:#8f999d !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.list-reaction-group{
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:6px;
  background:rgba(6,9,10,.84);
}

.list-reaction-button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  color:#8f999d;
  font-size:11px !important;
  font-weight:900;
  transition:
    color .18s ease,
    background-color .18s ease;
}

.list-reaction-button + .list-reaction-button{
  border-left:1px solid rgba(255,255,255,.08);
}

.list-reaction-button:hover{
  color:#f7c51d;
  background:rgba(247,197,29,.035);
}

.list-reaction-button.is-active{
  color:#f7c51d;
  background:rgba(247,197,29,.07);
}

.list-reaction-button svg{
  width:14px;
  height:14px;
}

.list-reaction-button b{
  min-width:18px;
  color:inherit;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900;
}

@media(max-width:650px){
  .list-social-actions{
    display:flex !important;
    flex-wrap:wrap !important;
  }

  .list-social-button{
    width:auto !important;
  }

  .list-reaction-group{
    width:auto;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTA: FORMULÁRIO DE COMENTÁRIO IDÊNTICO AO DA SÉRIE
   ========================================================================== */

.list-comments-section .series-comment-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:10px !important;
  margin:18px 0 4px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.list-comments-section .series-comment-form .series-comment-field{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.list-comments-section .series-comment-form textarea{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  max-height:120px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:7px !important;
  outline:0 !important;
  resize:vertical !important;
  background:#050809 !important;
  color:#e4e8e9 !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

.list-comments-section .series-comment-form textarea:focus{
  border-color:rgba(247,197,29,.42) !important;
}

.list-comments-section .series-comment-submit{
  display:block !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
}

.list-comments-section .series-comment-submit button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  vertical-align:top !important;
}

@media(max-width:650px){
  .list-comments-section .series-comment-form{
    grid-template-columns:1fr !important;
  }

  .list-comments-section .series-comment-submit button{
    width:100% !important;
  }
}


/* ==========================================================================
   EPISÓDICO — CONTA: LISTAS FAVORITAS DO NOVO SISTEMA
   ========================================================================== */

.account-saved-list-mosaic{
  width:100%;
  aspect-ratio:16 / 7;
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  background:#0c1113;
}

.account-saved-list-mosaic>span{
  min-width:0;
  overflow:hidden;
}

.account-saved-list-mosaic img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
}


/* ==========================================================================
   EPISÓDICO — LISTA: CONTEÚDO EDITORIAL DETALHADO
   Inspirado na densidade informacional de listas do IMDb,
   mantendo a linguagem visual do EPISÓDICO.
   ========================================================================== */

.list-series-results{
  border-top:1px solid rgba(255,255,255,.075);
}

.list-series-result{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:15px;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.list-series-result-poster{
  position:relative;
  width:92px;
  height:138px;
  overflow:hidden;
  border-radius:6px;
  background:#101618;
}

.list-series-result-poster>img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}

.list-series-result:hover
.list-series-result-poster>img{
  transform:scale(1.04);
}

.list-series-result-poster>span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#667277;
}

.list-series-result-poster>span svg{
  width:21px;
  height:21px;
}

.list-series-result-poster>b{
  position:absolute;
  top:7px;
  left:7px;
  min-width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  background:rgba(5,8,9,.88);
  color:#f7c51d;
  font-size:11px;
  line-height:1;
  font-weight:950;
}

.list-series-result-content{
  min-width:0;
  padding-top:1px;
}

.list-series-result-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.list-series-result-title-row>a:first-child{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
  text-decoration:none;
}

.list-series-result-title-row>a:first-child>span{
  color:#758186;
  font-size:13px;
  line-height:1.3;
  font-weight:850;
}

.list-series-result-title-row strong{
  color:#edf0f0;
  font-size:16px;
  line-height:1.3;
  font-weight:950;
  transition:color .18s ease;
}

.list-series-result-title-row>a:first-child:hover strong{
  color:#f7c51d;
}

.list-series-result-open{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  flex:0 0 31px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  color:#788489;
  transition:
    color .18s ease,
    border-color .18s ease;
}

.list-series-result-open:hover{
  border-color:rgba(247,197,29,.30);
  color:#f7c51d;
}

.list-series-result-open svg{
  width:14px;
  height:14px;
}

.list-series-result-original{
  margin-top:3px;
  color:#69767a;
  font-size:11px;
  line-height:1.4;
}

.list-series-result-meta{
  margin-top:5px;
  color:#7e898d;
  font-size:12px;
  line-height:1.45;
}

.list-series-result-ratings{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:8px;
}

.list-series-result-ratings>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#7e898d;
  font-size:11px;
  line-height:1;
  font-weight:800;
}

.list-series-result-ratings strong{
  color:#d8ddde;
  font-size:11px;
  font-weight:900;
}

.list-series-result-ratings .is-episodico{
  color:#f7c51d;
}

.list-series-result-ratings .is-episodico svg{
  width:13px;
  height:13px;
  fill:currentColor;
}

.list-series-result-status{
  padding-left:9px;
  border-left:1px solid rgba(255,255,255,.09);
}

.list-series-result-genres{
  margin-top:8px;
  color:#889397;
  font-size:11px;
  line-height:1.4;
  font-weight:750;
}

.list-series-result-synopsis{
  display:-webkit-box;
  overflow:hidden;
  margin-top:8px;
  color:#a4adaf;
  font-size:13px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.list-series-result-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#889397;
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-decoration:none;
  transition:color .18s ease;
}

.list-series-result-link:hover{
  color:#f7c51d;
}

.list-series-result-link svg{
  width:12px;
  height:12px;
}

@media(max-width:650px){
  .list-series-result{
    grid-template-columns:76px minmax(0,1fr);
    gap:12px;
  }

  .list-series-result-poster{
    width:76px;
    height:114px;
  }

  .list-series-result-title-row strong{
    font-size:14px;
  }

  .list-series-result-synopsis{
    -webkit-line-clamp:3;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTA: BOXES NOS ITENS DA LISTA
   ========================================================================== */

.list-series-results{
  display:grid;
  gap:10px;
  border-top:0 !important;
}

.list-series-result{
  padding:14px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:8px !important;
  background:#080c0e !important;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.list-series-result:hover{
  border-color:rgba(247,197,29,.24) !important;
  background:#0a1012 !important;
}

.list-series-result:last-child{
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}


/* ==========================================================================
   EPISÓDICO — LISTA: TIPOGRAFIA LEGÍVEL NOS BOXES DAS SÉRIES
   Sem microtexto nesta área.
   ========================================================================== */

.list-series-result-title-row>a:first-child>span{
  font-size:13px !important;
}

.list-series-result-title-row strong{
  font-size:17px !important;
  line-height:1.35 !important;
}

.list-series-result-original{
  font-size:13px !important;
  line-height:1.45 !important;
}

.list-series-result-meta{
  font-size:13px !important;
  line-height:1.5 !important;
}

.list-series-result-ratings>span{
  font-size:13px !important;
  line-height:1.2 !important;
}

.list-series-result-ratings strong{
  font-size:13px !important;
}

.list-series-result-genres{
  font-size:13px !important;
  line-height:1.5 !important;
}

.list-series-result-synopsis{
  font-size:14px !important;
  line-height:1.65 !important;
}

.list-series-result-link{
  font-size:12px !important;
  line-height:1.2 !important;
}

.list-series-result-poster>b{
  font-size:12px !important;
}

@media(max-width:650px){
  .list-series-result-title-row strong{
    font-size:16px !important;
  }

  .list-series-result-original,
  .list-series-result-meta,
  .list-series-result-ratings>span,
  .list-series-result-ratings strong,
  .list-series-result-genres{
    font-size:13px !important;
  }

  .list-series-result-synopsis{
    font-size:14px !important;
  }

  .list-series-result-link{
    font-size:12px !important;
  }
}


/* ==========================================================================
   EPISÓDICO — LISTA: MOSAICO NAS THUMBNAILS DE OUTRAS LISTAS
   Mantém o componente article-sidebar-news-item.
   ========================================================================== */

.article-sidebar-list-mosaic{
  width:86px;
  height:54px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  flex:0 0 86px;
  overflow:hidden;
  border-radius:5px;
  background:#101618;
}

.article-sidebar-list-mosaic>span{
  min-width:0;
  overflow:hidden;
}

.article-sidebar-list-mosaic img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
}

.article-sidebar-list-mosaic>span + span{
  border-left:1px solid rgba(0,0,0,.45);
}


/* ==========================================================================
   EPISÓDICO — OUTRAS LISTAS: MOSAICO REALMENTE VISÍVEL
   Sobrescreve as regras genéricas da sidebar de notícias somente dentro
   do mosaico, sem alterar o restante do componente.
   ========================================================================== */

.article-sidebar-news-item .article-sidebar-list-mosaic{
  width:90px !important;
  height:58px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:2px !important;
  overflow:hidden !important;
  margin:0 !important;
  border-radius:6px !important;
  background:#050809 !important;
}

.article-sidebar-news-item .article-sidebar-list-mosaic > span{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  height:58px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#101618 !important;
  color:inherit !important;
  font-size:0 !important;
  text-transform:none !important;
}

.article-sidebar-news-item .article-sidebar-list-mosaic > span + span{
  border-left:0 !important;
}

.article-sidebar-news-item .article-sidebar-list-mosaic img{
  display:block !important;
  width:100% !important;
  height:58px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center 22% !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.article-sidebar-news-item{
  grid-template-columns:90px minmax(0,1fr) !important;
}



/* ==========================================================================
   EPISÓDICO — PERFIL PÚBLICO V2
   ========================================================================== */

.public-profile-v2{
  padding-bottom:72px;
}

.public-profile-hero{
  padding:34px 0 30px;
}

.public-profile-identity{
  display:grid;
  grid-template-columns:126px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}

.public-profile-avatar{
  width:126px;
  height:126px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  background:#0d1315;
  color:#f7c51d;
  font-size:42px;
  font-weight:950;
}

.public-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.public-profile-identity-copy{
  min-width:0;
}

.public-profile-identity-copy h1{
  margin-top:7px;
  color:#f3f5f5;
  font-size:40px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
}

.public-profile-username{
  margin-top:7px;
  color:#8b969a;
  font-size:14px;
  line-height:1.35;
}

.public-profile-social-counts{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  margin-top:18px;
}

.public-profile-social-counts span{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  color:#7d898d;
  font-size:13px;
}

.public-profile-social-counts strong{
  color:#edf0f0;
  font-size:17px;
  font-weight:950;
}

.public-profile-about{
  max-width:900px;
  margin:26px 0 0 150px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.07);
}

.public-profile-about p{
  margin-top:9px;
  color:#abb4b7;
  font-size:14px;
  line-height:1.75;
}

.public-profile-taste{
  margin-top:28px;
  padding:17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:#080c0e;
}

.public-profile-taste-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.public-profile-taste-head strong{
  color:#8d989c;
  font-size:13px;
  line-height:1.4;
  font-weight:750;
}

.public-profile-taste-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.06);
}

.public-profile-taste-grid>div{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
  padding:15px 14px;
  border-right:1px solid rgba(255,255,255,.06);
}

.public-profile-taste-grid>div:last-child{
  border-right:0;
}

.public-profile-taste-grid svg{
  grid-row:1 / 3;
  align-self:center;
  width:18px;
  height:18px;
  color:#f7c51d;
}

.public-profile-taste-grid strong{
  color:#eef1f1;
  font-size:20px;
  line-height:1;
  font-weight:950;
}

.public-profile-taste-grid span{
  margin-top:5px;
  overflow:hidden;
  color:#7e898d;
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.public-profile-section{
  padding:34px 0 !important;
  border-top:1px solid rgba(255,255,255,.07);
}

.public-profile-section-featured{
  padding-top:38px !important;
}

.public-profile-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:17px;
}

.public-profile-section-head h2{
  margin:7px 0 0 !important;
  color:#eef1f1;
  font-size:24px !important;
  line-height:1.25;
  font-weight:950;
}

.public-profile-section-head p{
  margin-top:6px;
  color:#7e898d;
  font-size:13px;
  line-height:1.5;
}

.public-profile-section-count{
  flex:0 0 auto;
  color:#7f8a8e;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
}

/* Tipografia dos cards existentes */
.public-profile-v2 .public-series-copy>strong{
  font-size:14px !important;
}

.public-profile-v2 .public-series-copy>span{
  font-size:12px !important;
}

.public-profile-v2 .public-watching-title strong{
  font-size:15px !important;
}

.public-profile-v2 .public-watching-title span{
  font-size:12px !important;
}

.public-profile-v2 .public-watching-title b{
  font-size:14px !important;
}

.public-profile-v2 .public-watching-info>p{
  font-size:12px !important;
}

.public-profile-v2 .public-person-card strong{
  font-size:13px !important;
}

/* Reviews */
.public-profile-review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

.public-profile-review-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:15px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:#080c0e;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.public-profile-review-card:hover{
  border-color:rgba(247,197,29,.26);
  background:#0a1012;
}

.public-profile-review-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.public-profile-review-score{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#f7c51d;
  font-size:14px;
  font-weight:950;
}

.public-profile-review-score svg{
  width:14px;
  height:14px;
  fill:currentColor;
}

.public-profile-review-top time{
  color:#68757a;
  font-size:12px;
}

.public-profile-review-series{
  display:block;
  margin-top:12px;
  color:#9ca6a9;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

.public-profile-review-card h3{
  margin-top:6px;
  color:#edf0f0;
  font-size:16px;
  line-height:1.35;
  font-weight:950;
}

.public-profile-review-card p{
  display:-webkit-box;
  overflow:hidden;
  margin-top:8px;
  color:#a0aaad;
  font-size:13px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.public-profile-review-reactions{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:auto;
  padding-top:13px;
}

.public-profile-review-reactions span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#788489;
  font-size:12px;
  font-weight:800;
}

.public-profile-review-reactions svg{
  width:14px;
  height:14px;
}

/* Listas públicas */
.public-profile-list-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

.public-profile-list-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:#080c0e;
  transition:
    border-color .18s ease,
    background-color .18s ease;
}

.public-profile-list-card:hover{
  border-color:rgba(247,197,29,.26);
  background:#0a1012;
}

.public-profile-list-mosaic{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  aspect-ratio:2.25;
  overflow:hidden;
  background:#101618;
}

.public-profile-list-mosaic>span{
  min-width:0;
  overflow:hidden;
}

.public-profile-list-mosaic img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}

.public-profile-list-card:hover
.public-profile-list-mosaic img{
  transform:scale(1.04);
}

.public-profile-list-copy{
  display:block;
  padding:14px;
}

.public-profile-list-copy>small{
  color:#f7c51d;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
}

.public-profile-list-copy>strong{
  display:block;
  margin-top:5px;
  color:#edf0f0;
  font-size:16px;
  line-height:1.35;
  font-weight:950;
}

.public-profile-list-copy>p{
  display:-webkit-box;
  overflow:hidden;
  margin-top:7px;
  color:#8d989c;
  font-size:13px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.public-profile-list-copy>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  color:#788489;
  font-size:12px;
  font-weight:800;
}

.public-profile-list-copy>span svg{
  width:13px;
  height:13px;
}

/* Privado / vazio */
.public-profile-private,
.public-profile-empty{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:28px;
  padding:34px;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:9px;
  text-align:center;
}

.public-profile-private svg,
.public-profile-empty svg{
  width:30px;
  height:30px;
  margin-bottom:4px;
  color:#697579;
}

.public-profile-private strong,
.public-profile-empty strong{
  color:#edf0f0;
  font-size:16px;
  font-weight:950;
}

.public-profile-private p,
.public-profile-empty p{
  max-width:460px;
  color:#778388;
  font-size:13px;
  line-height:1.55;
}

/* Nunca usar microtexto nesta página */
.public-profile-v2 .section-title{
  font-size:12px !important;
}

.public-profile-v2 .public-profile-edit,
.public-profile-v2 .public-profile-follow{
  font-size:12px !important;
}

@media(max-width:1050px){
  .public-profile-taste-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .public-profile-taste-grid>div:nth-child(3){
    border-right:0;
  }

  .public-profile-taste-grid>div:nth-child(n+4){
    border-top:1px solid rgba(255,255,255,.06);
  }

  .public-profile-review-grid,
  .public-profile-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .public-profile-identity{
    grid-template-columns:96px minmax(0,1fr);
  }

  .public-profile-avatar{
    width:96px;
    height:96px;
    font-size:34px;
  }

  .public-profile-identity-copy h1{
    font-size:32px;
  }

  .public-profile-actions{
    grid-column:1 / -1;
    justify-content:flex-start;
  }

  .public-profile-about{
    margin-left:0;
  }

  .public-profile-taste-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .public-profile-taste-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .public-profile-taste-grid>div{
    border-top:1px solid rgba(255,255,255,.06);
  }

  .public-profile-taste-grid>div:nth-child(1),
  .public-profile-taste-grid>div:nth-child(2){
    border-top:0;
  }

  .public-profile-taste-grid>div:nth-child(2n){
    border-right:0;
  }

  .public-profile-taste-grid>div:nth-child(3){
    border-right:1px solid rgba(255,255,255,.06);
  }

  .public-profile-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .public-profile-review-grid,
  .public-profile-list-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .public-profile-identity{
    grid-template-columns:1fr;
  }

  .public-profile-avatar{
    width:104px;
    height:104px;
  }

  .public-profile-taste-grid{
    grid-template-columns:1fr;
  }

  .public-profile-taste-grid>div{
    border-right:0 !important;
  }
}


/* ==========================================================================
   EPISÓDICO — PERFIL PÚBLICO: FOOTER / REVIEWS / SEGUIR
   ========================================================================== */

.public-profile-page{
  position:relative;
  z-index:0;
  overflow:visible !important;
  background:transparent !important;
}

.public-profile-page::before,
.public-profile-page::after{
  content:none !important;
  display:none !important;
}

.public-profile-v2{
  min-height:0 !important;
  margin-bottom:0 !important;
  padding-bottom:56px !important;
  background:transparent !important;
}

.public-profile-v2 + footer,
.public-profile-v2 ~ footer{
  position:relative;
  z-index:1;
}

.public-profile-section-empty{
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:28px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:8px;
  text-align:center;
}

.public-profile-section-empty svg{
  width:26px;
  height:26px;
  color:#68757a;
}

.public-profile-section-empty strong{
  color:#edf0f0;
  font-size:15px;
  line-height:1.35;
  font-weight:900;
}

.public-profile-section-empty p{
  max-width:430px;
  color:#788489;
  font-size:13px;
  line-height:1.55;
}

.public-profile-actions .public-profile-follow{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  white-space:nowrap;
}

.public-profile-actions .public-profile-follow svg{
  width:14px;
  height:14px;
}


/* ==========================================================================
   EPISÓDICO — PERFIL PÚBLICO: RAIO-X CORRIGIDO
   ========================================================================== */

.public-profile-taste{
  padding:0 !important;
  overflow:hidden;
}

.public-profile-taste-head{
  width:100% !important;
  min-height:49px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 17px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.public-profile-taste-head strong{
  margin:0 !important;
}

.public-profile-taste-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  border-top:0 !important;
}

.public-profile-taste-grid>div{
  min-height:72px;
  padding:15px 14px !important;
}

.public-profile-taste-grid>div:nth-child(5),
.public-profile-taste-grid>div:nth-child(6){
  border-top:0 !important;
}

.public-profile-taste-grid>div:nth-child(6){
  border-right:0 !important;
}

@media(max-width:1050px){
  .public-profile-taste-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .public-profile-taste-grid>div:nth-child(3n){
    border-right:0 !important;
  }

  .public-profile-taste-grid>div:nth-child(n+4){
    border-top:1px solid rgba(255,255,255,.06) !important;
  }
}

@media(max-width:760px){
  .public-profile-taste-head{
    min-height:0;
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:14px 15px !important;
  }

  .public-profile-taste-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .public-profile-taste-grid>div{
    border-top:1px solid rgba(255,255,255,.06) !important;
  }

  .public-profile-taste-grid>div:nth-child(1),
  .public-profile-taste-grid>div:nth-child(2){
    border-top:0 !important;
  }

  .public-profile-taste-grid>div:nth-child(2n){
    border-right:0 !important;
  }

  .public-profile-taste-grid>div:nth-child(3n){
    border-right:1px solid rgba(255,255,255,.06) !important;
  }
}

@media(max-width:480px){
  .public-profile-taste-grid{
    grid-template-columns:1fr !important;
  }

  .public-profile-taste-grid>div{
    border-right:0 !important;
  }

  .public-profile-taste-grid>div:nth-child(n+2){
    border-top:1px solid rgba(255,255,255,.06) !important;
  }
}


/* EPISÓDICO — PERFIL PÚBLICO ESCALÁVEL */
.public-profile-taste-grid>a{
  min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:9px;padding:15px 14px;border-right:1px solid rgba(255,255,255,.06);
  text-decoration:none;transition:background-color .18s ease;
}
.public-profile-taste-grid>a:last-child{border-right:0}
.public-profile-taste-grid>a:hover{background:rgba(247,197,29,.025)}
.public-profile-taste-grid>a svg{grid-row:1/3;align-self:center;width:18px;height:18px;color:#f7c51d}
.public-profile-taste-grid>a strong{color:#eef1f1;font-size:20px;line-height:1;font-weight:950}
.public-profile-taste-grid>a span{margin-top:5px;overflow:hidden;color:#7e898d;font-size:12px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.public-profile-section-more{min-height:34px;display:inline-flex;align-items:center;gap:6px;margin-left:10px;color:#8a9599;font-size:12px;line-height:1;font-weight:900;white-space:nowrap}
.public-profile-section-more:hover{color:#f7c51d}
.public-profile-section-more svg{width:13px;height:13px}
.public-content-page{padding:28px 0 64px}
.public-content-heading{margin-top:0}
.public-content-heading h1{margin-top:7px;color:#f2f4f4;font-size:34px;line-height:1.08;font-weight:950;letter-spacing:-.025em}
.public-content-heading p{margin-top:7px;color:#7d898d;font-size:13px;line-height:1.5}
.public-content-tabs{display:flex;align-items:center;gap:6px;margin-top:20px;padding-bottom:12px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.07)}
.public-content-tabs>a{min-height:40px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:6px;color:#879296;font-size:12px;line-height:1;font-weight:850;text-decoration:none}
.public-content-tabs>a:hover,.public-content-tabs>a.is-active{border-color:rgba(247,197,29,.30);color:#f7c51d}
.public-content-tabs>a.is-active{background:rgba(247,197,29,.06)}
.public-content-tabs svg{width:14px;height:14px}
.public-content-region{min-height:280px;margin-top:20px;transition:opacity .15s ease}
.public-content-region.is-loading{opacity:.45;pointer-events:none}
.public-content-series-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.public-content-watching-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-content-people-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.public-content-review-grid,.public-content-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.public-content-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.public-content-pagination>a{color:#8b969a;font-size:12px;font-weight:900}
.public-content-pagination>a:last-child{justify-self:end}
.public-content-pagination>a:hover{color:#f7c51d}
.public-content-pagination strong{color:#7a868a;font-size:12px;font-weight:800}
.public-content-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(255,255,255,.08);border-radius:8px;text-align:center}
.public-content-empty svg{width:28px;height:28px;color:#68757a}
.public-content-empty strong{color:#edf0f0;font-size:15px;font-weight:900}
.public-content-empty p{max-width:450px;color:#788489;font-size:13px;line-height:1.55}
@media(max-width:1050px){
 .public-profile-taste-grid>a:nth-child(3n){border-right:0}
 .public-profile-taste-grid>a:nth-child(n+4){border-top:1px solid rgba(255,255,255,.06)}
 .public-content-series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .public-content-people-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:800px){
 .public-content-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-content-watching-grid{grid-template-columns:1fr}
 .public-content-people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .public-content-review-grid,.public-content-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .public-profile-taste-grid>a{border-top:1px solid rgba(255,255,255,.06)}
 .public-profile-taste-grid>a:nth-child(1),.public-profile-taste-grid>a:nth-child(2){border-top:0}
 .public-profile-taste-grid>a:nth-child(2n){border-right:0}
 .public-content-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-content-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-content-review-grid,.public-content-list-grid{grid-template-columns:1fr!important}
}


/* ==========================================================================
   EPISÓDICO — CONTEÚDO DO PERFIL: FOOTER NO FUNDO DA VIEWPORT
   ========================================================================== */

body:has(.public-content-page){
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

body:has(.public-content-page) .public-content-page{
  flex:1 0 auto;
  width:100%;
  min-height:0;
}

body:has(.public-content-page) .episodico-footer{
  flex:0 0 auto;
  margin-top:auto;
}


/* ==========================================================================
   CONTA — REDE SOCIAL
   ========================================================================== */

.account-social-area{
  min-width:0;
}

.account-social-area.is-loading{
  opacity:.45;
  pointer-events:none;
  transition:opacity .15s ease;
}

.account-social-head{
  align-items:flex-end;
}

.account-social-head p{
  margin-top:7px;
  color:#7d888c;
  font-size:13px;
  line-height:1.55;
}

.account-social-summary{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}

.account-social-summary span{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  color:#778287;
  font-size:12px;
}

.account-social-summary strong{
  color:#eef1f1;
  font-size:18px;
  font-weight:950;
}

.account-social-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  margin-bottom:24px;
}

.account-social-search-input{
  position:relative;
  min-width:0;
}

.account-social-search-input svg{
  position:absolute;
  top:50%;
  left:13px;
  width:16px;
  height:16px;
  color:#657176;
  transform:translateY(-50%);
  pointer-events:none;
}

.account-social-search-input input{
  width:100%;
  height:44px;
  padding:0 13px 0 40px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  outline:0;
  background:#050809;
  color:#e9ecec;
  font-size:13px;
}

.account-social-search-input input:focus{
  border-color:rgba(247,197,29,.45);
  box-shadow:0 0 0 2px rgba(247,197,29,.05);
}

.account-social-search>button{
  min-width:92px;
  min-height:44px;
}

.account-social-results{
  margin-bottom:26px;
  padding-bottom:26px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.account-social-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}

.account-social-section-heading h3{
  margin-top:6px;
  color:#eef1f1;
  font-size:17px;
  line-height:1.25;
  font-weight:950;
}

.account-social-section-heading>span{
  min-width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  color:#9ba5a8;
  font-size:12px;
  font-weight:900;
}

.account-social-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.account-social-panel{
  min-width:0;
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#080c0e;
}

.account-social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.account-social-list{
  display:grid;
  gap:7px;
}

.account-social-card,
.account-social-row{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:#070b0d;
  transition:
    border-color .17s ease,
    background-color .17s ease;
}

.account-social-card:hover,
.account-social-row:hover{
  border-color:rgba(247,197,29,.22);
  background:#0a1012;
}

.account-social-avatar{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  background:#101719;
  color:#f7c51d;
  font-size:17px;
  font-weight:950;
}

.account-social-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.account-social-copy{
  min-width:0;
}

.account-social-name{
  display:block;
  overflow:hidden;
  color:#eef1f1;
  font-size:14px;
  line-height:1.3;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-social-name:hover{
  color:#f7c51d;
}

.account-social-username{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#778388;
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.account-social-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin-top:6px;
  color:#909a9e;
  font-size:12px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.account-social-follow{
  min-width:104px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid #f7c51d;
  border-radius:6px;
  background:#f7c51d;
  color:#080a0b;
  font-size:12px;
  line-height:1;
  font-weight:950;
}

.account-social-follow svg{
  width:14px;
  height:14px;
}

.account-social-follow.is-following{
  border-color:rgba(247,197,29,.35);
  background:rgba(247,197,29,.06);
  color:#f7c51d;
}

.account-social-follow:disabled{
  opacity:.55;
  cursor:wait;
}

.account-social-empty{
  min-height:170px;
  padding:30px 20px;
}

.account-social-area .account-filter-empty strong{
  font-size:13px;
}

.account-social-area .account-filter-empty p{
  font-size:11px;
  line-height:1.5;
}

@media(max-width:1000px){
  .account-social-columns,
  .account-social-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .account-social-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .account-social-summary{
    width:100%;
  }

  .account-social-search{
    grid-template-columns:1fr;
  }

  .account-social-search>button{
    width:100%;
  }

  .account-social-card,
  .account-social-row{
    grid-template-columns:46px minmax(0,1fr);
  }

  .account-social-avatar{
    width:46px;
    height:46px;
  }

  .account-social-card>form,
  .account-social-row>form{
    grid-column:2;
  }

  .account-social-follow{
    min-width:0;
  }
}

/* =========================================================
   PESSOAS — PLACEHOLDERS SEM FOTO
   ========================================================= */

.people-card-photo-empty{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#111719;
  color:#8f999d;
}

.people-card-photo-empty span{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  background:#171d20;
  color:#cbd2d4;
  font-size:36px !important;
  font-weight:900;
  line-height:1;
}

.person-home-placeholder{
  color:#aeb7ba !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.person-mini .person-home-placeholder{
  color:#aeb7ba !important;
  font-size:32px !important;
}

.person-photo-empty{
  color:#aeb7ba !important;
  font-size:54px !important;
  font-weight:900 !important;
}

@media(max-width:900px){
  .people-card-photo-empty span{
    width:78px;
    height:78px;
    font-size:30px !important;
  }

  .person-home-placeholder,
  .person-mini .person-home-placeholder{
    font-size:28px !important;
  }

  .person-photo-empty{
    font-size:44px !important;
  }
}

@media(max-width:650px){
  .people-card-photo-empty span{
    width:62px;
    height:62px;
    font-size:24px !important;
  }

  .person-home-placeholder,
  .person-mini .person-home-placeholder{
    font-size:24px !important;
  }

  .person-photo-empty{
    font-size:34px !important;
  }
}

/* =========================================================
   HOME — NOVIDADES NO CATÁLOGO
   Respiro entre thumbnail e informações.
   ========================================================= */
.home-catalog-panel .home-landscape-body{
  margin-top:13px !important;
}

.home-catalog-panel .home-landscape-body h3{
  margin-top:0 !important;
}

.home-catalog-panel .home-landscape-body .content-kicker{
  margin-bottom:7px !important;
}


/* =========================================================
   SÉRIES — ESTREIAS / PRÓXIMOS EPISÓDIOS
   ========================================================= */

.series-card-media{
  position:relative;
}

.series-release-badge{
  position:absolute;
  left:9px;
  right:9px;
  bottom:9px;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid rgba(247,197,29,.28);
  border-radius:6px;
  background:rgba(4,7,8,.90);
  color:#f7c51d;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  backdrop-filter:blur(7px);
}

.series-release-badge svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

@media(max-width:650px){
  .series-release-badge{
    left:7px;
    right:7px;
    bottom:7px;
    min-height:28px;
    font-size:10px;
  }
}


/* =========================================================
   SÉRIE — DATAS DE ESTREIA
   ========================================================= */

.series-release-status{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
}

.series-release-status-main{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border:1px solid rgba(247,197,29,.38);
  border-radius:5px;
  background:rgba(247,197,29,.06);
  color:#f7c51d;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}

.series-release-status-main svg{
  width:14px;
  height:14px;
}

.series-release-status-date{
  color:#8f999d;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
}

.episode-is-upcoming{
  border-color:rgba(247,197,29,.14);
}

.episode-release-info{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:9px;
}

.episode-release-relative{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border:1px solid rgba(247,197,29,.26);
  border-radius:5px;
  background:rgba(247,197,29,.05);
  color:#f7c51d;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}

.episode-release-relative svg{
  width:13px;
  height:13px;
}

.episode-release-date{
  color:#7f898d;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
}

@media(max-width:650px){
  .series-release-status,
  .episode-release-info{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
}


/* =========================================================
   EPISÓDIOS FUTUROS — AÇÕES BLOQUEADAS
   ========================================================= */

.episode-community-toggle:disabled,
.episode-community-toggle.is-disabled,
.episode-watched-button:disabled,
.episode-watched-button.is-disabled{
  opacity:.45;
  cursor:not-allowed !important;
  pointer-events:auto;
}

.episode-community-toggle:disabled:hover,
.episode-community-toggle.is-disabled:hover,
.episode-watched-button:disabled:hover,
.episode-watched-button.is-disabled:hover{
  border-color:rgba(255,255,255,.10) !important;
  background:transparent !important;
  color:inherit !important;
}

.episode-community-toggle:disabled svg,
.episode-community-toggle.is-disabled svg,
.episode-watched-button:disabled svg,
.episode-watched-button.is-disabled svg{
  opacity:.75;
}