/*
Theme Name: Expresso Rio — Stable Newsroom 2026
Purpose: camada final de geometria, responsividade e prevenção de layout shift.
*/
:root{
  --er-footer-blue:#2f3b52;
  --er-footer-blue-hover:#253044;
  --er-stable-gutter:clamp(14px,3vw,24px);
}

html{overflow-x:hidden;scrollbar-gutter:stable}
body{overflow-x:clip}
.er-container{width:min(1280px,calc(100% - (var(--er-stable-gutter) * 2)));max-width:1280px}

/* Cabeçalho: uma única geometria em todas as páginas. */
.er-site-header--poder{
  border-top:5px solid var(--er-footer-blue)!important;
  min-height:78px;
  background:#fff;
}
.er-poderbar,.er-poderbar__inner{height:78px!important;min-height:78px!important}
.er-poderbar__logo{min-width:0!important;flex:0 1 260px}
.er-poderbar__logo img,.er-poderbar__logo .custom-logo{
  display:block;width:248px!important;max-width:100%!important;height:auto!important;
  aspect-ratio:700/120;object-fit:contain;
}
.er-poderbar__actions{flex:0 0 auto;gap:10px!important}
.er-menu-toggle{
  box-sizing:border-box!important;width:auto!important;height:44px!important;min-height:44px!important;
  margin-left:4px!important;padding:0 15px!important;gap:10px!important;
  border:1px solid rgba(255,255,255,.72)!important;border-radius:7px!important;
  background:var(--er-footer-blue)!important;color:#fff!important;
  box-shadow:none!important;line-height:1!important;
}
.er-menu-toggle:hover,.er-menu-toggle:focus-visible{background:var(--er-footer-blue-hover)!important}
.er-menu-toggle span:first-child{width:22px!important;height:2px!important;box-shadow:0 7px 0 currentColor,0 -7px 0 currentColor!important}
.er-menu-toggle b{font-size:12px!important;line-height:1!important;letter-spacing:.035em!important}

/* Reserva de espaço antes do download das mídias. */
.er-power-main__image,.er-power-mini__image,.er-queue-card__image,
.er-card__thumb,.er-post-card__image,.er-card__media,.er-story-card__media,
.er-p360-card__image,.er-p360-media__image,.er-home-video-strip__media{
  display:block;position:relative;overflow:hidden;background:#eef2f6;
}
.er-power-main__image{aspect-ratio:16/10}
.er-power-mini__image,.er-queue-card__image,.er-card__thumb,.er-post-card__image,
.er-card__media,.er-story-card__media,.er-p360-card__image,.er-p360-media__image,
.er-home-video-strip__media{aspect-ratio:16/9}
.er-power-main__image img,.er-power-main__image picture,
.er-power-mini__image img,.er-queue-card__image img,.er-card__thumb img,
.er-post-card__image img,.er-card__media img,.er-story-card__media img,
.er-p360-card__image img,.er-p360-media__image img,.er-home-video-strip__media img{
  display:block;width:100%!important;height:100%!important;object-fit:cover!important;
}
.er-lcp-picture{display:block;width:100%;height:100%}

/* Home acima da dobra: nunca depende de content-visibility. */
.er-power-block,.er-power-grid,.er-power-main,.er-power-middle,.er-power-today{
  content-visibility:visible!important;contain-intrinsic-size:none!important;
}
.er-power-grid{align-items:start}
.er-power-main,.er-power-middle,.er-power-today{min-width:0}

/* Categorias e buscas: cards previsíveis, sem esticar a grade. */
.er-archive__header{min-height:88px}
.er-archive .er-card{min-width:0;align-self:start}
.er-archive .er-card__thumb{width:100%;height:auto!important;min-height:0!important}
.er-archive .er-card--featured .er-card__thumb{aspect-ratio:16/10!important}

/* Matérias: imagem principal e incorporações reservam espaço. */
.er-single__header{min-height:clamp(150px,20vw,250px)}
.er-single__image{width:100%;overflow:hidden;background:#eef2f6}
.er-single__image .er-single__featured{display:block;width:100%!important;height:auto!important;aspect-ratio:850/520;object-fit:cover!important}
.er-single__image figcaption{position:relative;background:#fff}
.er-single__content iframe,.er-single__content video{display:block;width:100%;aspect-ratio:16/9;background:#111}
.er-single__content img{display:block;max-width:100%;height:auto}

@media(max-width:900px){
  .er-poderbar__logo{flex-basis:min(248px,60vw)}
  .er-poderbar__support,.er-poderbar__social{display:none!important}
}

@media(max-width:760px){
  .er-site-header--poder{min-height:65px;border-top-width:4px!important}
  .er-poderbar,.er-poderbar__inner{height:61px!important;min-height:61px!important}
  .er-poderbar__inner{gap:12px!important}
  .er-poderbar__logo{flex:1 1 auto}
  .er-poderbar__logo img,.er-poderbar__logo .custom-logo{width:min(205px,57vw)!important}
  .er-menu-toggle{width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;justify-content:center!important;border-radius:7px!important}
  .er-menu-toggle b{display:none!important}
  .er-menu-toggle span:first-child{width:20px!important}
  .er-archive__header{min-height:72px}
  .er-single__header{min-height:0}
  .er-single__image .er-single__featured{aspect-ratio:16/10}
}

@media(max-width:620px){
  .er-archive .er-card--featured .er-card__thumb{aspect-ratio:16/9!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}