/* Expresso Rio 17.5.4 — alinhamento e estabilidade visual final */
:root{--er-content-width:1400px;--er-page-gutter:24px;--er-image-bg:#eef2f6}

/* Um único sistema de largura para os blocos principais. */
.er-container,
.site-main,
.er-archive,
.er-single-wrap{
  max-width:var(--er-content-width);
}

/* Bloco final de vídeos: usa exatamente o mesmo contêiner da home. */
.er-home-video-strip.er-container{
  width:min(var(--er-content-width),calc(100% - (var(--er-page-gutter) * 2)));
  max-width:var(--er-content-width);
  margin:44px auto 48px;
  padding-left:0;
  padding-right:0;
}
.er-home-video-strip__grid{gap:24px}
.er-home-video-strip__media{aspect-ratio:16/9;background:var(--er-image-bg)}
.er-home-video-strip__media img,
.er-home-video-strip__placeholder{
  width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;
}
.er-home-video-strip__head h2,
.er-home-video-strip__card h3{
  font-family:var(--er-title-font)!important;
}
.er-home-video-strip__head h2{font-size:28px;line-height:1.1}
.er-home-video-strip__card h3{font-size:19px;line-height:1.26;font-weight:700}
.er-home-video-strip__card time{font-family:var(--er-font);font-size:13px}

/* Enquadramento previsível, reduzindo saltos de layout. */
.er-card__thumb,
.er-smart-card__image,
.er-p360-card__image,
.er-power-mini__image,
.er-home-video-strip__media,
.er-tv-video-card__thumb,
.er-video-page-2026__media{overflow:hidden;background:var(--er-image-bg)}
.er-card__thumb img,
.er-smart-card__image img,
.er-p360-card__image img,
.er-power-mini__image img,
.er-tv-video-card__thumb img,
.er-video-page-2026__media img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}

/* Evita quebra por títulos ou URLs extensas. */
h1,h2,h3,h4,.entry-title,.post-title,.article-title,.archive-title{
  overflow-wrap:break-word;word-break:normal;text-wrap:balance;
}
p,.subtitle,.entry-content{overflow-wrap:anywhere}

/* Renderização tardia apenas em seções abaixo da dobra. */
.er-home-video-strip,
.er-tv-section,
.er-video-more-2026,
.er-related-posts{
  content-visibility:auto;
  contain-intrinsic-size:1px 560px;
}

@media(max-width:1024px){
  :root{--er-page-gutter:20px}
  .er-home-video-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  .er-home-video-strip__card h3{font-size:18px}
}
@media(max-width:700px){
  :root{--er-page-gutter:14px}
  .er-home-video-strip.er-container{margin:34px auto 40px}
  .er-home-video-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .er-home-video-strip__card h3{font-size:16px;line-height:1.28}
}
@media(max-width:430px){
  .er-home-video-strip__grid{grid-template-columns:1fr;gap:28px}
  .er-home-video-strip__card h3{font-size:18px}
}

/* 17.5.5 — correção estrutural definitiva da grade de vídeos da home.
   A seção já está dentro de <main class="er-home er-container">; não deve criar
   um segundo contêiner, pois isso recalcula a largura e desalinha as colunas. */
.er-home > .er-home-video-strip{
  display:block;
  width:100%!important;
  max-width:none!important;
  margin:46px 0 48px!important;
  padding:30px 0 0!important;
  border-top:1px solid #b9b9b9;
  box-sizing:border-box;
}
.er-home > .er-home-video-strip .er-home-video-strip__head{
  width:100%;
  margin:0 0 28px;
  padding:0;
}
.er-home > .er-home-video-strip .er-home-video-strip__grid{
  display:grid;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  align-items:start;
}
.er-home > .er-home-video-strip .er-home-video-strip__card{
  width:auto;
  min-width:0;
  margin:0;
  padding:0;
}
.er-home > .er-home-video-strip .er-home-video-strip__media{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:405/270;
  margin:0 0 10px;
  overflow:hidden;
}
.er-home > .er-home-video-strip .er-home-video-strip__media img,
.er-home > .er-home-video-strip .er-home-video-strip__placeholder{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
}
.er-home > .er-home-video-strip .er-home-video-strip__card h3{
  margin:0 0 6px;
  font-family:var(--er-title-font)!important;
  font-size:21px;
  line-height:1.18;
  font-weight:400;
  letter-spacing:-.025em;
  color:#07172d;
}
.er-home > .er-home-video-strip .er-home-video-strip__card time{
  margin-top:8px;
}
@media(max-width:1100px){
  .er-home > .er-home-video-strip .er-home-video-strip__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
  }
}
@media(max-width:700px){
  .er-home > .er-home-video-strip{
    margin:32px 0 38px!important;
    padding-top:22px!important;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__head{margin-bottom:22px}
  .er-home > .er-home-video-strip .er-home-video-strip__grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__card{
    display:grid;
    grid-template-columns:38% minmax(0,1fr);
    column-gap:14px;
    align-items:start;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__media{
    grid-row:1 / span 2;
    margin:0;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__card h3{
    margin:0;
    font-size:20px;
    line-height:1.18;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__card time{
    grid-column:2;
    margin-top:8px;
  }
}
@media(max-width:430px){
  .er-home > .er-home-video-strip .er-home-video-strip__card{
    grid-template-columns:1fr;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__media{
    grid-row:auto;
    margin-bottom:10px;
  }
  .er-home > .er-home-video-strip .er-home-video-strip__card time{grid-column:auto}
}