@media(max-width:1100px){.container{width:min(100% - 40px,1200px)}.header-wrap{grid-template-columns:105px auto 1fr}.footer-main{grid-template-columns:repeat(3,1fr)}.hero-under{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.hero-cards,.three-grid{gap:18px}.single-layout{gap:22px}.top-nav{display:none}}
@media(max-width:780px){.site-header{height:65px}.header-wrap{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;position:relative}.menu-toggle{grid-column:1;grid-row:1;min-width:0}.menu-toggle span{display:none}.header-brand,.header-search,.top-nav{display:none}.mobile-brand{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;min-width:0;padding:4px 10px}.header-right{grid-column:3;grid-row:1;justify-content:center;padding:0;gap:0}.header-right .theme-toggle{display:none}.search-toggle{display:flex}.mobile-search-panel:not([hidden]){display:flex;align-items:center;gap:5px;position:absolute;top:65px;left:0;right:0;z-index:65;background:var(--surface);padding:12px 20px;box-shadow:0 6px 16px #0002}.mobile-search-panel .search-form{flex:1;color:var(--text)}.mobile-search-panel .search-close{color:var(--text)}.container{width:calc(100% - 32px)}.hero-feature,.hero-under,.dual-news,.category-top,.single-layout,.more-grid{grid-template-columns:1fr}.hero-main h1{font-size:clamp(26px,6vw,37px)}.hero-media{max-width:100%}.hero-cards,.three-grid,.category-smalls{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-popular{padding:10px 0}.category-ad,.single-sidebar{display:block}.category-lead{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}.single-layout{gap:35px}.single-sidebar{border-top:2px solid var(--line);padding-top:25px}.single-sidebar .news-card{max-width:500px}.hide-mobile{display:none!important}.hide-desktop{display:flex}.home-main>section,.home-section{margin-bottom:30px}}
@media(max-width:520px){.container{width:calc(100% - 26px)}.site-header{height:60px}.header-wrap{grid-template-columns:55px minmax(0,1fr) 55px}.mobile-search-panel:not([hidden]){top:60px;padding:10px 12px}.mobile-logo img{max-height:47px;width:auto!important;max-width:125px}.mobile-brand{overflow:hidden}.hero-feature{gap:14px}.hero-main h1{font-size:28px;letter-spacing:-.6px}.hero-cards,.three-grid,.category-smalls{grid-template-columns:1fr 1fr;gap:17px 12px}.news-card h3{font-size:13px}.section-head h2{font-size:21px}.dual-news .three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.election-grid,.lotteries{grid-template-columns:1fr}.election-box{padding:15px}.election-head{align-items:flex-start}.election-head small{font-size:10px}.category-lead{grid-template-columns:1fr}.category-lead h2{font-size:25px}.category-smalls{grid-template-columns:repeat(2,minmax(0,1fr))}.article-header h1{font-size:30px}.entry-content{font-size:15px}.entry-content :is(ul,ol){padding-left:1.3em}.continue-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-identity{grid-column:1/-1}.follow-cta{flex-wrap:wrap}.follow-cta strong{flex:1 1 calc(100% - 80px)}.follow-cta a{margin-left:auto}.score-card{min-width:175px;flex-basis:175px}.pep-ad-inner{min-height:0!important}.program-card{flex-basis:270px}.program-card>img,.program-card>.image-placeholder{width:100px;flex-basis:100px}.single-sidebar .card-horizontal{grid-template-columns:90px 1fr}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.hero-cards,.three-grid,.category-smalls{gap:13px 9px}.news-card h3{font-size:12px}.hero-main h1{font-size:25px}.article-header h1{font-size:27px}.footer-main{gap:16px}.menu-toggle .pep-icon{width:19px}.election-head{flex-direction:column;gap:0}.pep-ranking li{grid-template-columns:35px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Busca mobile compacta: aparece sobre o cabecalho, sem deslocar o ticker ou o conteudo. */
@media (max-width:780px) {
  .mobile-search-panel:not([hidden]) {
    display:flex;
    align-items:center;
    gap:8px;
    position:fixed;
    inset:0 0 auto;
    top:0;
    width:100%;
    height:65px;
    min-height:0;
    box-sizing:border-box;
    padding:9px max(14px, env(safe-area-inset-right)) 9px max(14px, env(safe-area-inset-left));
    background:var(--surface, #fff);
    color:var(--text, #17191f);
    border-bottom:1px solid var(--line, #ddd);
    box-shadow:0 5px 16px rgba(0,0,0,.12);
    z-index:1000;
    overflow:hidden;
  }
  .mobile-search-panel .search-form {
    display:flex;
    flex:1 1 auto;
    min-width:0;
    height:44px;
    margin:0;
    border:1px solid var(--line, #b6b9c9);
    border-radius:6px;
    background:var(--surface, #fff);
    color:var(--text, #17191f);
  }
  .mobile-search-panel .search-form:focus-within {
    border-color:var(--primary, #d60016);
    box-shadow:0 0 0 2px rgba(214,0,22,.12);
  }
  .mobile-search-panel .search-form input {
    flex:1 1 auto;
    width:100%;
    min-width:0;
    padding:0 12px;
    font-size:16px;
    line-height:1.35;
    color:var(--text, #17191f);
  }
  .mobile-search-panel .search-form button {
    flex:0 0 44px;
    min-width:44px;
    min-height:42px;
    justify-content:center;
    align-items:center;
    padding:0;
    color:var(--text, #17191f);
    cursor:pointer;
  }
  .mobile-search-panel .search-close {
    display:inline-flex;
    flex:0 0 40px;
    width:40px;
    min-width:40px;
    height:44px;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:0;
    color:var(--text, #17191f);
    cursor:pointer;
  }
  .mobile-search-panel .search-close .pep-icon { width:22px;height:22px; }
}
@media (max-width:520px) {
  .mobile-search-panel:not([hidden]) {
    top:0;
    height:60px;
    padding:7px 10px;
    gap:5px;
  }
  .mobile-search-panel .search-form {height:44px;}
  .mobile-search-panel .search-close {flex-basis:38px;width:38px;}
}
@media (max-width:360px) {
  .mobile-search-panel:not([hidden]) {padding-inline:8px;gap:4px;}
  .mobile-search-panel .search-form input {padding-inline:9px;}
}


/* Exibe o seletor de tema ao lado da busca na header mobile,
   preservando a logo centralizada e as areas de toque. */
@media (max-width:780px) {
  .header-wrap {
    grid-template-columns:56px minmax(0,1fr) 104px;
  }
  .header-right {
    grid-column:3;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:0;
    padding:0 5px 0 0;
    position:relative;
    z-index:2;
  }
  .header-right .theme-toggle {
    display:inline-flex;
  }
  .header-right .theme-toggle,
  .header-right .search-toggle {
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
    padding:10px;
    align-items:center;
    justify-content:center;
    color:#fff;
  }
  .mobile-brand {
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:calc(100% - 170px);
    max-width:190px;
    transform:translateX(-50%);
    padding:4px 0;
    pointer-events:none;
  }
  .mobile-brand a {
    pointer-events:auto;
  }
}
@media (max-width:360px) {
  .header-wrap {grid-template-columns:48px minmax(0,1fr) 96px;}
  .header-right {padding-right:0;}
  .header-right .theme-toggle,
  .header-right .search-toggle {
    width:46px;
    min-width:46px;
  }
  .mobile-brand {width:calc(100% - 150px);}
}


/* Header: isola o acionador do menu e impede que expanda o grid ou invada o ticker. */
.site-header .header-wrap {
  min-width:0;
  grid-template-columns: minmax(0,150px) minmax(0,auto) minmax(0,1fr);
}
.site-header .header-wrap > .menu-toggle {
  position:relative;
  grid-column:1;
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  max-width:150px;
  min-width:0;
  height:100%;
  max-height:82px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  overflow:hidden;
  white-space:nowrap;
  z-index:1;
}
.site-header .header-wrap > .menu-toggle .pep-icon {
  flex:0 0 auto;
}
.site-header .header-wrap > .menu-toggle span {
  display:inline;
  width:auto;
  max-width:100%;
}
@media (min-width:781px) and (max-width:1100px) {
  .site-header .header-wrap {
    grid-template-columns:105px minmax(0,auto) minmax(0,1fr);
  }
  .site-header .header-wrap > .menu-toggle {max-width:105px;}
}
@media (max-width:780px) {
  .site-header .header-wrap {
    grid-template-columns:56px minmax(0,1fr) 104px;
  }
  .site-header .header-wrap > .menu-toggle {
    grid-column:1;
    grid-row:1;
    width:56px;
    max-width:56px;
    height:100%;
    max-height:65px;
    padding:0;
    gap:0;
  }
  .site-header .header-wrap > .menu-toggle span {display:none;}
}
@media (max-width:520px) {
  .site-header .header-wrap > .menu-toggle {max-height:60px;}
}
@media (max-width:360px) {
  .site-header .header-wrap {grid-template-columns:48px minmax(0,1fr) 96px;}
  .site-header .header-wrap > .menu-toggle {width:48px;max-width:48px;}
}
