/* Netflix-style layer. Loaded after site-theme.css on every page; only
   restyles, so removing this file brings the previous look back. */
:root {
  --nf-bg: #141414;
  --nf-red: #e50914;
  --nf-red-dark: #b20710;
  --nf-text: #fff;
  --nf-muted: #b3b3b3;
  --nf-card: #1f1f1f;
}

html, body { background-color: var(--nf-bg) !important; }
#ipsLayout_body, #ipsLayout_contentArea, #ipsLayout_contentWrapper, #ipsLayout_mainArea { background: transparent !important; }
body { color: var(--nf-text); }

/* ---------- Header: transparent over the hero, solid once scrolled ---------- */
#ipsLayout_header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: linear-gradient(180deg, rgba(0,0,0,.75) 10%, rgba(0,0,0,0)) !important;
  transition: background-color .35s ease;
}
#ipsLayout_header header { background: transparent !important; border: 0 !important; }
#ipsLayout_header .ipsMenu_sep { display: none !important; }
body.nf-scrolled #ipsLayout_header { background: var(--nf-bg) !important; }
body { padding-top: 0 !important; }
body:not(.nf-has-hero) #ipsLayout_body { margin-top: 76px; }

#yt__acme_header { padding: 14px 4% !important; max-width: none !important; }
.site-logo .pobreflix-logo { width: min(150px, 40vw) !important; }

.newmenu li a,
.newmenu li a:visited {
  background: none !important;
  border: 0 !important;
  padding: 6px 2px !important;
  margin-right: 18px;
  color: #e5e5e5 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.newmenu li a:hover { color: var(--nf-muted) !important; }
.newmenu li.ipsNavBar_active a { color: #fff !important; font-weight: 700 !important; }

.newheader .pedir,
button.pedir {
  background: var(--nf-red) !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.newheader .pedir:hover { background: var(--nf-red-dark) !important; }

/* ---------- Home hero ("billboard") ---------- */
#launcherBg {
  height: min(80vh, 760px) !important;
  min-height: 460px;
  background-position: center top !important;
}
#launcherBg::before {
  background:
    linear-gradient(77deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 70%),
    linear-gradient(0deg, var(--nf-bg) 0%, rgba(20,20,20,.6) 12%, rgba(20,20,20,0) 35%) !important;
}
#homeLauncher { position: absolute !important; inset: 0; }
#homeLauncher .infos,
#launcherBg.home-featured #homeLauncher .infos {
  position: absolute !important;
  left: 4%; bottom: 22%;
  margin: 0 !important;
  padding: 0 !important;
  max-width: min(560px, 90vw) !important;
  align-items: flex-start !important;
  text-align: left !important;
}
#homeLauncher .movieBannerTitle {
  font-size: clamp(30px, 4.2vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: left;
}
#homeLauncher .movieLogo { margin: 0 0 14px !important; object-position: left bottom !important; max-height: 150px !important; }
#homeLauncher .hero-meta { justify-content: flex-start !important; font-size: 15px !important; color: #e5e5e5 !important; }
#homeLauncher .options { display: flex !important; gap: 12px; margin-top: 22px !important; }
#homeLauncher .options .coolButton,
#homeLauncher .options .coolButton:hover {
  margin: 0 !important;
  padding: 0 26px 0 50px !important;
  line-height: 46px !important;
  height: 46px;
  border-radius: 4px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
#homeLauncher .options .coolButton.orange,
#homeLauncher .options > a.coolButton {
  background: #fff !important;
  color: #000 !important;
}
#homeLauncher .options .coolButton.orange svg,
#homeLauncher .options > a.coolButton svg { fill: #000 !important; color: #000 !important; }
#homeLauncher .options .coolButton.orange:hover { background: rgba(255,255,255,.75) !important; }
#homeLauncher .options .coolButton.gray {
  background: rgba(109,109,110,.7) !important;
  color: #fff !important;
}
#homeLauncher .options .coolButton.gray:hover { background: rgba(109,109,110,.45) !important; }

/* Rows start right under the billboard, like Netflix. */
body.nf-has-hero #ipsLayout_body { margin-top: -9vh; position: relative; z-index: 2; }

/* ---------- Page headings and row titles ---------- */
#ipsLayout_body.ipsLayout_container,
#ipsLayout_body { max-width: none !important; padding: 0 4% !important; }

