/* Altarius 2.4 — Mais destaques. Layout independente do tema, responsivo ao contêiner e tipografia por elemento. */
.altarius-highlights{
    --alt-hl-accent:#6C26FF;
    --alt-hl-divider:#34343B;
    --alt-hl-card-border:#34343B;
    --alt-hl-card-bg:#17171D;
    --alt-hl-muted:#8D8D98;
    --alt-hl-category:#FFFFFF;
    --alt-hl-columns:4;
    --alt-hl-columns-tablet:2;
    --alt-hl-columns-mobile:1;
    --alt-hl-gap:14px;
    --alt-hl-image-ratio:16/9;
    --alt-hl-card-padding:10px;
    --alt-hl-card-radius:8px;
    --alt-hl-heading-size:1.55em;
    --alt-hl-heading-family:inherit;
    --alt-hl-heading-weight:800;
    --alt-hl-heading-style:normal;
    --alt-hl-title-size:.92em;
    --alt-hl-title-family:inherit;
    --alt-hl-title-weight:800;
    --alt-hl-title-style:normal;
    --alt-hl-excerpt-size:.76em;
    --alt-hl-excerpt-family:inherit;
    --alt-hl-excerpt-weight:400;
    --alt-hl-excerpt-style:normal;
    --alt-hl-meta-size:.65em;
    --alt-hl-meta-family:inherit;
    --alt-hl-meta-weight:400;
    --alt-hl-meta-style:normal;
    --alt-hl-category-size:.65em;
    --alt-hl-category-family:inherit;
    --alt-hl-category-font-weight:800;
    --alt-hl-category-font-style:normal;
    --alt-hl-category-transform:uppercase;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    color:inherit;
    font-family:inherit;
}
.altarius-highlights:not(.has-text-color){color:#fff}
.altarius-highlights *,
.altarius-highlights *::before,
.altarius-highlights *::after{box-sizing:border-box}
.altarius-highlights__header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:1rem;
    position:relative;
    margin:0 0 1rem;
    padding:0 0 .72rem;
    border-bottom:1px solid var(--alt-hl-divider);
}
.altarius-highlights__header::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:34px;
    height:2px;
    border-radius:999px;
    background:var(--alt-hl-accent);
}
.altarius-highlights__heading{
    margin:0;
    color:inherit;
    font-family:var(--alt-hl-heading-family);
    font-size:var(--alt-hl-heading-size);
    font-weight:var(--alt-hl-heading-weight);
    font-style:var(--alt-hl-heading-style);
    line-height:1.05;
    letter-spacing:.02em;
}
.altarius-highlights__view-all,
.altarius-highlights__view-all:visited{
    flex:0 0 auto;
    color:inherit;
    font-family:inherit;
    font-size:.66em;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    white-space:nowrap;
}
.altarius-highlights__view-all:hover{text-decoration:underline;text-underline-offset:3px}
.altarius-highlights__view-all:focus-visible{outline:2px solid var(--alt-hl-accent);outline-offset:3px;border-radius:2px}
.altarius-highlights__grid{
    display:grid;
    grid-template-columns:repeat(var(--alt-hl-columns),minmax(0,1fr));
    gap:var(--alt-hl-gap);
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    padding:0;
}
.altarius-highlights__card{
    display:flex;
    flex-direction:column;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    border:1px solid var(--alt-hl-card-border);
    border-radius:var(--alt-hl-card-radius);
    background:var(--alt-hl-card-bg);
}
/* The aspect ratio belongs to the media box, not to the replaced IMG element.
   This guarantees that portrait/tall featured images are cropped instead of
   making the entire CSS Grid row abnormally tall. */
