/* Altarius 2.7 — Destaques principais: composição editorial isolada do tema. */
.altarius-top-stories{
    --alt-ts-main-width:65%;
    --alt-ts-gap:12px;
    --alt-ts-layout-ratio:5/3;
    --alt-ts-main-ratio:6/5;
    --alt-ts-secondary-ratio:16/9;
    --alt-ts-radius:8px;
    --alt-ts-main-padding:26px;
    --alt-ts-overlay:.82;
    --alt-ts-main-text:#FFFFFF;
    --alt-ts-secondary-text:#FFFFFF;
    --alt-ts-category:#FFFFFF;
    --alt-ts-muted:#8D8D98;
    --alt-ts-divider:#34343B;
    --alt-ts-main-title-size:2.125rem;
    --alt-ts-main-title-family:inherit;
    --alt-ts-main-title-weight:800;
    --alt-ts-main-title-style:normal;
    --alt-ts-secondary-title-size:1rem;
    --alt-ts-secondary-title-family:inherit;
    --alt-ts-secondary-title-weight:800;
    --alt-ts-secondary-title-style:normal;
    --alt-ts-category-size:.625rem;
    --alt-ts-category-family:inherit;
    --alt-ts-category-weight:800;
    --alt-ts-category-style:normal;
    --alt-ts-category-transform:uppercase;
    --alt-ts-excerpt-size:.8125rem;
    --alt-ts-excerpt-family:inherit;
    --alt-ts-excerpt-weight:400;
    --alt-ts-excerpt-style:normal;
    --alt-ts-meta-size:.625rem;
    --alt-ts-meta-family:inherit;
    --alt-ts-meta-weight:400;
    --alt-ts-meta-style:normal;
    --alt-ts-mobile-main-ratio:16/9;
    --alt-ts-mobile-thumb-width:38%;
    --alt-ts-mobile-gap:12px;
    --alt-ts-mobile-main-title-size:26px;
    --alt-ts-mobile-secondary-title-size:15px;
    --alt-ts-mobile-category-size:10px;
    --alt-ts-mobile-excerpt-size:13px;
    --alt-ts-mobile-meta-size:11px;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:0;
    box-sizing:border-box;
    font-family:inherit;
    isolation:isolate;
}
.altarius-top-stories *,
.altarius-top-stories *::before,
.altarius-top-stories *::after{box-sizing:border-box}

/* Neutraliza regras genéricas de temas para article/img/link sem alterar a tipografia escolhida. */
.altarius-top-stories article{
    float:none;
    width:auto;
    max-width:none;
    min-width:0;
    margin:0;
    padding:0;
}
.altarius-top-stories img{
    float:none;
    margin:0;
    padding:0;
    border:0;
}
.altarius-top-stories a{box-shadow:none}

/* Em telas largas, o conjunto inteiro define a altura. Isso evita que aspect-ratio
   de um card faça uma coluna crescer por cima da outra. */
.altarius-top-stories__layout{
    display:grid;
    grid-template-columns:minmax(0,var(--alt-ts-main-width)) minmax(0,calc(100% - var(--alt-ts-main-width) - var(--alt-ts-gap)));
    gap:var(--alt-ts-gap);
    width:100%;
    max-width:100%;
    min-width:0;
    aspect-ratio:var(--alt-ts-layout-ratio);
    align-items:stretch;
}
.altarius-top-stories__main{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border-radius:var(--alt-ts-radius);
    background:#17171D;
    color:var(--alt-ts-main-text);
}
.altarius-top-stories__main-media{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    text-decoration:none;
}
.altarius-top-stories__main-media img,
.altarius-top-stories__main-placeholder{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}
.altarius-top-stories__main-placeholder{background:linear-gradient(135deg,#262630,#15151B)}
.altarius-top-stories__main::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to top,rgba(0,0,0,var(--alt-ts-overlay)) 0%,rgba(0,0,0,.52) 32%,rgba(0,0,0,.10) 66%,rgba(0,0,0,0) 100%);
}
.altarius-top-stories__main-copy{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.55rem;
    min-width:0;
    max-width:100%;
    padding:var(--alt-ts-main-padding);
    color:var(--alt-ts-main-text);
}
.altarius-top-stories__categories{
    display:flex;
    flex-wrap:wrap;
    gap:.22em .55em;
    max-width:100%;
    margin:0;
    color:var(--alt-ts-category);
    font-family:var(--alt-ts-category-family);
    font-size:var(--alt-ts-category-size);
    font-weight:var(--alt-ts-category-weight);
    font-style:var(--alt-ts-category-style);
    line-height:1.15;
    letter-spacing:.035em;
    text-transform:var(--alt-ts-category-transform);
}
.altarius-top-stories__category,
.altarius-top-stories__category:visited{color:inherit;text-decoration:none}
.altarius-top-stories__category:hover{text-decoration:underline;text-underline-offset:2px}
.altarius-top-stories__category:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}
.altarius-top-stories__main-title{
    margin:0;
    max-width:min(94%,900px);
    color:inherit;
    font-family:var(--alt-ts-main-title-family);
    font-size:var(--alt-ts-main-title-size);
    font-weight:var(--alt-ts-main-title-weight);
    font-style:var(--alt-ts-main-title-style);
    line-height:1.04;
    letter-spacing:-.025em;
    overflow-wrap:anywhere;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}
