/* ============================================================
   SIDROLÂNDIA AGORA — auditoria + publicidade sticky v1.5.4
   ============================================================ */

/* Uma única linha: LOCAL/DATA · TEMPO */
.topbar-inner{
    align-items:center !important;
}

.sidro-audit-weather{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-width:0;
    white-space:nowrap;
}

.sidro-audit-date{
    color:inherit;
}

.sidro-audit-dot{
    opacity:.42;
}

.sidro-audit-weather .sidro-weather-mini{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    white-space:nowrap;
}

.sidro-audit-weather .sidro-weather-icon{
    font-size:13px;
    line-height:1;
}

.sidro-audit-weather .sidro-weather-mini strong{
    font-size:11px;
    line-height:1;
}

.sidro-audit-weather .sidro-weather-label{
    font-size:10px;
    line-height:1;
    color:#636b74;
}

/*
 * Estrutura comercial:
 * aproximadamente 70% editorial / 30% publicidade.
 * Isso dá aos banners laterais presença semelhante à do FolhaBR7.
 */
.sidro-home-content-ads{
    grid-template-columns:minmax(0,2.35fr) minmax(285px,1fr) !important;
    gap:30px !important;
    align-items:start !important;
}

/*
 * Sticky padrão:
 * a coluna acompanha a rolagem próxima ao topo;
 * para naturalmente no final do bloco .sidro-home-content-ads.
 */
.sidro-home-commercial-rail{
    position:sticky !important;
    top:18px !important;
    align-self:start !important;
    display:grid !important;
    gap:18px !important;
    width:100% !important;
    min-width:0 !important;
}

/*
 * Banner lateral ocupa TODA a largura comercial.
 * Permitimos upscale para que criativos menores não fiquem "perdidos".
 */
.sidro-home-commercial-rail .sidro-ad-slot{
    width:100% !important;
    margin:0 !important;
}

.sidro-home-commercial-rail .banner-slot{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    overflow:hidden;
}

.sidro-home-commercial-rail .banner-slot img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    object-fit:cover !important;
}

/*
 * Dá um pouco mais de presença aos cards editoriais sem voltar a 4 colunas.
 */
.sidro-home-category-grid{
    gap:20px !important;
}

.sidro-home-category-grid h3{
    font-size:14.5px !important;
    line-height:1.18 !important;
}

@media(max-width:1000px){
    .sidro-home-content-ads{
        grid-template-columns:minmax(0,2.15fr) minmax(250px,.95fr) !important;
        gap:24px !important;
    }
}

@media(max-width:900px){
    /*
     * Em tablet/celular não usamos sticky lateral.
     * Os anúncios descem naturalmente para não prejudicar a leitura.
     */
    .sidro-home-content-ads{
        grid-template-columns:1fr !important;
    }

    .sidro-home-commercial-rail{
        position:static !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:700px){
    .topbar-inner{
        gap:8px !important;
    }

    .sidro-audit-weather{
        white-space:normal;
        flex-wrap:wrap;
        gap:4px 6px;
    }

    .sidro-audit-weather .sidro-weather-label{
        display:none;
    }
}

@media(max-width:600px){
    .sidro-home-commercial-rail{
        grid-template-columns:1fr !important;
    }
}