/* ============================================================
   SIDROLÂNDIA AGORA — padrão editorial derivado do FolhaBR7
   v1.4.0
   ============================================================ */

:root{
    --folha-navy:#171717;
    --folha-navy-deep:#111111;
    --folha-blue:#c95f18;
    --folha-orange:#d86a1d;
    --folha-red:#c92228;
    --folha-ink:#1a1a1a;
    --folha-muted:#68717a;
    --folha-border:#dfe3e7;
    --folha-bg:#f7f8f9;
    --folha-white:#fff;
    --folha-max:1180px;
    --folha-serif:Georgia,"Times New Roman",serif;
    --folha-sans:Arial,Helvetica,sans-serif;
}

.folha-container{
    width:min(calc(100% - 32px),var(--folha-max));
    margin-inline:auto;
}
.folha-section-heading{
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:20px;margin-bottom:18px
}
.folha-section-heading>div:first-child{display:grid;gap:3px}
.folha-section-heading h1,.folha-section-heading h2{
    margin:0;font-family:var(--folha-serif);color:var(--folha-navy-deep);line-height:1
}
.folha-section-heading h1{font-size:38px}
.folha-section-heading h2{font-size:30px}
.folha-section-heading>a{
    font-size:11px;text-transform:uppercase;font-weight:900;
    letter-spacing:.05em;text-decoration:none;color:var(--folha-blue)
}
.folha-section-eyebrow{
    color:var(--folha-orange);font-size:9px;font-weight:900;
    text-transform:uppercase;letter-spacing:.15em
}
.folha-kicker{
    color:var(--folha-blue);font-size:9px;font-weight:900;
    letter-spacing:.08em;text-transform:uppercase;text-decoration:none
}

/* HOME: regra usada pelo Folha — duas colunas reais na lista. */
.sidro-folha-news-dashboard{
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(275px,.72fr);
    gap:28px;
    align-items:start;
    margin-top:22px;
    margin-bottom:38px;
}
.sidro-folha-latest{min-width:0}
.folha-latest-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 24px;
    border-top:2px solid var(--folha-navy)
}
.folha-latest-item{
    display:grid;
    grid-template-columns:126px minmax(0,1fr);
    gap:13px;
    padding:17px 0;
    border-bottom:1px solid var(--folha-border);
    min-width:0
}
.folha-latest-thumb{
    display:block;aspect-ratio:4/3;overflow:hidden;
    border-radius:5px;background:#edf1f4
}
.folha-latest-thumb img{width:100%;height:100%;object-fit:cover}
.folha-latest-item h3{
    font-family:var(--folha-serif);font-size:17px;line-height:1.13;
    margin:5px 0 7px
}
.folha-latest-item h3 a{text-decoration:none}
.folha-latest-item time{font-size:9px;color:#87939c}
.folha-most-read{
    background:var(--folha-navy-deep);color:#fff;border-radius:9px;padding:22px
}
.folha-most-read .folha-section-heading h2{color:#fff;font-size:27px}
.folha-most-read ol{list-style:none;padding:0;margin:0}
.folha-most-read li{
    display:grid;grid-template-columns:38px 1fr;gap:11px;
    padding:13px 0;border-top:1px solid rgba(255,255,255,.13)
}
.folha-most-read li>span{
    font-family:var(--folha-serif);font-size:25px;
    color:var(--folha-orange);line-height:1
}
.folha-most-read li>a{
    color:#fff;font-family:var(--folha-serif);font-size:14px;
    font-weight:700;line-height:1.17;text-decoration:none
}
.sidro-folha-sidebar{display:grid;gap:18px;align-content:start}
.sidro-folha-sidebar .banner-slot,
.sidro-folha-sidebar .banner-slot img{max-width:100%}
.sidro-folha-offers{border:1px solid var(--folha-border);padding:14px;border-radius:9px}
.sidro-folha-offers h2{font:700 20px var(--folha-serif);margin:0 0 10px}

/* HOME: editorias atuais continuam abaixo; não são deslocadas pela lista. */
.category-block{clear:both}

/* Card exatamente no conceito usado nas listas do Folha. */
.folha-card{min-width:0}
.folha-card-image{
    display:block;aspect-ratio:16/10;overflow:hidden;
    background:#edf2f5;border-radius:6px
}
.folha-card-image img{
    width:100%;height:100%;object-fit:cover;transition:transform .25s ease
}
.folha-card:hover .folha-card-image img{transform:scale(1.025)}
.folha-card-content{padding-top:10px}
.folha-card h3{
    font-family:var(--folha-serif);font-size:20px;line-height:1.1;
    margin:6px 0 8px
}
.folha-card h3 a{text-decoration:none}
.folha-card p{
    margin:0 0 9px;color:var(--folha-muted);font-size:12px;line-height:1.45;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.folha-card-meta{
    display:flex;flex-wrap:wrap;gap:6px 10px;
    font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#8b969e
}

/* Categorias e "ver todas" seguem a grade real do Folha. */
.folha-list-page{padding:34px 0 58px}
.folha-page-heading{
    border-bottom:4px solid var(--folha-navy);
    padding-bottom:15px;margin-bottom:24px
}
.folha-page-heading>span{
    color:var(--folha-orange);font-size:9px;font-weight:900;
    letter-spacing:.16em;text-transform:uppercase
}
.folha-page-heading h1{
    font-family:var(--folha-serif);color:var(--folha-navy-deep);
    font-size:clamp(34px,5vw,52px);line-height:1;margin:6px 0 0
}
.folha-grid-3{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px 20px
}
.folha-empty-list{
    grid-column:1/-1;background:var(--folha-bg);padding:30px;
    border-radius:8px;color:var(--folha-muted)
}

/* Paginação deliberadamente própria: não depende dos SVGs do Tailwind. */
.sidro-pagination{
    display:flex;align-items:center;justify-content:center;gap:10px;
    flex-wrap:wrap;margin:36px 0 0
}
.sidro-pagination>a,.sidro-pagination>span{
    min-width:36px;height:36px;padding:0 10px;border:1px solid #dce1e5;
    border-radius:6px;display:inline-flex;align-items:center;justify-content:center;
    font-size:12px;text-decoration:none;background:#fff
}
.sidro-pagination .is-current{
    border-color:var(--folha-orange);background:var(--folha-orange);
    color:#fff;font-weight:900
}
.sidro-pagination .is-disabled{opacity:.35}

/* Remove qualquer efeito experimental da v1.3.5 na nova estrutura. */
.category-page-grid,.latest-all-grid,.article-layout-v2{display:contents}
.article-page-v2,.latest-page,.category-page{max-width:none}

/* Responsivo seguindo os breakpoints reais do Folha. */
@media(max-width:900px){
    .sidro-folha-news-dashboard{grid-template-columns:1fr}
    .sidro-folha-sidebar{grid-template-columns:1fr}
    .folha-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .folha-latest-list{grid-template-columns:1fr}
    .folha-grid-3{grid-template-columns:1fr}
    .folha-latest-item{grid-template-columns:108px minmax(0,1fr)}
    .folha-latest-item h3{font-size:16px}
    .folha-page-heading h1{font-size:36px}
}