.altarius-highlights__media{
    display:block;
    position:relative;
    width:auto;
    aspect-ratio:var(--alt-hl-image-ratio);
    margin:var(--alt-hl-card-padding) var(--alt-hl-card-padding) 0;
    overflow:hidden;
    background:rgba(127,127,127,.12);
    text-decoration:none;
}
.altarius-highlights__media img,
.altarius-highlights__placeholder{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}
.altarius-highlights__placeholder{background:linear-gradient(135deg,rgba(127,127,127,.13),rgba(127,127,127,.04))}
.altarius-highlights__body{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-width:0;
    padding:calc(var(--alt-hl-card-padding) + 2px) var(--alt-hl-card-padding) var(--alt-hl-card-padding);
}
.altarius-highlights--no-images .altarius-highlights__body{padding-top:var(--alt-hl-card-padding)}
.altarius-highlights__categories{
    display:flex;
    flex-wrap:wrap;
    gap:.22em .55em;
    margin:0 0 .48em;
    color:var(--alt-hl-category);
    font-family:var(--alt-hl-category-family);
    font-size:var(--alt-hl-category-size);
    font-weight:var(--alt-hl-category-font-weight);
    font-style:var(--alt-hl-category-font-style);
    line-height:1.15;
    letter-spacing:.03em;
    text-transform:var(--alt-hl-category-transform);
}
.altarius-highlights__category{color:inherit;text-decoration:none}
.altarius-highlights__category:hover{text-decoration:underline;text-underline-offset:2px}
.altarius-highlights__title{
    margin:0;
    color:inherit;
    font-family:var(--alt-hl-title-family);
    font-size:var(--alt-hl-title-size);
    font-weight:var(--alt-hl-title-weight);
    font-style:var(--alt-hl-title-style);
    line-height:1.12;
    letter-spacing:-.008em;
}
.altarius-highlights__title a,
.altarius-highlights__title a:visited{color:inherit;font:inherit;text-decoration:none}
.altarius-highlights__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.altarius-highlights__title a:focus-visible{outline:2px solid var(--alt-hl-accent);outline-offset:3px;border-radius:2px}
.altarius-highlights__excerpt{
    margin:.5em 0 0;
    color:inherit;
    font-family:var(--alt-hl-excerpt-family);
    font-size:var(--alt-hl-excerpt-size);
    font-weight:var(--alt-hl-excerpt-weight);
    font-style:var(--alt-hl-excerpt-style);
    line-height:1.35;
}
.altarius-highlights__meta{
    display:flex;
    flex-wrap:wrap;
    gap:.28em .7em;
    margin:auto 0 0;
    padding-top:1rem;
    color:var(--alt-hl-muted);
    font-family:var(--alt-hl-meta-family);
    font-size:var(--alt-hl-meta-size);
    font-weight:var(--alt-hl-meta-weight);
    font-style:var(--alt-hl-meta-style);
    line-height:1.25;
}
.altarius-highlights__empty{padding:1rem;border:1px dashed var(--alt-hl-divider);opacity:.72}

/* Fallback for browsers without container queries. */
@media (max-width:960px){
    .altarius-highlights__grid{grid-template-columns:repeat(var(--alt-hl-columns-tablet),minmax(0,1fr))}
}
@media (max-width:600px){
    .altarius-highlights__grid{grid-template-columns:repeat(var(--alt-hl-columns-mobile),minmax(0,1fr))}
}

/* Modern behavior: respond to the width of the Gutenberg Group/Column that
   actually contains the block, not to the browser viewport. */
@supports (container-type:inline-size){
    .altarius-highlights{
        container-type:inline-size;
        container-name:altarius-highlights;
    }
    @container altarius-highlights (max-width:960px){
        .altarius-highlights__grid{grid-template-columns:repeat(var(--alt-hl-columns-tablet),minmax(0,1fr))}
    }
    @container altarius-highlights (max-width:600px){
        .altarius-highlights__grid{grid-template-columns:repeat(var(--alt-hl-columns-mobile),minmax(0,1fr))}
    }
}

/* Refinos mobile 2.8 */
.altarius-highlights__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.altarius-highlights__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:600px){
    .altarius-highlights__heading{font-size:clamp(1.35rem,7vw,2rem)}
    .altarius-highlights__header{margin-bottom:.8rem;padding-bottom:.6rem}
    .altarius-highlights__media{margin:8px 8px 0}
    .altarius-highlights__body{padding:10px 8px 8px}
    .altarius-highlights__categories{margin-bottom:.35rem;font-size:.66em}
    .altarius-highlights__title{font-size:clamp(.95rem,4.4vw,1.15rem);line-height:1.12}
    .altarius-highlights__excerpt{font-size:.75em;line-height:1.3;-webkit-line-clamp:2}
    .altarius-highlights__meta{padding-top:.65rem;font-size:.7em}
}
@supports (container-type:inline-size){
    @container altarius-highlights (max-width:600px){
        .altarius-highlights__heading{font-size:clamp(1.35rem,7cqw,2rem)}
        .altarius-highlights__header{margin-bottom:.8rem;padding-bottom:.6rem}
        .altarius-highlights__media{margin:8px 8px 0}
        .altarius-highlights__body{padding:10px 8px 8px}
        .altarius-highlights__categories{margin-bottom:.35rem;font-size:.66em}
        .altarius-highlights__title{font-size:clamp(.95rem,4.4cqw,1.15rem);line-height:1.12}
        .altarius-highlights__excerpt{font-size:.75em;line-height:1.3;-webkit-line-clamp:2}
        .altarius-highlights__meta{padding-top:.65rem;font-size:.7em}
    }
}