.altarius-top-stories__main-title a,
.altarius-top-stories__main-title a:visited{color:inherit;font:inherit;text-decoration:none}
.altarius-top-stories__main-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.altarius-top-stories__main-title a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.altarius-top-stories__excerpt{
    margin:0;
    font-family:var(--alt-ts-excerpt-family);
    font-size:var(--alt-ts-excerpt-size);
    font-weight:var(--alt-ts-excerpt-weight);
    font-style:var(--alt-ts-excerpt-style);
    line-height:1.4;
    overflow-wrap:anywhere;
}
.altarius-top-stories__main .altarius-top-stories__excerpt{
    max-width:86%;
    color:inherit;
    opacity:.9;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.altarius-top-stories__meta{
    display:flex;
    flex-wrap:wrap;
    gap:.25em .85em;
    margin:0;
    color:var(--alt-ts-muted);
    font-family:var(--alt-ts-meta-family);
    font-size:var(--alt-ts-meta-size);
    font-weight:var(--alt-ts-meta-weight);
    font-style:var(--alt-ts-meta-style);
    line-height:1.25;
}
.altarius-top-stories__main .altarius-top-stories__meta{color:var(--alt-ts-main-text);opacity:.76}

.altarius-top-stories__side{
    display:grid;
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:var(--alt-ts-gap);
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.altarius-top-stories__secondary{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    color:var(--alt-ts-secondary-text);
}
.altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{
    padding-bottom:var(--alt-ts-gap);
    border-bottom:1px solid var(--alt-ts-divider);
}
.altarius-top-stories__secondary-media{
    display:block;
    position:relative;
    flex:0 1 auto;
    width:100%;
    min-height:0;
    max-height:66%;
    aspect-ratio:var(--alt-ts-secondary-ratio);
    overflow:hidden;
    border-radius:var(--alt-ts-radius);
    background:#17171D;
    text-decoration:none;
}
.altarius-top-stories__secondary-media img,
.altarius-top-stories__secondary-placeholder{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}
.altarius-top-stories__secondary-placeholder{background:linear-gradient(135deg,#262630,#15151B)}
.altarius-top-stories__secondary-copy{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    width:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    padding-top:.62rem;
}
.altarius-top-stories__secondary .altarius-top-stories__categories{
    flex:0 0 auto;
    margin-bottom:.34rem;
    white-space:normal;
}
.altarius-top-stories__secondary-title{
    flex:0 1 auto;
    margin:0;
    max-width:100%;
    color:inherit;
    font-family:var(--alt-ts-secondary-title-family);
    font-size:var(--alt-ts-secondary-title-size);
    font-weight:var(--alt-ts-secondary-title-weight);
    font-style:var(--alt-ts-secondary-title-style);
    line-height:1.12;
    letter-spacing:-.01em;
    overflow-wrap:anywhere;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.altarius-top-stories__secondary-title a,
.altarius-top-stories__secondary-title a:visited{color:inherit;font:inherit;text-decoration:none}
.altarius-top-stories__secondary-title a:hover{text-decoration:underline;text-underline-offset:3px}
.altarius-top-stories__secondary-title a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
.altarius-top-stories__secondary .altarius-top-stories__excerpt{
    flex:0 1 auto;
    margin-top:.38rem;
    color:inherit;
    opacity:.82;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.altarius-top-stories__secondary .altarius-top-stories__meta{
    flex:0 0 auto;
    margin-top:auto;
    padding-top:.5rem;
}
.altarius-top-stories__empty{padding:1rem;border:1px dashed var(--alt-ts-divider);border-radius:var(--alt-ts-radius);opacity:.72}

/* Caso só exista uma matéria, não mantém uma coluna lateral vazia. */
.altarius-top-stories--single .altarius-top-stories__layout{
    grid-template-columns:minmax(0,1fr);
    aspect-ratio:var(--alt-ts-main-ratio);
}
.altarius-top-stories--single .altarius-top-stories__side{display:none}

/* Fallback responsivo para navegadores sem Container Queries. */
@media (max-width:800px){
    .altarius-top-stories__layout{
        grid-template-columns:minmax(0,1fr);
        aspect-ratio:auto;
        align-items:start;
    }
    .altarius-top-stories__main{height:auto;aspect-ratio:var(--alt-ts-main-ratio)}
    .altarius-top-stories__side{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:none;
        height:auto;
        overflow:visible;
    }
    .altarius-top-stories__secondary{height:auto;overflow:visible}
    .altarius-top-stories__secondary-media{flex:none;max-height:none;aspect-ratio:var(--alt-ts-secondary-ratio)}
    .altarius-top-stories__secondary-copy{overflow:visible}
    .altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{padding-bottom:0;border-bottom:0}
}
@media (max-width:520px){
    .altarius-top-stories__side{grid-template-columns:minmax(0,1fr)}
    .altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{padding-bottom:var(--alt-ts-gap);border-bottom:1px solid var(--alt-ts-divider)}
    .altarius-top-stories__main-copy{padding:max(16px,calc(var(--alt-ts-main-padding) * .72))}
    .altarius-top-stories__main-title{max-width:100%;font-size:clamp(1.35rem,var(--alt-ts-main-title-size),2rem)}
}

/* Responde ao espaço realmente oferecido pelo Grupo/Coluna no editor e no site. */
@supports (container-type:inline-size){
    .altarius-top-stories{container-type:inline-size;container-name:altarius-top-stories}
    @container altarius-top-stories (max-width:800px){
        .altarius-top-stories__layout{
            grid-template-columns:minmax(0,1fr);
            aspect-ratio:auto;
            align-items:start;
        }
        .altarius-top-stories__main{height:auto;aspect-ratio:var(--alt-ts-main-ratio)}
        .altarius-top-stories__side{
            grid-template-columns:repeat(2,minmax(0,1fr));
            grid-template-rows:none;
            height:auto;
            overflow:visible;
        }
        .altarius-top-stories__secondary{height:auto;overflow:visible}
        .altarius-top-stories__secondary-media{flex:none;max-height:none;aspect-ratio:var(--alt-ts-secondary-ratio)}
        .altarius-top-stories__secondary-copy{overflow:visible}
        .altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{padding-bottom:0;border-bottom:0}
    }
    @container altarius-top-stories (max-width:520px){
        .altarius-top-stories__side{grid-template-columns:minmax(0,1fr)}
        .altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{padding-bottom:var(--alt-ts-gap);border-bottom:1px solid var(--alt-ts-divider)}
        .altarius-top-stories__main-copy{padding:max(16px,calc(var(--alt-ts-main-padding) * .72))}
        .altarius-top-stories__main-title{max-width:100%;font-size:clamp(1.35rem,var(--alt-ts-main-title-size),2rem)}
    }
}


/* ===== Layout editorial próprio para celular =====
   Em vez de repetir os cards desktop em uma coluna, o destaque continua visual
   e as secundárias viram uma lista horizontal de leitura rápida. */
@media (max-width:520px){
    .altarius-top-stories--mobile-optimized .altarius-top-stories__layout{
        display:flex;
        flex-direction:column;
        gap:var(--alt-ts-mobile-gap);
        aspect-ratio:auto;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__main{
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:var(--alt-ts-mobile-main-ratio);
        border-radius:var(--alt-ts-radius);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__main::after{
        background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.10) 72%,rgba(0,0,0,0) 100%);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__main-copy{
        gap:.42rem;
        padding:clamp(14px,4.2vw,19px);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__main-title{
        max-width:100%;
        font-size:var(--alt-ts-mobile-main-title-size);
        line-height:1.08;
        letter-spacing:-.02em;
        -webkit-line-clamp:3;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__categories{
        gap:.18em .42em;
        font-size:var(--alt-ts-mobile-category-size);
        line-height:1.1;
    }
    /* Em mobile, prioriza a categoria principal para não poluir o card. */
    .altarius-top-stories--mobile-optimized .altarius-top-stories__categories > :nth-child(n+2){display:none}
    .altarius-top-stories--mobile-optimized .altarius-top-stories__excerpt{
        font-size:var(--alt-ts-mobile-excerpt-size);
        line-height:1.35;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__main .altarius-top-stories__excerpt{
        max-width:100%;
        -webkit-line-clamp:1;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__meta{
        gap:.2em .7em;
        font-size:var(--alt-ts-mobile-meta-size);
        line-height:1.2;
    }
    .altarius-top-stories--mobile-hide-excerpts .altarius-top-stories__excerpt{display:none!important}

    .altarius-top-stories--mobile-optimized .altarius-top-stories__side{
        display:flex;
        flex-direction:column;
        gap:0;
        width:100%;
        height:auto;
        overflow:visible;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary{
        display:grid;
        grid-template-columns:minmax(92px,var(--alt-ts-mobile-thumb-width)) minmax(0,1fr);
        gap:var(--alt-ts-mobile-gap);
        align-items:center;
        width:100%;
        height:auto;
        min-height:0;
        padding:var(--alt-ts-mobile-gap) 0;
        overflow:visible;
        border-bottom:1px solid var(--alt-ts-divider);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary:first-child{
        padding-top:0;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary:last-child{
        padding-bottom:0;
        border-bottom:0;
    }
    .altarius-top-stories--mobile-optimized.altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{
        padding-bottom:var(--alt-ts-mobile-gap);
        border-bottom:1px solid var(--alt-ts-divider);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-media{
        position:relative;
        align-self:center;
        width:100%;
        height:auto;
        min-height:0;
        max-height:none;
        aspect-ratio:4/3;
        border-radius:max(5px,calc(var(--alt-ts-radius) * .8));
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-copy{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:.3rem;
        min-width:0;
        min-height:0;
        padding:0;
        overflow:visible;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__categories{
        margin:0;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-title{
        margin:0;
        font-size:var(--alt-ts-mobile-secondary-title-size);
        line-height:1.16;
        letter-spacing:-.008em;
        -webkit-line-clamp:3;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__excerpt{
        margin:0;
        -webkit-line-clamp:1;
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__meta{
        margin:0;
        padding:0;
        font-size:var(--alt-ts-mobile-meta-size);
    }
}

/* Container query equivalente: também funciona corretamente dentro do editor
   e quando o bloco está em uma Coluna/Grupo estreito. */
@supports (container-type:inline-size){
    @container altarius-top-stories (max-width:520px){
        .altarius-top-stories--mobile-optimized .altarius-top-stories__layout{
            display:flex;
            flex-direction:column;
            gap:var(--alt-ts-mobile-gap);
            aspect-ratio:auto;
        }
        .altarius-top-stories--mobile-optimized .altarius-top-stories__main{
            width:100%; height:auto; min-height:0; aspect-ratio:var(--alt-ts-mobile-main-ratio);
        }
        .altarius-top-stories--mobile-optimized .altarius-top-stories__main::after{
            background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.10) 72%,rgba(0,0,0,0) 100%);
        }
        .altarius-top-stories--mobile-optimized .altarius-top-stories__main-copy{gap:.42rem;padding:clamp(14px,4.2cqw,19px)}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__main-title{max-width:100%;font-size:var(--alt-ts-mobile-main-title-size);line-height:1.08;letter-spacing:-.02em;-webkit-line-clamp:3}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__categories{gap:.18em .42em;font-size:var(--alt-ts-mobile-category-size);line-height:1.1}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__categories > :nth-child(n+2){display:none}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__excerpt{font-size:var(--alt-ts-mobile-excerpt-size);line-height:1.35}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__main .altarius-top-stories__excerpt{max-width:100%;-webkit-line-clamp:1}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__meta{gap:.2em .7em;font-size:var(--alt-ts-mobile-meta-size);line-height:1.2}
        .altarius-top-stories--mobile-hide-excerpts .altarius-top-stories__excerpt{display:none!important}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__side{display:flex;flex-direction:column;gap:0;width:100%;height:auto;overflow:visible}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary{
            display:grid;grid-template-columns:minmax(92px,var(--alt-ts-mobile-thumb-width)) minmax(0,1fr);gap:var(--alt-ts-mobile-gap);align-items:center;width:100%;height:auto;min-height:0;padding:var(--alt-ts-mobile-gap) 0;overflow:visible;border-bottom:1px solid var(--alt-ts-divider)
        }
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary:first-child{padding-top:0}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary:last-child{padding-bottom:0;border-bottom:0}
        .altarius-top-stories--mobile-optimized.altarius-top-stories--secondary-divider .altarius-top-stories__secondary:first-child{padding-bottom:var(--alt-ts-mobile-gap);border-bottom:1px solid var(--alt-ts-divider)}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-media{position:relative;align-self:center;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;border-radius:max(5px,calc(var(--alt-ts-radius) * .8))}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-copy{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0;min-height:0;padding:0;overflow:visible}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__categories{margin:0}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-title{margin:0;font-size:var(--alt-ts-mobile-secondary-title-size);line-height:1.16;letter-spacing:-.008em;-webkit-line-clamp:3}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__excerpt{margin:0;-webkit-line-clamp:1}
        .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary .altarius-top-stories__meta{margin:0;padding:0;font-size:var(--alt-ts-mobile-meta-size)}
    }
}

@media (max-width:380px){
    .altarius-top-stories--mobile-optimized{
        --alt-ts-mobile-thumb-width:min(36%,118px);
    }
    .altarius-top-stories--mobile-optimized .altarius-top-stories__secondary-title{-webkit-line-clamp:3}
}