/*
 * Expresso Rio v17.5.1 — categorias equilibradas
 * Atua somente nos arquivos, categorias, tags, autores e resultados de busca.
 */

/* Estrutura principal */
.er-archive .er-layout--archive{
  grid-template-columns:minmax(0,1fr) minmax(280px,320px);
  gap:clamp(32px,4vw,56px);
  align-items:start;
}

.er-archive .er-archive__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:36px 28px;
  width:100%;
  min-width:0;
  align-items:start;
}

/* Card comum */
.er-archive .er-card{
  display:block;
  min-width:0;
  padding:0 0 24px;
  border-bottom:1px solid #dfe4eb;
}

.er-archive .er-card__thumb{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin:0 0 14px;
  overflow:hidden;
  border-radius:6px;
  background:#eef1f5;
}

.er-archive .er-card__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.er-archive .er-card .category{
  margin:0 0 7px;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.er-archive .er-card h2{
  margin:0;
  font-family:"Source Sans Pro",Arial,sans-serif;
  font-size:clamp(22px,1.65vw,27px)!important;
  line-height:1.12!important;
  letter-spacing:-.022em!important;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

.er-archive .er-card h2 a{
  color:#102136;
  text-decoration:none;
}

.er-archive .er-card .post-detail{
  margin:12px 0 0;
  font-size:13px;
  line-height:1.35;
  color:#556170;
}

.er-archive .er-card .post-detail p{
  margin:0;
}

.er-archive .er-card .subtitle{
  margin:12px 0 0;
  font-size:16px!important;
  line-height:1.5!important;
  color:#3f4854;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}

/* Primeiro conteúdo em destaque: uma peça única e alinhada */
.er-archive .er-card--featured{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
  grid-template-areas:
    "media category"
    "media title"
    "media author"
    "media subtitle";
  column-gap:clamp(24px,3vw,38px)!important;
  row-gap:0!important;
  align-items:start!important;
  align-content:center;
  padding:0 0 30px!important;
  border-bottom:2px solid #24354c!important;
}

.er-archive .er-card--featured .er-card__thumb{
  grid-area:media!important;
  width:100%;
  height:100%;
  min-height:330px;
  aspect-ratio:16/10!important;
  margin:0!important;
}

.er-archive .er-card--featured .category{
  grid-area:category;
  align-self:end;
  margin:2px 0 10px;
}

.er-archive .er-card--featured h2{
  grid-area:title;
  margin:0!important;
  max-width:18ch;
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

.er-archive .er-card--featured .post-detail{
  grid-area:author;
  margin:18px 0 0!important;
}

.er-archive .er-card--featured .subtitle{
  grid-area:subtitle;
  max-width:48ch;
  margin:20px 0 0!important;
  font-size:17px!important;
  line-height:1.52!important;
}

/* Notebook e tablet horizontal */
@media (max-width:1180px){
  .er-archive .er-layout--archive{
    grid-template-columns:minmax(0,1fr) 280px;
    gap:34px;
  }
  .er-archive .er-card--featured{
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  }
  .er-archive .er-card--featured .er-card__thumb{
    min-height:300px;
  }
  .er-archive .er-card--featured h2{
    font-size:clamp(31px,3.4vw,42px)!important;
  }
}

/* Tablet: lateral abaixo, destaque ainda horizontal */
@media (max-width:1000px){
  .er-archive .er-layout--archive{
    display:flex!important;
    flex-direction:column!important;
    gap:40px!important;
  }
  .er-archive .er-layout--archive > .er-archive__grid{
    order:1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .er-archive .er-layout--archive > .er-sidebar{
    order:2!important;
    width:100%!important;
    max-width:none!important;
  }
  .er-archive .er-card--featured{
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
  }
}

/* Tablet vertical: destaque empilhado, grade de duas colunas */
@media (max-width:780px){
  .er-archive .er-archive__grid{
    gap:32px 22px;
  }
  .er-archive .er-card--featured{
    display:block!important;
  }
  .er-archive .er-card--featured .er-card__thumb{
    height:auto;
    min-height:0;
    aspect-ratio:16/9!important;
    margin-bottom:18px!important;
  }
  .er-archive .er-card--featured h2{
    max-width:22ch;
    font-size:clamp(32px,6vw,42px)!important;
    line-height:1.06!important;
  }
  .er-archive .er-card--featured .post-detail{
    margin-top:13px!important;
  }
  .er-archive .er-card--featured .subtitle{
    max-width:62ch;
    margin-top:14px!important;
  }
}

/* Celular */
@media (max-width:620px){
  .er-archive{
    padding-inline:16px!important;
  }
  .er-archive .er-archive__header{
    margin-bottom:24px;
  }
  .er-archive .er-archive__header h1{
    font-size:clamp(32px,10vw,42px)!important;
    line-height:1.08!important;
  }
  .er-archive .er-layout--archive > .er-archive__grid,
  .er-archive .er-archive__grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .er-archive .er-card{
    padding-bottom:22px;
  }
  .er-archive .er-card h2{
    font-size:25px!important;
    line-height:1.12!important;
  }
  .er-archive .er-card .subtitle{
    font-size:15.5px!important;
    line-height:1.48!important;
  }
  .er-archive .er-card--featured{
    padding-bottom:25px!important;
  }
  .er-archive .er-card--featured .er-card__thumb{
    border-radius:5px;
    margin-bottom:15px!important;
  }
  .er-archive .er-card--featured .category{
    margin-bottom:7px;
  }
  .er-archive .er-card--featured h2{
    max-width:none;
    font-size:clamp(30px,8.5vw,38px)!important;
    line-height:1.05!important;
  }
  .er-archive .er-card--featured .post-detail{
    margin-top:12px!important;
  }
  .er-archive .er-card--featured .subtitle{
    margin-top:12px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }
}