h1.vbDivider {
  border: 0 !important;
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--nf-muted) !important;
  margin: 0 0 18px !important;
  letter-spacing: 0 !important;
}
h1.vbDivider::before, h1.vbDivider::after { display: none !important; }
.vbIntro { text-align: left !important; margin: -6px 0 24px !important; color: var(--nf-muted) !important; }

.vbTab-title,
.vbSection-title,
h2.vbDivider,
.vbEpisodes__title {
  color: #e5e5e5 !important;
  font-size: clamp(17px, 1.5vw, 22px) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border: 0 !important;
  padding-left: 0 !important;
}
.vbSection-title::before, .vbEpisodes__accent { display: none !important; }
.vbSection-header .badge, .vbSection-title span { background: var(--nf-red) !important; color: #fff !important; }

/* Row tabs (Lançamentos / Recentes / Populares) as plain text links */
.etabs .tab, .etabs .tab a {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.etabs .tab a { color: var(--nf-muted) !important; font-weight: 500 !important; padding: 4px 10px !important; }
.etabs .tab.active a {
  color: #fff !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--nf-red) !important;
}

/* Row arrows */
.vbNav-prev, .vbNav-next {
  background: rgba(20,20,20,.7) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
}
.vbNav-prev:hover, .vbNav-next:hover { background: rgba(255,255,255,.15) !important; }

/* ---------- Poster cards ---------- */
.swiper-slide .block,
.vbItemImage,
.blocktwo {
  border-radius: 4px !important;
  overflow: hidden;
}
.swiper-slide .blocktwo,
.ipsGrid .blocktwo,
.blocktwo {
  background: var(--nf-card) !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
.swiper-slide:hover .blocktwo,
a.block:hover .blocktwo,
a.block:focus-visible .blocktwo {
  transform: scale(1.06);
  box-shadow: 0 10px 28px rgba(0,0,0,.75);
  z-index: 3;
}
.swiper, .swiper-container { overflow: visible !important; }
.vbTabSliderContainer, .vbSection-body { overflow: hidden; padding: 10px 0; margin: -10px 0; }
.blocktwo .top div { background: var(--nf-red) !important; color: #fff !important; border-radius: 2px !important; }
.blocktwo .top div + div { background: rgba(0,0,0,.65) !important; }

/* ---------- Filters, buttons, inputs ---------- */
#vbTabSliderCategory .tab.active a,
.vbSearch button, .site-filter button.is-active,
.vbSeasonSelect__option.is-active {
  background: var(--nf-red) !important;
  color: #fff !important;
  border-color: var(--nf-red) !important;
}
input[type="search"], input[type="text"], select,
.vbSearch input, .site-filter select {
  background: #000 !important;
  border: 1px solid #5a5a5a !important;
  color: #fff !important;
  border-radius: 4px !important;
}
input:focus, select:focus { border-color: #fff !important; outline: none !important; }

/* ---------- Watch page ---------- */
#view .servers-list .server.active,
#view .audio .item.active,
#view [data-audio].active {
  background: var(--nf-red) !important;
  border-color: var(--nf-red) !important;
  color: #fff !important;
}
#view .servers-list .server { border-radius: 4px !important; }
#view .player-area .button {
  border-color: #fff !important;
  background: rgba(0,0,0,.45) !important;
}
#view .player-area .button:hover { background: var(--nf-red) !important; border-color: var(--nf-red) !important; }
#extraFields .type { color: var(--nf-muted) !important; }
#extraFields h1.type { font-size: 13px !important; letter-spacing: .5px; }
#extraFields .one, #extraFields p.one { color: #fff !important; }
#extraFields .cat, #extraFields .cam { border-radius: 2px !important; }
.vbEpisodeCard { border-radius: 4px !important; background: var(--nf-card) !important; }
.vbEpisodeCard:hover { background: #2a2a2a !important; }
.vbEpisodeCard__number { background: var(--nf-red) !important; }

/* ---------- Footer ---------- */
#ipsLayout_footer, #ipsLayout_footer .yt__acme_footer_top, .footer-counter { background: var(--nf-bg) !important; }
#ipsLayout_footer .footer-cols, #ipsLayout_footer .footer-copyright { border-color: rgba(255,255,255,.08) !important; }

/* ---------- Mobile ---------- */
@media (max-width: 720px) {
  #yt__acme_header { padding: 10px 4% !important; }
  #launcherBg { height: 72vh !important; min-height: 420px; }
  #homeLauncher .infos,
  #launcherBg.home-featured #homeLauncher .infos {
    left: 0; right: 0; bottom: 12%;
    max-width: none !important;
    padding: 0 5% !important;
    align-items: center !important;
    text-align: center !important;
  }
  #homeLauncher .movieBannerTitle { text-align: center; font-size: 30px !important; }
  #homeLauncher .hero-meta { justify-content: center !important; }
  #homeLauncher .options { justify-content: center; }
  #homeLauncher .options { gap: 8px; }
  #homeLauncher .options .coolButton,
  #homeLauncher .options .coolButton:hover { padding: 0 14px 0 40px !important; font-size: 14px !important; height: 42px; line-height: 42px !important; }
  body.nf-has-hero #ipsLayout_body { margin-top: -4vh; }
}

/* ---------- Overrides for the theme's blue accents ---------- */
#vbTabSlider .etabs .tab.active,
#vbTabSlider .etabs .tab,
#vbTabSliderCategory .etabs .tab,
#vbTabSliderCategory .etabs .tab.active {
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
#vbTabSlider .etabs .tab::before, #vbTabSlider .etabs .tab::after,
#vbTabSlider .etabs .tab.active::before, #vbTabSlider .etabs .tab.active::after { display: none !important; }
#vbTabSliderCategory .etabs .tab.active a {
  background: var(--nf-red) !important;
  color: #fff !important;
  border-radius: 4px !important;
  border-bottom: 0 !important;
}
#vbSliderRatingTrending .vbSection-title::after {
  background: var(--nf-red) !important;
  color: #fff !important;
  border-radius: 2px !important;
}
#vbRelatedSlider .vbSection-title-symbol { background: var(--nf-red) !important; }
.vbEpisodeCard.is-last-watched { border-color: var(--nf-red) !important; box-shadow: 0 0 0 1px var(--nf-red) !important; }
.vbSeasonSelect__option.is-active, .vbAudioSelect__option.is-active { background: var(--nf-red) !important; color: #fff !important; }
.vbSeasonSelect__trigger.is-open, .vbAudioSelect__trigger.is-open { border-color: #fff !important; box-shadow: none !important; }

/* Billboard: soft fade into the page instead of a hard edge */
#launcherBg::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 30%;
  background: linear-gradient(0deg, var(--nf-bg) 8%, rgba(20,20,20,0));
  pointer-events: none;
  z-index: 0;
}

/* Watch page container and audio tabs */
#VideoContent, #VideoContent.ipsBox { background: #181818 !important; border-radius: 6px !important; }
#view .tabs .item {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #e5e5e5 !important;
  border-radius: 4px !important;
}
#view .tabs .item.active { background: var(--nf-red) !important; color: #fff !important; }
#view .servers-list .server { background: #2a2a2a !important; }
#view .servers-list .server.active { background: var(--nf-red) !important; }
#extraFields .meta-info, #extraFields .meta-info * { color: #46d369 !important; }
#extraFields .meta-generos { color: #e5e5e5 !important; }
#extraFields p.extra.one, #extraFields .meta-info, #extraFields .meta-generos { font-size: 15px !important; line-height: 1.6 !important; font-style: normal !important; }

/* Listing filters, section dividers, small badges */
.vbFilters.vbListPage { background: transparent !important; }
.vbFilters_bar, .site-filter, form.site-filters {
  background: #181818 !important;
  border-color: rgba(255,255,255,.08) !important;
}
h2.vbDivider { text-align: left !important; }
h2.vbDivider::before, h2.vbDivider::after { display: none !important; }
#extraFields .cat { background: rgba(255,255,255,.1) !important; color: #fff !important; }
#extraFields .cam { background: var(--nf-red) !important; color: #fff !important; }
#extraFields .fields-right .extra span { color: var(--nf-muted) !important; }
.vbFilters_select select, .vbFilters select { background-color: #000 !important; }

/* ---------- Footer: info block + brand columns ---------- */
#ipsLayout_footer .yt__acme_footer_top_content_aboutus { max-width: 1100px !important; margin: 0 auto !important; padding: 0 16px !important; text-align: left !important; }
#ipsLayout_footer .footer-infos { padding: 8px 0 32px; }
#ipsLayout_footer .footer-infos-title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: #e5e5e5;
}
#ipsLayout_footer .footer-infos-tags { margin: 0 0 10px; font-size: 13px; color: #8c8c8c; }
#ipsLayout_footer .footer-infos p { font-size: 13px; line-height: 1.7; color: #8c8c8c; text-align: justify; }
#ipsLayout_footer .footer-faq { margin-top: 14px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 12px; }
#ipsLayout_footer .footer-faq summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #e5e5e5;
  list-style: none;
}
#ipsLayout_footer .footer-faq summary::-webkit-details-marker { display: none; }
#ipsLayout_footer .footer-faq summary::after { content: " +"; color: var(--nf-red); }
#ipsLayout_footer .footer-faq[open] summary::after { content: " −"; }
#ipsLayout_footer .footer-faq h3 { margin: 14px 0 4px; font-size: 14px; font-weight: 600; color: #e5e5e5; }
#ipsLayout_footer .footer-faq p { margin: 0; }
#ipsLayout_footer .footer-cols { grid-template-columns: 2fr 1fr !important; }
#ipsLayout_footer .footer-brand-text { color: #8c8c8c !important; }
#ipsLayout_footer .footer-disclaimer { margin: 14px 0 0; max-width: 460px; font-size: 13px; font-style: italic; color: #6f6f6f; }
#ipsLayout_footer .footer-links a { color: #8c8c8c !important; }
#ipsLayout_footer .footer-links a:hover { color: #fff !important; }
#ipsLayout_footer .footer-links a::before { color: var(--nf-red) !important; }
#ipsLayout_footer .footer-copyright { text-align: center; color: #6f6f6f !important; }
@media (max-width: 720px) {
  #ipsLayout_footer .footer-cols { grid-template-columns: 1fr !important; }
  #ipsLayout_footer .footer-infos p { text-align: left; }
}

