@media (max-width:1180px){
  :root{--joeri-container:1000px}
  .featured-main-media{height:520px;min-height:420px}
  .featured-main-overlay h1{font-size:30px}
}

@media (max-width:1024px){
  .joeri-container{width:min(100% - 28px, var(--joeri-container))}
  .nav-inner{gap:14px}
  .main-menu a{padding:0 11px;font-size:13px}
  .home-featured{grid-template-columns:1fr}
  .featured-main-media{height:auto;min-height:0;aspect-ratio:16/10}
  .featured-side-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .posts-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-with-sidebar{grid-template-columns:1fr}
  .sidebar-column{min-height:0;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}
  .joeri-sidebar-widget{margin:0}
  .single-title{font-size:35px}
}

@media (max-width:860px){
  .nav-inner{height:auto;min-height:54px;flex-wrap:wrap;position:relative}
  .menu-toggle{display:flex;margin-left:0;order:2}
  .header-social{order:3;margin-left:auto}
  .menu-wrap{order:4;flex-basis:100%;display:none;padding:0 0 10px}
  .menu-wrap.is-open{display:block}
  .main-menu{display:block;background:rgba(0,0,0,.08);border-radius:10px;overflow:hidden}
  .main-menu a{min-height:44px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.12)}
  .main-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.08);border-radius:0;padding:0;margin:0;min-width:0}
  .main-menu .sub-menu a{color:#fff;border-radius:0;padding-left:28px;background:transparent}
  .main-menu .sub-menu a:hover{background:rgba(255,255,255,.12);color:#fff}
  .top-banner-area{padding:10px 0 18px}
}

@media (max-width:720px){
  body{font-size:15px}
  .logo-area{padding:14px 12px 12px}.site-logo-img{width:min(370px,90vw);max-height:105px}
  .home-button{font-size:27px;min-width:34px}
  .header-social{gap:6px}.header-social a,.footer-social a{width:25px;height:25px;font-size:15px}
  .banner-placeholder{height:82px;padding:12px;font-size:12px}
  .featured-main-media{aspect-ratio:4/3;border-radius:10px}.featured-main-overlay{padding:18px}.featured-main-overlay h1{font-size:25px}
  .featured-side-list{grid-template-columns:1fr;gap:15px}.featured-side-media{height:205px}
  .posts-grid-3{grid-template-columns:1fr;gap:18px}.post-card-media{aspect-ratio:16/10}.post-card-title{font-size:17px}
  .single-title{font-size:29px}.entry-content{font-size:16px;line-height:1.65}.single-meta{gap:10px;font-size:12px}.single-featured-image img,.single-featured-image .joeri-no-thumb{max-height:460px}
  .sidebar-column{grid-template-columns:1fr}.search-form{grid-template-columns:1fr}.search-submit{width:100%}
  .archive-header h1,.empty-state h1{font-size:27px}.empty-state{padding:24px 18px}
  .site-footer{margin-top:30px}.footer-copy{line-height:1.6}
}

@media (max-width:440px){
  .joeri-container{width:calc(100% - 20px)}
  .nav-inner{gap:10px}.menu-toggle strong{display:none}.header-social a{width:23px;height:23px;font-size:14px}
  .featured-main-overlay h1{font-size:22px}.featured-side-media{height:185px}
  .card-meta{font-size:11px}.single-title{font-size:26px}.comments-title,.comment-reply-title{font-size:23px}
}


/* ===== Responsividade final dos destaques e single ===== */
@media (max-width:1180px){
  .home-featured{min-height:520px}
}

@media (max-width:1024px){
  .home-featured{min-height:0;grid-template-columns:1fr;gap:18px}
  .featured-main-card,
  .featured-side-list,
  .featured-main-media{height:auto}
  .featured-main-media{aspect-ratio:16/9}
  .featured-side-list{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .featured-side-card{height:auto;grid-template-rows:auto}
  .featured-side-media{height:auto;aspect-ratio:16/9}
  .featured-side-body{justify-content:flex-start}
}

@media (max-width:720px){
  body{font-family:"Segoe UI", Arial, Helvetica, sans-serif}
  .home-featured{gap:16px;margin-bottom:26px}
  .featured-main-media{aspect-ratio:4/3}
  .featured-main-overlay{padding:18px 16px}
  .featured-main-overlay h1{font-size:24px;line-height:1.12;letter-spacing:-.02em}
  .featured-side-list{grid-template-columns:1fr;gap:16px}
  .featured-side-media{aspect-ratio:16/10;height:auto}
  .featured-side-body h2{font-size:17px;line-height:1.25}
  .single-title{font-size:31px;line-height:1.12;font-weight:700}
  .entry-content,
  .entry-content p,
  .entry-content li{font-size:18px;line-height:1.68}
}

@media (max-width:440px){
  .featured-main-overlay h1{font-size:21px}
  .single-title{font-size:28px}
  .entry-content,
  .entry-content p,
  .entry-content li{font-size:17px;line-height:1.68}
}

/* ==========================================================
   RESPONSIVIDADE REFINADA 1.0.2
   ========================================================== */
@media (max-width:1024px){
  .home-featured{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
    gap:18px;
  }
  .featured-main-card,
  .featured-side-list{
    height:auto;
  }
  .featured-main-media{
    height:auto;
    aspect-ratio:16/9;
  }
  .featured-side-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    gap:18px;
  }
  .featured-side-card{
    height:100%;
    grid-template-rows:auto 1fr;
  }
  .featured-side-media{
    height:auto;
    aspect-ratio:16/9;
  }
  .featured-side-body{
    justify-content:flex-start;
  }
}

@media (max-width:720px){
  .home-featured{
    gap:16px;
    margin-bottom:28px;
  }
  .featured-main-media{
    aspect-ratio:4/3;
    border-radius:12px;
  }
  .featured-side-list{
    grid-template-columns:1fr;
    gap:16px;
  }
  .featured-side-media{
    aspect-ratio:16/10;
  }
  .posts-grid-3{
    grid-template-columns:1fr;
    gap:20px;
  }
  .post-card-media{
    aspect-ratio:16/10;
  }
  .joeri-pagination{
    margin-top:30px;
  }
  .joeri-pagination ul.page-numbers{
    gap:6px;
    padding:7px;
    border-radius:22px;
  }
  .joeri-pagination a.page-numbers,
  .joeri-pagination span.page-numbers{
    min-width:38px;
    height:38px;
    padding:0 11px;
    font-size:13px;
  }
  .joeri-pagination a.prev,
  .joeri-pagination a.next{
    padding:0 13px;
  }
}

@media (max-width:440px){
  .featured-main-media{
    aspect-ratio:1/1;
  }
  .featured-main-overlay h1{
    font-size:20px;
  }
  .post-card-title{
    font-size:17px;
  }
  .joeri-pagination ul.page-numbers{
    width:100%;
    border-radius:18px;
  }
  .joeri-pagination a.prev,
  .joeri-pagination a.next{
    flex:1 1 auto;
  }
}