/* ---------- Design fixes ---------- */
#view { margin-top: 0 !important; }
#VideoContent > .ipsPadding { padding-top: 20px !important; }
#view, #view .eps, #view .two { background: #181818 !important; }
#view .controles, #view .controles a {
  background: #202020 !important;
  color: #e5e5e5 !important;
  border-color: rgba(255,255,255,.06) !important;
}
#view .controles a:hover { background: #2a2a2a !important; color: #fff !important; }
#view .controles a.disabled { color: #5a5a5a !important; }
#extraFields .extra.one span, #extraFields .extra.one { color: #bcbcbc !important; }
#extraFields .extra.one .nota { color: #46d369 !important; }
.vbSearch_help {
  background: #222 !important;
  color: #bcbcbc !important;
  border: 0 !important;
  border-radius: 4px 4px 0 0 !important;
}
.vbSearch_help b { color: #fff !important; }
#ipsLayout_footer .yt__acme_footer_top .ipsLayout_container { max-width: none !important; width: auto !important; padding: 0 4% !important; margin: 0 !important; }
#ipsLayout_footer .yt__acme_footer_top_content_aboutus { max-width: none !important; padding: 0 !important; }
/* One typeface everywhere (the archived theme mixed in other fonts); icon fonts keep theirs. */
body :where(p, span, div, a, h1, h2, h3, h4, li, label, input, select, button, summary, b, strong, small, td, th):not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]) {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
#extraFields .botoes .item a, #extraFields .botoes .item > a { background: #2a2a2a !important; border-color: rgba(255,255,255,.25) !important; color: #fff !important; }
#extraFields .botoes .item a:hover { background: #fff !important; color: #000 !important; }

/* Former <a onclick> controls are now <button>s (crawlable-links fix); keep their look. */
#extraFields .botoes .item button {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; padding: 0;
  border: 1px solid rgba(255,255,255,.25); border-radius: 50%;
  background: #2a2a2a; color: #fff; cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
#extraFields .botoes .item button:hover { background: #fff; color: #000; }
#extraFields .botoes .item button svg { width: auto !important; height: auto !important; }
#extraFields .botoes .item .trailer svg { left: 2px; position: relative; }
#homeLauncher .options button.coolButton { border: 0; cursor: pointer; font-family: inherit; position: relative; }

/* Contrast (Lighthouse): lighter greys on #141414, darker red behind small white text */
#ipsLayout_footer .footer-infos p,
#ipsLayout_footer .footer-infos-tags,
#ipsLayout_footer .footer-brand-text,
#ipsLayout_footer .footer-links a { color: #a8a8a8 !important; }
#ipsLayout_footer .footer-disclaimer,
#ipsLayout_footer .footer-copyright { color: #9a9a9a !important; }
.blocktwo .top div:first-child, #extraFields .cam { background: #c11119 !important; }