@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

/* É Notório — cabeçalho e página inicial — revisão 2026-08-12. */
:root {
    --enotorio-dark: #1e1e2c;
    --enotorio-accent: #278e8c;
    --enotorio-border: #e8e8e8;
    --enotorio-muted: #666;
    --enotorio-font-sans: "Source Sans 3", sans-serif;
    --enotorio-font-serif: "Source Serif 4", serif;
    --bs-body-font-family: var(--enotorio-font-sans);
}

/*====================================================================
  TIPOGRAFIA GLOBAL
====================================================================*/
body {
    font-family: var(--enotorio-font-sans);
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--enotorio-font-serif);
}

/*====================================================================
  CABEÇALHO
====================================================================*/
.enotorio-header {
    background: #fff;
    color: #222;
}

.enotorio-topbar {
    background: var(--enotorio-dark);
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.72rem;
}

.enotorio-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
}

.enotorio-date {
    font-style: italic;
}

.enotorio-topbar-actions,
.enotorio-newsletter-link,
.enotorio-social-links {
    display: flex;
    align-items: center;
}

.enotorio-topbar-actions > * {
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    min-height: 20px;
    padding-inline: 14px;
}

.enotorio-topbar-actions > *:last-child {
    padding-right: 0;
}

.enotorio-newsletter-link,
.enotorio-social-links a,
.enotorio-search-toggle {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.enotorio-newsletter-link {
    gap: 6px;
}

.enotorio-newsletter-link:hover,
.enotorio-social-links a:hover,
.enotorio-search-toggle:hover {
    color: #fff;
}

.enotorio-social-links {
    gap: 9px;
}

.enotorio-social-links a {
    display: inline-flex;
}

.enotorio-topbar .bi {
    font-size: 0.84rem;
    line-height: 1;
}

.enotorio-search-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    font: inherit;
    gap: 6px;
}

.enotorio-search-panel {
    background: #f7f7f7;
    border-bottom: 1px solid var(--enotorio-border);
}

.enotorio-brand-row {
    align-items: center;
    display: grid;
    gap: clamp(28px, 6vw, 80px);
    grid-template-columns: minmax(240px, 0.8fr) minmax(360px, 1.2fr);
    min-height: 145px;
    padding-block: 22px;
}

.enotorio-brand-row--sem-anuncio {
    grid-template-columns: 1fr;
}

.enotorio-brand-row--sem-anuncio .enotorio-brand {
    justify-self: center;
}

.enotorio-brand {
    display: flex;
    flex-direction: column;
    max-width: 330px;
    width: 100%;
}

.enotorio-brand .custom-logo-link {
    display: block;
    width: 100%;
}

.enotorio-brand .custom-logo {
    display: block;
    height: auto;
    max-width: 85%;
    width: 100%;
}

.enotorio-site-name {
    color: #111;
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 800;
    letter-spacing: -0.06em;
    line-height: 1;
    text-decoration: none;
}

.enotorio-site-tagline {
    color: var(--enotorio-accent);
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 5px;
}

.enotorio-header-ad {
    justify-self: end;
    min-width: 0;
    position: relative;
    text-align: center;
    width: 100%;
    box-shadow:0 12px 34px rgba(19, 24, 30, 0.14);
}

.enotorio-sponsored-label {
    color: #7f7f7f;
    display: block;
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 0.34em;
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -12px;
    z-index: 1;
}

.enotorio-header-ad a,
.enotorio-header-ad picture,
.enotorio-banner-carousel,
.enotorio-banner-carousel .carousel-inner,
.enotorio-banner-carousel .carousel-item {
    display: block;
    width: 100%;
}

.enotorio-header-ad-image {
    display: block;
    height: 110px;
    width: 100%;
    object-fit: cover;
}

.enotorio-banner-carousel .carousel-control-prev,
.enotorio-banner-carousel .carousel-control-next {
    opacity: 0;
    transition: opacity 0.2s ease;
    width: 2.5rem;
}

.enotorio-banner-carousel:hover .carousel-control-prev,
.enotorio-banner-carousel:hover .carousel-control-next,
.enotorio-banner-carousel:focus-within .carousel-control-prev,
.enotorio-banner-carousel:focus-within .carousel-control-next {
    opacity: 0.75;
}

/*====================================================================
  ESPAÇOS PUBLICITÁRIOS
====================================================================*/
.enotorio-ad {
    margin-inline: auto;
    min-width: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.enotorio-ad a,
.enotorio-ad picture {
    display: block;
    width: 100%;
}

.enotorio-ad-image {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* Banner horizontal largo: 970 × 250 px. */
.enotorio-ad--billboard {
    max-width: 970px;
}

/* Banner lateral: 300 × 250 px. */
.enotorio-ad--lateral {
    max-width: 300px;
}

.enotorio-primary-nav {
    border-bottom: 1px solid var(--enotorio-border);
    border-top: 1px solid var(--enotorio-border);
}

.enotorio-primary-nav-inner {
    align-items: stretch;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 42px;
}

.enotorio-editorias-button {
    align-items: center;
    align-self: stretch;
    background: transparent;
    border: 0;
    color: #999;
    display: inline-flex;
    justify-content: flex-start;
    padding: 0;
    transition: color 0.2s ease;
}

.enotorio-editorias-button:hover {
    color: var(--enotorio-accent);
}

.enotorio-editorias-button .bi {
    font-size: 1.25rem;
    line-height: 1;
}

.enotorio-main-menu {
    align-items: stretch;
    flex-direction: row;
    justify-content: end;
    min-width: 0;
    margin-right:-15px;
}

.enotorio-main-menu > .nav-item {
    display: flex;
    margin-inline: clamp(8px, 1.45vw, 20px);
}

.enotorio-main-menu > .nav-item > .nav-link {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--enotorio-muted);
    display: flex;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.8rem 0 0.68rem;
    text-transform: uppercase;
}

.enotorio-main-menu > .nav-item > .nav-link:hover,
.enotorio-main-menu > .current-menu-item > .nav-link,
.enotorio-main-menu > .current-menu-ancestor > .nav-link {
    border-bottom-color: var(--enotorio-accent);
    color: var(--enotorio-accent);
}

.enotorio-main-menu .dropdown-menu {
    border-color: var(--enotorio-border);
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    font-size: 0.82rem;
    margin-top: 0;
}

.enotorio-menu-empty {
    align-self: center;
    color: var(--enotorio-muted);
    font-size: 0.78rem;
    justify-self: center;
}

/*====================================================================
  PÁGINA INICIAL — DESTAQUES
====================================================================*/
.enotorio-home-destaques {
    background: #fff;
    padding-block: 30px;
}

.desenvolvimento{
    font-size: 0.78rem;
    display: flex;
    align-items: center;
    gap: 5px;
}

.desenvolvimento a{
    color:white;
    text-transform: uppercase;
    transition:all linear .2s;
    border-bottom:1px solid transparent;
}
.desenvolvimento a:hover{
    border-bottom:1px solid #fff
}

.enotorio-feature-main,
.enotorio-feature-secondary {
    background: var(--enotorio-dark);
    overflow: hidden;
    position: relative;
}

.enotorio-feature-main {
    box-shadow: 0 12px 34px rgba(19, 24, 30, 0.12);
    min-height: 500px;
}

.enotorio-feature-main-link {
    color: #fff;
    min-height: inherit;
    text-decoration: none;
}

.enotorio-feature-main-image,
.enotorio-feature-main-overlay {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.enotorio-feature-main-image {
    transition: transform 0.45s ease;
}

.enotorio-feature-main-overlay {
    background: linear-gradient(
        180deg,
        rgba(10, 15, 19, 0.04) 18%,
        rgba(10, 15, 19, 0.42) 55%,
        rgba(10, 15, 19, 0.96) 100%
        );
    z-index: 1;
}

.enotorio-feature-main--sem-imagem .enotorio-feature-main-overlay {
    background: linear-gradient(135deg, #204d54 0%, var(--enotorio-dark) 100%);
}

.enotorio-feature-main-content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: clamp(24px, 4vw, 42px);
    position: absolute;
    right: 0;
    z-index: 2;
}

.enotorio-feature-category {
    align-self: flex-start;
    background: var(--enotorio-accent);
    color: #fff;
    display: inline-flex;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1;
    margin-bottom: 12px;
    padding: 7px 10px 6px;
    text-transform: uppercase;
}

.enotorio-feature-category--small {
    background: #9d2027;
    font-size: 0.55rem;
    margin-bottom: 9px;
    padding: 5px 7px 4px;
}

.enotorio-feature-main-title {
    font-family: var(--enotorio-font-serif);
    font-size: clamp(2rem, 1.8vw, 3rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.02;
    margin: 0;
    max-width: 95%;
}

.enotorio-feature-main-excerpt {
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.93rem;
    line-height: 1.45;
    margin-top: 10px;
    max-width: 88%;
}

.enotorio-feature-date {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.74rem;
    margin-top: 18px;
}

.enotorio-feature-main-link:hover,
.enotorio-feature-main-link:focus-visible {
    color: #fff;
}

.enotorio-feature-main-link:hover .enotorio-feature-main-image,
.enotorio-feature-main-link:focus-visible .enotorio-feature-main-image {
    transform: scale(1.025);
}

.enotorio-feature-main-link:focus-visible,
.enotorio-feature-secondary-link:focus-visible {
    box-shadow: inset 0 0 0 3px var(--enotorio-accent);
    outline: 0;
}

.enotorio-feature-secondary-list {
    display: grid;
    gap: 18px;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    height: 100%;
    min-height: 500px;
}

.enotorio-feature-secondary {
    background: #fff;
    border: 1px solid var(--enotorio-border);
    box-shadow: 0 8px 26px rgba(19, 24, 30, 0.08);
    min-height: 0;
}

.enotorio-feature-secondary-link {
    color: #171717;
}

.enotorio-feature-secondary--sem-imagem .enotorio-feature-secondary-link {
    grid-template-columns: 1fr;
}

.enotorio-feature-secondary-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.enotorio-feature-secondary-title {
    font-family: var(--enotorio-font-serif);
    font-size: clamp(0.9rem, 1.15vw, 1.05rem);
    font-weight: 700;
    line-height: 1.18;
    margin: 0;
}

.enotorio-feature-secondary-image {
    transition: transform 0.35s ease;
}

.enotorio-feature-secondary-link:hover,
.enotorio-feature-secondary-link:focus-visible {
    color: var(--enotorio-accent);
}

.enotorio-feature-secondary-link:hover .enotorio-feature-secondary-image,
.enotorio-feature-secondary-link:focus-visible .enotorio-feature-secondary-image {
    transform: scale(1.035);
}

/*====================================================================
  PÁGINA INICIAL — ÚLTIMAS NOTÍCIAS
====================================================================*/
.enotorio-latest {
    background: #fff;
    padding-bottom: clamp(40px, 5vw, 68px);
}

.enotorio-latest-frame {
    border: 1px solid var(--enotorio-border);
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 150px;
}

.enotorio-latest-heading {
    align-items: center;
    background: #343434;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px 16px;
    text-align: center;
}

.enotorio-latest-icon {
    color: #e62d32;
    font-size: 2.15rem;
    line-height: 1;
    margin-bottom: 13px;
}

.enotorio-latest-heading-title {
    font-family: var(--enotorio-font-sans);
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.08;
    margin: 0;
    max-width: 80px;
    text-transform: uppercase;
}

.enotorio-latest-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.enotorio-latest-item {
    border-left: 1px solid var(--enotorio-border);
    min-width: 0;
}

.enotorio-latest-link {
    color: #242424;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 20px clamp(15px, 1.7vw, 25px);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.enotorio-latest-time {
    color: #d92b31;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.enotorio-latest-title {
    display: -webkit-box;
    font-family: var(--enotorio-font-serif);
    font-size: clamp(0.88rem, 1.08vw, 1.02rem);
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
}

.enotorio-latest-excerpt {
    color: #999;
    display: -webkit-box;
    font-size: 0.72rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25;
    margin: 7px 0 0;
    overflow: hidden;
}

.enotorio-latest-link:hover,
.enotorio-latest-link:focus-visible {
    background: #fafafa;
    color: var(--enotorio-accent);
}

.enotorio-latest-link:focus-visible {
    box-shadow: inset 0 0 0 2px var(--enotorio-accent);
    outline: 0;
}

@media (max-width: 991.98px) {
    .enotorio-brand-row {
        gap: 24px;
        grid-template-columns: minmax(200px, 0.8fr) minmax(300px, 1.2fr);
    }

    .enotorio-main-menu {
        display: none;
    }

    .enotorio-primary-nav-inner {
        grid-template-columns: 48px 1fr;
    }

    .enotorio-menu-empty {
        display: none;
    }

    .enotorio-feature-main {
        min-height: 460px;
    }

    .enotorio-feature-secondary-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: none;
        min-height: 230px;
    }

    .enotorio-feature-secondary-link {
        grid-template-rows: 120px minmax(0, 1fr);
    }

    .enotorio-feature-secondary-content {
        grid-row: 2;
        justify-content: flex-start;
    }

    .enotorio-feature-secondary-media {
        grid-row: 1;
    }

    .enotorio-latest-frame {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .enotorio-latest-heading {
        flex: 0 0 138px;
        position: sticky;
        left: 0;
        z-index: 2;
    }

    .enotorio-latest-track {
        display: flex;
        flex: 0 0 auto;
    }

    .enotorio-latest-item {
        flex: 0 0 230px;
        scroll-snap-align: start;
    }
}

@media (max-width: 767.98px) {
    .enotorio-topbar-inner {
        min-height: 38px;
    }
    .enotorio-regionals{
        padding-left:8px;
        padding-right:8px;
    }

    .enotorio-date {
        display: none;
    }

    .enotorio-topbar-actions {
        justify-content: flex-end;
        width: 100%;
    }

    .enotorio-topbar-actions > *:first-child {
        border-left: 0;
        padding-left: 0;
    }

    .enotorio-brand-row,
    .enotorio-brand-row--sem-anuncio {
        grid-template-columns: 1fr;
        min-height: 0;
        padding-block: 22px;
        text-align: center;
    }

    .enotorio-brand,
    .enotorio-header-ad {
        justify-self: center;
    }

    .enotorio-brand {
        align-items: center;
        max-width: 280px;
    }

    .enotorio-home-destaques {
        padding-block: 24px;
    }

    .enotorio-feature-main {
        min-height: 420px;
    }

    .enotorio-feature-main-title {
        max-width: 100%;
    }

    .enotorio-feature-main-excerpt {
        max-width: 100%;
    }

    .enotorio-feature-secondary-list {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .enotorio-feature-secondary-link {
        grid-template-rows: minmax(138px, auto);
    }

    .enotorio-feature-secondary-content {
        grid-column: 1;
        grid-row: 1;
    }

    .enotorio-feature-secondary-media {
        grid-column: 2;
        grid-row: 1;
    }

    .enotorio-latest {
        padding-bottom: 42px;
        padding-right:8px; 
        padding-left:8px;
    }

    .enotorio-latest-frame {
        min-height: 138px;
        flex-direction: column;
    }

    .enotorio-latest-heading-title{
        max-width: max-content;
    }

    .enotorio-latest-heading {
        flex-basis: 120px;
        padding-inline: 12px;
    }

    .enotorio-latest-item {
        flex-basis: min(75vw, 250px);
    }

    .enotorio-latest-link {
        padding: 18px;
    }

}

@media (max-width: 479.98px) {
    .enotorio-newsletter-link span,
    .enotorio-search-toggle span {
        display: none;
    }

    .enotorio-topbar-actions > * {
        padding-inline: 10px;
    }

    .enotorio-feature-main {
        min-height: 390px;
    }

}

/*====================================================================
  PÁGINA INICIAL — MÓDULOS EDITORIAIS
====================================================================*/
.enotorio-editorials {
    background: #f3f3f3;
    padding-block: clamp(44px, 5vw, 72px);
}

.enotorio-editorials-grid {
    display: grid;
    gap: clamp(20px, 2.2vw, 30px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.enotorio-editorial-module {
    --enotorio-module-color: var(--enotorio-accent);
    background: #fff;
    box-shadow: 0 12px 34px rgba(19, 24, 30, 0.1);
    min-width: 0;
    padding: clamp(17px, 1.8vw, 24px);
}

.enotorio-editorial-module--lista {
    grid-column: 1 / -1;
}

.enotorio-editorial-module--categoria-destaque {
    --enotorio-module-color: #d92b31;
}

.enotorio-editorial-module--categoria-justica {
    --enotorio-module-color: #91672b;
}

.enotorio-editorial-module--categoria-politica {
    --enotorio-module-color: #a72732;
}

.enotorio-editorial-module--categoria-direito {
    --enotorio-module-color: #276f98;
}

.enotorio-editorial-module--categoria-economia {
    --enotorio-module-color: #41955d;
}

.enotorio-editorial-module--categoria-entretenimento {
    --enotorio-module-color: #9b478f;
}

.enotorio-editorial-module--categoria-eventos {
    --enotorio-module-color: #d8752d;
}

.enotorio-editorial-module--categoria-opiniao {
    --enotorio-module-color: #555;
}

.enotorio-editorial-module--categoria-saude {
    --enotorio-module-color: #24877f;
}

.enotorio-editorial-header {
    border-bottom: 1px solid var(--enotorio-border);
    margin-bottom: 16px;
    position: relative;
}

.enotorio-editorial-header::after {
    background: var(--enotorio-module-color);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 98px;
}

.enotorio-editorial-heading {
    font-family: var(--enotorio-font-sans);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.1;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.enotorio-editorial-heading a {
    color: var(--enotorio-module-color);
    text-decoration: none;
}

.enotorio-editorial-heading a:hover,
.enotorio-editorial-heading a:focus-visible {
    color: #171717;
}

.enotorio-editorial-lead {
    background: var(--enotorio-dark);
    overflow: hidden;
    position: relative;
}

.enotorio-editorial-lead-link {
    aspect-ratio: 16 / 10;
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.enotorio-editorial-lead-image,
.enotorio-editorial-lead-overlay {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.enotorio-editorial-lead-image {
    object-fit: cover;
    object-position: center top;
    transition: transform 0.4s ease;
}

.enotorio-editorial-lead-overlay {
    background: linear-gradient(
        180deg,
        rgba(10, 15, 19, 0.02) 20%,
        rgba(10, 15, 19, 0.28) 48%,
        rgba(10, 15, 19, 0.94) 100%
        );
    z-index: 1;
}

.enotorio-editorial-lead--sem-imagem .enotorio-editorial-lead-overlay {
    background: linear-gradient(135deg, var(--enotorio-module-color), var(--enotorio-dark));
}

.enotorio-editorial-lead-content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: clamp(17px, 2vw, 24px);
    position: absolute;
    right: 0;
    z-index: 2;
}

.enotorio-editorial-lead-title {
    display: -webkit-box;
    font-family: var(--enotorio-font-serif);
    font-size: clamp(1.08rem, 1.35vw, 1.32rem);
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.08;
    margin: 0;
    overflow: hidden;
}

.enotorio-editorial-date {
    color: #999;
    display: block;
    font-family: var(--enotorio-font-sans);
    font-size: 0.67rem;
    line-height: 1.2;
    margin-top: 7px;
}

.enotorio-editorial-lead .enotorio-editorial-date {
    color: rgba(255, 255, 255, 0.68);
}

.enotorio-editorial-lead-link:hover,
.enotorio-editorial-lead-link:focus-visible {
    color: #fff;
}

.enotorio-editorial-lead-link:hover .enotorio-editorial-lead-image,
.enotorio-editorial-lead-link:focus-visible .enotorio-editorial-lead-image {
    transform: scale(1.035);
}

.enotorio-editorial-compact-list {
    display: grid;
}

.enotorio-editorial-compact {
    border-top: 1px solid var(--enotorio-border);
    min-width: 0;
}

.enotorio-editorial-compact-link {
    color: #222;
    display: grid;
    gap: 13px;
    grid-template-columns: 92px minmax(0, 1fr);
    padding-block: 14px;
    text-decoration: none;
}

.enotorio-editorial-compact--sem-imagem .enotorio-editorial-compact-link {
    grid-template-columns: 1fr;
}

.enotorio-editorial-compact-media {
    aspect-ratio: 16 / 10;
    display: block;
    overflow: hidden;
}

.enotorio-editorial-compact-image {
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.3s ease;
    width: 100%;
}

.enotorio-editorial-compact-content {
    align-self: center;
    min-width: 0;
}

.enotorio-editorial-compact-title {
    display: -webkit-box;
    font-family: var(--enotorio-font-serif);
    font-size: 0.9rem;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.14;
    margin: 0;
    overflow: hidden;
}

.enotorio-editorial-compact-link:hover,
.enotorio-editorial-compact-link:focus-visible,
.enotorio-editorial-list-link:hover,
.enotorio-editorial-list-link:focus-visible {
    color: var(--enotorio-module-color);
}

.enotorio-editorial-compact-link:hover .enotorio-editorial-compact-image,
.enotorio-editorial-compact-link:focus-visible .enotorio-editorial-compact-image,
.enotorio-editorial-list-link:hover .enotorio-editorial-list-image,
.enotorio-editorial-list-link:focus-visible .enotorio-editorial-list-image {
    transform: scale(1.04);
}

.enotorio-editorial-lead-link:focus-visible,
.enotorio-editorial-compact-link:focus-visible,
.enotorio-editorial-list-link:focus-visible {
    box-shadow: inset 0 0 0 2px var(--enotorio-module-color);
    outline: 0;
}

.enotorio-editorial-list {
    display: grid;
    gap: 0 clamp(24px, 3vw, 42px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.enotorio-editorial-list-item {
    border-top: 1px solid var(--enotorio-border);
    min-width: 0;
}

.enotorio-editorial-list-item:nth-child(-n + 2) {
    border-top: 0;
}

.enotorio-editorial-list-link {
    color: #222;
    display: grid;
    gap: clamp(16px, 2vw, 24px);
    grid-template-columns: minmax(130px, 36%) minmax(0, 1fr);
    padding-block: 18px;
    text-decoration: none;
}

.enotorio-editorial-list-item--sem-imagem .enotorio-editorial-list-link {
    grid-template-columns: 1fr;
}

.enotorio-editorial-list-media {
    aspect-ratio: 16 / 10;
    display: block;
    overflow: hidden;
}

.enotorio-editorial-list-image {
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.3s ease;
    width: 100%;
}

.enotorio-editorial-list-content {
    align-self: center;
    min-width: 0;
}

.enotorio-editorial-list-title {
    display: -webkit-box;
    font-family: var(--enotorio-font-serif);
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.12;
    margin: 5px 0 0;
    overflow: hidden;
}

.enotorio-editorial-list-excerpt {
    color: #888;
    display: -webkit-box;
    font-size: 0.77rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.35;
    margin: 8px 0 0;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .enotorio-editorials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .enotorio-editorial-module--lista {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .enotorio-editorials {
        padding-block: 42px;
        padding:42px 26px;
    }

    .enotorio-editorials-grid,
    .enotorio-editorial-list {
        grid-template-columns: 1fr;
    }

    .enotorio-editorial-module--lista {
        grid-column: auto;
    }

    .enotorio-editorial-list-item:nth-child(2) {
        border-top: 1px solid var(--enotorio-border);
    }
}

@media (max-width: 479.98px) {
    .enotorio-editorial-module {
        padding: 16px;
    }

    .enotorio-editorial-compact-link {
        grid-template-columns: 84px minmax(0, 1fr);
    }

    .enotorio-editorial-list-link {
        gap: 14px;
        grid-template-columns: 112px minmax(0, 1fr);
    }
}

/*====================================================================
  PÁGINA INICIAL — BANNER HORIZONTAL LARGO
====================================================================*/
.enotorio-home-billboard {
    padding-block: clamp(44px, 5vw, 72px);
    width: 100%;
}

.enotorio-home-billboard .enotorio-ad--billboard {
    aspect-ratio: 1320 / 350;
    box-shadow: 0 12px 34px rgba(19, 24, 30, 0.14);
    margin: 0;
    max-width: none;
    width: 100%;
}

.enotorio-home-billboard .enotorio-sponsored-label {
    top: -15px;
}

.enotorio-billboard-carousel,
.enotorio-billboard-carousel .carousel-inner,
.enotorio-billboard-carousel .carousel-item,
.enotorio-billboard-link,
.enotorio-billboard-link picture {
    display: block;
    height: 100%;
    width: 100%;
}

.enotorio-billboard-carousel {
    background: #fff;
    overflow: hidden;
}

.enotorio-billboard-link {
    text-decoration: none;
}

.enotorio-billboard-image {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.enotorio-billboard-link:focus-visible {
    box-shadow: inset 0 0 0 3px var(--enotorio-accent);
    outline: 0;
}

@media (max-width: 767.98px) {
    .enotorio-home-billboard {
        padding-block: 36px;
    }

    .enotorio-home-billboard .container {
        padding-inline: 18px;
    }

    .enotorio-home-billboard .enotorio-ad--billboard {
        aspect-ratio: 360 / 120;
    }
}

/*====================================================================
  PÁGINA INICIAL — NOTÍCIAS REGIONAIS
====================================================================*/
.enotorio-regionals {
    background: #f9f9f9;
    padding-block: clamp(48px, 6vw, 82px);
}

.enotorio-regionals-heading {
    border-bottom: 1px solid var(--enotorio-border);
    margin-bottom: 24px;
    position: relative;
}

.enotorio-regionals-heading::after {
    background: var(--enotorio-accent);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 190px;
}

.enotorio-regionals-title {
    color: var(--enotorio-accent);
    font-family: var(--enotorio-font-sans);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.1;
    margin: 0;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.enotorio-regionals-nav {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
}

.enotorio-regionals-arrow {
    align-items: center;
    background: transparent;
    border: 0;
    color: #2d2d2d;
    display: inline-flex;
    font-size: 1.65rem;
    height: 46px;
    justify-content: center;
    padding: 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

.enotorio-regionals-arrow:hover,
.enotorio-regionals-arrow:focus-visible {
    color: var(--enotorio-accent);
    transform: scale(1.08);
}

.enotorio-regionals-arrow:focus-visible {
    outline: 2px solid var(--enotorio-accent);
    outline-offset: 2px;
}

.enotorio-regionals-track {
    display: flex;
    gap: clamp(10px, 1.4vw, 18px);
    overflow-x: auto;
    padding: 4px 2px 8px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

.enotorio-regionals-track::-webkit-scrollbar {
    display: none;
}

.enotorio-regionals-uf {
    align-items: center;
    background: #cecece;
    border-radius: 7px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 52px;
    font-size: 0.92rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    scroll-snap-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.enotorio-regionals-uf:hover,
.enotorio-regionals-uf:focus-visible,
.enotorio-regionals-uf.is-active {
    background: var(--enotorio-accent);
    color: #fff;
}

.enotorio-regionals-uf:hover {
    transform: translateY(-2px);
}

.enotorio-regionals-uf:focus-visible {
    outline: 2px solid var(--enotorio-accent);
    outline-offset: 3px;
}

.enotorio-regionals-context {
    align-items: center;
    color: #8b8b8b;
    display: flex;
    font-size: 0.75rem;
    gap: 8px;
    margin: 22px 0 28px;
}

.enotorio-regionals-context .bi {
    color: var(--enotorio-accent);
    font-size: 1.12rem;
}

.enotorio-regionals-context strong {
    color: var(--enotorio-accent);
    font-weight: 500;
}

.enotorio-regionals-grid {
    display: grid;
    gap: clamp(18px, 2vw, 28px);
    grid-template-columns: minmax(0, 2fr) minmax(250px, 0.95fr) minmax(250px, 0.95fr);
}

.enotorio-regionals-grid.enotorio-regionals-grid--1-columns {
    grid-template-columns: 1fr;
}

.enotorio-regionals-grid.enotorio-regionals-grid--2-columns {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.95fr);
}

.enotorio-regional-lead {
    background: var(--enotorio-dark);
    box-shadow: 0 10px 30px rgba(19, 24, 30, 0.1);
    height: 444px;
    overflow: hidden;
    position: relative;
}

.enotorio-regional-lead-link {
    color: #fff;
    display: block;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.enotorio-regional-lead-image,
.enotorio-regional-lead-overlay {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.enotorio-regional-lead-image {
    object-fit: cover;
    object-position: center top;
    transition: transform 0.4s ease;
}

.enotorio-regional-lead-overlay {
    background: linear-gradient(180deg, rgba(8, 13, 16, 0.02) 22%, rgba(8, 13, 16, 0.38) 55%, rgba(8, 13, 16, 0.96) 100%);
    z-index: 1;
}

.enotorio-regional-lead--sem-imagem .enotorio-regional-lead-overlay {
    background: linear-gradient(135deg, #2a7472, var(--enotorio-dark));
}

.enotorio-regional-lead-content {
    bottom: 0;
    left: 0;
    padding: clamp(24px, 3.2vw, 40px);
    position: absolute;
    right: 0;
    z-index: 2;
}

.enotorio-regional-badge {
    background: var(--enotorio-accent);
    color: #fff;
    display: inline-flex;
    font-family: var(--enotorio-font-sans);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1;
    margin-bottom: 12px;
    padding: 6px 9px 5px;
    text-transform: uppercase;
}

.enotorio-regional-badge--small {
    background: #9d2027;
    font-size: 0.52rem;
    margin-bottom: 8px;
    padding: 5px 7px 4px;
}

.enotorio-regional-lead-title {
    font-size: clamp(1.35rem, 1.75vw, 2.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.02;
    margin: 0;
}

.enotorio-regional-lead-excerpt {
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.83rem;
    line-height: 1.4;
    margin: 9px 0 0;
    max-width: 92%;
}

.enotorio-regional-date {
    color: #999;
    display: block;
    font-family: var(--enotorio-font-sans);
    font-size: 0.68rem;
    line-height: 1.2;
    margin-top: 9px;
}

.enotorio-regional-lead .enotorio-regional-date {
    color: rgba(255, 255, 255, 0.65);
    margin-top: 16px;
}

.enotorio-regional-lead-link:hover,
.enotorio-regional-lead-link:focus-visible {
    color: #fff;
}

.enotorio-regional-lead-link:hover .enotorio-regional-lead-image,
.enotorio-regional-lead-link:focus-visible .enotorio-regional-lead-image {
    transform: scale(1.03);
}

.enotorio-regional-lead-link:focus-visible,
.enotorio-regional-secondary-link:focus-visible,
.enotorio-regional-latest-link:focus-visible {
    box-shadow: inset 0 0 0 3px var(--enotorio-accent);
    outline: 0;
}

.enotorio-regional-secondary-list {
    display: grid;
    gap: 16px;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    min-height: 430px;
}

.enotorio-regional-secondary-list--1 {
    grid-template-rows: 1fr;
}

.enotorio-regional-secondary-list--2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.enotorio-regional-secondary {
    background: #fff;
    border: 1px solid var(--enotorio-border);
    box-shadow: 0 7px 22px rgba(19, 24, 30, 0.07);
    min-height: 0;
}

.enotorio-regional-secondary-link {
    color: #222;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 42%);
    height: 100%;
    text-decoration: none;
}

.enotorio-regional-secondary--sem-imagem .enotorio-regional-secondary-link {
    grid-template-columns: 1fr;
}

.enotorio-regional-secondary-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 14px;
}

.enotorio-regional-secondary-title {
    display: -webkit-box;
    font-size: 0.88rem;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.13;
    margin: 0;
    overflow: hidden;
}

.enotorio-regional-secondary-media {
    display: block;
    height: 100%;
    overflow: hidden;
}

.enotorio-regional-secondary-image {
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.3s ease;
    width: 100%;
}

.enotorio-regional-secondary-link:hover,
.enotorio-regional-secondary-link:focus-visible,
.enotorio-regional-latest-link:hover,
.enotorio-regional-latest-link:focus-visible {
    color: var(--enotorio-accent);
}

.enotorio-regional-secondary-link:hover .enotorio-regional-secondary-image,
.enotorio-regional-secondary-link:focus-visible .enotorio-regional-secondary-image {
    transform: scale(1.04);
}

.enotorio-regional-latest {
    background: #fff;
    border: 1px solid var(--enotorio-border);
    box-shadow: 0 7px 22px rgba(19, 24, 30, 0.07);
    min-height: 430px;
}

.enotorio-regional-latest-header {
    align-items: center;
    background: #343434;
    color: #fff;
    display: flex;
    gap: 10px;
    min-height: 55px;
    padding: 13px 18px;
}

.enotorio-regional-latest-header .bi {
    color: #ec292f;
    font-size: 1.05rem;
}

.enotorio-regional-latest-title {
    font-family: var(--enotorio-font-sans);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase;
}

.enotorio-regional-latest-list {
    display: grid;
    padding: 10px 20px;
}

.enotorio-regional-latest-item + .enotorio-regional-latest-item {
    border-top: 1px solid var(--enotorio-border);
}

.enotorio-regional-latest-link {
    color: #222;
    display: block;
    padding-block: 18px;
    text-align: center;
    text-decoration: none;
}

.enotorio-regional-latest-time {
    color: #e1282e;
    display: block;
    font-size: 0.61rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.enotorio-regional-latest-item-title {
    display: -webkit-box;
    font-size: 0.9rem;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
}

.enotorio-regionals-empty {
    background: #f7f7f7;
    border: 1px solid var(--enotorio-border);
    color: #666;
    margin-top: 24px;
    padding: 24px;
}

@media (max-width: 1199.98px) {
    .enotorio-regionals-grid {
        grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
    }

    .enotorio-regional-latest {
        grid-column: 1 / -1;
        min-height: auto;
    }

    .enotorio-regional-latest-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .enotorio-regional-latest-item + .enotorio-regional-latest-item {
        border-left: 1px solid var(--enotorio-border);
        border-top: 0;
    }
}

@media (max-width: 767.98px) {
    .enotorio-regionals-nav {
        gap: 5px;
        grid-template-columns: 30px minmax(0, 1fr) 30px;
    }

    .enotorio-regionals-arrow {
        font-size: 1.35rem;
    }

    .enotorio-regionals-uf {
        flex-basis: 48px;
        height: 46px;
    }

    .enotorio-regionals-grid,
    .enotorio-regionals-grid.enotorio-regionals-grid--1-columns,
    .enotorio-regionals-grid.enotorio-regionals-grid--2-columns {
        grid-template-columns: 1fr;
    }

    .enotorio-regional-lead,
    .enotorio-regional-secondary-list {
        min-height: 390px;
    }

    .enotorio-regional-latest {
        grid-column: auto;
    }

    .enotorio-regional-latest-list {
        grid-template-columns: 1fr;
    }

    .enotorio-regional-latest-item + .enotorio-regional-latest-item {
        border-left: 0;
        border-top: 1px solid var(--enotorio-border);
    }
}

@media (max-width: 479.98px) {
    .enotorio-regional-lead {
        min-height: 350px;
    }

    .enotorio-regional-lead-title {
        font-size: 1.7rem;
    }

    .enotorio-regional-secondary-link {
        grid-template-columns: minmax(0, 1fr) 112px;
    }
}

/* ============================================================
   HOME - OPINIÃO / ARTICULISTAS
   ============================================================ */

.home-opiniao.py-5 {
    padding-top: 62px !important;
    padding-bottom: 82px !important;
}

/* ============================================================
   CABEÇALHO DA SEÇÃO
   ============================================================ */

.home-opiniao-header {
    position: relative;
    width:20vw;
    margin-bottom: 18px;
    padding-bottom: 6px;

    border-bottom: 1px solid #eeeeee;
}

.home-opiniao-titulo {
    font-family: var(--enotorio-font-sans);
    position: relative;
    display: inline-block;

    margin: 0;

    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;

    color: #5c1b63;
}

.home-opiniao-titulo::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -10px;

    width: 98px;
    height: 2px;

    background: #5c1b63;
}

/*
 * O HTML atual possui esse span.
 * Como estamos criando a linha pelo ::after do título,
 * ele não precisa aparecer.
 */
.home-opiniao-linha {
    display: none;
}

/* ============================================================
   ÁREA DOS CARDS
   ============================================================ */

.home-opiniao .row {
    display: flex;
    flex-wrap: nowrap;

    gap: 0;

    margin-left: 0;
    margin-right: 0;

    padding: 26px 18px;

    overflow: hidden;

    border: 1px solid #ededed;
    background: #ffffff;
}

/* ============================================================
   COLUNAS
   3 articulistas visíveis no desktop
   ============================================================ */

.home-opiniao .row > [class*="col-"] {
    flex: 0 0 31%;
    width: 31%;
    max-width: 31%;

    padding-left: 18px;
    padding-right: 18px;

}

/* ============================================================
   CARD
   ============================================================ */

.opiniao-card {
    position: relative;

    display: grid;

    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-rows: auto auto auto;

    column-gap: 16px;

    width: 100%;
    min-height: 108px;
}

/* ============================================================
   LINK NOME + FOTO
   ============================================================ */

.opiniao-card-articulista {
    display: contents;

    color: inherit;
    text-decoration: none;
}

/* ============================================================
   FOTO
   ============================================================ */

.opiniao-card-foto {
    grid-column: 1;
    grid-row: 1 / 4;

    width: 108px;
    height: 108px;

    overflow: hidden;

    border-radius: 50%;
    background: #eeeeee;
}

.opiniao-card-foto img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
}

/* ============================================================
   NOME / CARGO
   ============================================================ */

.opiniao-card-identidade {
    grid-column: 2;
    grid-row: 1;

    align-self: end;

    min-width: 0;
}

.opiniao-card-nome {
    margin: 0 0 3px;

    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;

    color: #292929;
}

.opiniao-card-articulista:hover .opiniao-card-nome {
    color: #5c1b63;
}

.opiniao-card-cargo {
    margin: 0;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 400;

    color: #8a8a8a;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

/* ============================================================
   ÚLTIMO ARTIGO
   ============================================================ */

.opiniao-card-artigo {
    grid-column: 2;
    grid-row: 2;

    align-self: start;

    margin-top: 6px;

    min-width: 0;
}

/* Não precisamos escrever "Último artigo" visualmente */
.opiniao-card-label {
    display: none;
}

.opiniao-card-artigo-titulo {
    margin: 0;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 500;
}

.opiniao-card-artigo-titulo a {
    color: #1d1d1d;
    text-decoration: none;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

.opiniao-card-artigo-titulo a:hover {
    color: #5c1b63;
}

/* ============================================================
   VER TODOS OS ARTIGOS
   ============================================================ */

.opiniao-card-link {
    grid-column: 2;
    grid-row: 3;

    align-self: start;

    display: inline-block;

    width: fit-content;

    margin-top: 7px;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.03em;

    color: #5c1b63;
    text-decoration: none;
}

.opiniao-card-link:hover {
    color: #5c1b63;
    text-decoration: underline;
}

/* ============================================================
   TABLET
   2 articulistas visíveis
   ============================================================ */

@media (max-width: 991.98px) {

    .home-opiniao .row > [class*="col-"] {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }

    .opiniao-card {
        grid-template-columns: 96px minmax(0, 1fr);
        column-gap: 14px;

        min-height: 96px;
    }

    .opiniao-card-foto {
        width: 96px;
        height: 96px;
    }

}

/* ============================================================
   MOBILE
   1 articulista visível
   ============================================================ */

@media (max-width: 575.98px) {
    
    .home-eventos-videos{
        padding-left:8px;
        padding-right: 8px;
    }

    .home-opiniao.py-5 {
        padding-top: 22px !important;
        padding-bottom: 28px !important;
        padding-left:8px;
        padding-right:8px;
    }

    .home-opiniao-header {
        margin-bottom: 14px;
    }

    .home-opiniao .row {
        padding: 20px 12px;
    }

    .home-opiniao .row > [class*="col-"] {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;

        padding-left: 10px;
        padding-right: 10px;
    }

    .opiniao-card {
        grid-template-columns: 88px minmax(0, 1fr);
        column-gap: 14px;

        min-height: 88px;
    }

    .opiniao-card-foto {
        width: 88px;
        height: 88px;
    }

    .opiniao-card-nome {
        font-size: 15px;
    }

    .opiniao-card-cargo {
        font-size: 10px;
    }

    .opiniao-card-artigo-titulo {
        font-size: 11px;
    }

    .opiniao-card-link {
        margin-top: 6px;
        font-size: 8px;
    }

}

/* ============================================================
   HOME OPINIÃO - CARROSSEL
   ============================================================ */

.home-opiniao-carousel {
    position: relative;
}

/* A row passa a ser também a área rolável */
.home-opiniao .row[data-opiniao-track] {
    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    -ms-overflow-style: none;
}

.home-opiniao .row[data-opiniao-track]::-webkit-scrollbar {
    display: none;
}

/* Cada articulista é um ponto do carrossel */
.home-opiniao .opiniao-slide {
    scroll-snap-align: start;

    /*
     * Mantemos exatamente a proporção que gostamos:
     * 3 completos + início do próximo.
     */
    flex: 0 0 31%;
    width: 31%;
    max-width: 31%;

    margin-top: 0;

    padding-left: 18px;
    padding-right: 18px;
}

/* ============================================================
   SETAS
   ============================================================ */

.home-opiniao-nav {
    position: absolute;
    top: 50%;

    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 54px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #292929;

    transform: translateY(-50%);

    cursor: pointer;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.home-opiniao-nav span {
    display: block;

    font-size: 48px;
    line-height: 1;
    font-weight: 200;
}

.home-opiniao-nav:hover {
    color: #5c1b63;
}

/* esquerda */
.home-opiniao-prev {
    left: -50px;
}

/* direita */
.home-opiniao-next {
    right: -50px;
}

/* Quando não houver mais conteúdo naquela direção */
.home-opiniao-nav:disabled {
    opacity: .20;
    cursor: default;
    pointer-events: none;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991.98px) {

    .home-opiniao .opiniao-slide {
        flex: 0 0 47%;
        width: 47%;
        max-width: 47%;
    }

    .home-opiniao-prev {
        left: -38px;
    }

    .home-opiniao-next {
        right: -38px;
    }

}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .home-opiniao .opiniao-slide {
        flex: 0 0 88%;
        width: 88%;
        max-width: 88%;
    }

    .home-opiniao-prev {
        left: -12px;
    }

    .home-opiniao-next {
        right: -12px;
    }

    .home-opiniao-nav {
        width: 30px;
    }

    .home-opiniao-nav span {
        font-size: 38px;
    }

}

.home-opiniao-nav:focus {
    outline: none;
}

.home-opiniao-nav:focus-visible {
    outline: 2px solid #5c1b63;
    outline-offset: 3px;
    border-radius: 3px;
}

/* ============================================================
   HOME - EVENTOS
   ============================================================ */

.home-eventos {
    width: 100%;
    margin: 0;
}

/* ============================================================
   TÍTULO
   ============================================================ */

.home-eventos-header {
    position: relative;

    margin-bottom: 18px;
    padding-bottom: 6px;

    border-bottom: 1px solid #e9e9e9;
}

.home-eventos-titulo {
    font-family: var(--enotorio-font-sans);
    position: relative;
    display: inline-block;

    margin: 0;

    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;

    color: #72b9e6;
}

.home-eventos-titulo::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -10px;

    width: 82px;
    height: 2px;

    background: #72b9e6;
}

/* ============================================================
   CONTEÚDO
   ============================================================ */

.home-eventos-conteudo {
    width: 100%;
}

/* ============================================================
   CALENDÁRIO
   ============================================================ */

.home-eventos-calendario {
    width: 100%;
}

/* MÊS */
.eventos-calendario-mes {
    margin-bottom: 10px;
}

/* ============================================================
   DIAS DA SEMANA
   ============================================================ */

.eventos-calendario-semana {
    display: grid;
    grid-template-columns: repeat(7, 1fr);

    margin-bottom: 5px;
}

.eventos-calendario-semana span {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 30px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;

    color: #ffffff;
    background: #adadad;
}

/* DOMINGO */
.eventos-calendario-semana span:first-child {
    background: #72b9e6;
}

/* SÁBADO */
.eventos-calendario-semana span:last-child {
    background: #72b9e6;
}

/* ============================================================
   GRID DOS DIAS
   ============================================================ */

.eventos-calendario-dias {
    display: grid;
    grid-template-columns: repeat(7, 1fr);

    gap: 3px;
}

/* DIA */
.eventos-calendario-dia,
.eventos-calendario-vazio {
    position: relative;

    width: 100%;
    height: 50px;

    margin: 0;
    padding: 7px;

    border: 1px solid #dddddd;
    background: #ffffff;
}

/* BOTÃO */
.eventos-calendario-dia {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    font-family: inherit;

    color: #333333;

    cursor: default;
}

/* NÚMERO */
.eventos-calendario-dia > span {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}

/* ============================================================
   DOMINGOS E SÁBADOS
   ============================================================ */

.eventos-calendario-dia:nth-child(7n + 1),
.eventos-calendario-dia:nth-child(7n) {
    border-color: #a9d7f3;
}

.eventos-calendario-dia:nth-child(7n + 1) > span,
.eventos-calendario-dia:nth-child(7n) > span {
    color: #72b9e6;
}

/* ============================================================
   DIA COM EVENTO
   ============================================================ */

/* PONTINHO */
.eventos-calendario-marcador {
    position: absolute;

    right: 7px;
    bottom: 7px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #333333;
}

/* ============================================================
   CARD DO EVENTO
   ============================================================ */

.home-evento-card {
    display: grid;

    grid-template-columns: 96px minmax(0, 1fr);

    min-height: 72px;

    margin-top: 16px;

    border: 1px solid #e6e6e6;

    background: #ffffff;
}

/* ============================================================
   DATA
   ============================================================ */

.home-evento-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 10px;

    background: #72b9e6;

    color: #ffffff;
}

.home-evento-data strong {
    display: block;

    font-size: 30px;
    line-height: .9;
    font-weight: 700;
}

.home-evento-data span {
    display: block;

    margin-top: 5px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;
}

/* ============================================================
   INFORMAÇÕES
   ============================================================ */

.home-evento-info {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;

    padding: 12px 125px 12px 22px;
}

.home-evento-info h3 {
    margin: 0;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

.home-evento-info h3 a {
    color: #333333;
    text-decoration: none;
}

.home-evento-info h3 a:hover {
    color: #72b9e6;
}

/* LOCAL */
.home-evento-local {
    margin: 5px 0 0;

    font-size: 12px;
    line-height: 1.3;

    color: #888888;
}

.home-evento-local span::before {
    content: " • ";
}

/* HORÁRIO */
.home-evento-horario {
    margin: 3px 0 0;

    font-size: 10px;
    line-height: 1;

    color: #888888;
}

/* ============================================================
   LINK
   ============================================================ */

.home-evento-link {
    position: absolute;

    top: 50%;
    right: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;

    padding: 0 12px;

    transform: translateY(-50%);

    font-size: 12px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;

    color: #ffffff;
    background: #72b9e6;

    text-decoration: none;
}

.home-evento-link:hover {
    color: #ffffff;
    background: #5ba8d8;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 767.98px) {

    .eventos-calendario-dia,
    .eventos-calendario-vazio {
        height: 42px;
        padding: 6px;
    }

    .home-evento-card {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .home-evento-data strong {
        font-size: 25px;
    }

    .home-evento-info {
        padding: 12px 16px;
    }

    .home-evento-link {
        position: static;

        width: fit-content;

        margin-top: 8px;

        transform: none;
    }

}

/* ============================================================
   EVENTOS - NAVEGAÇÃO DO CALENDÁRIO
   ============================================================ */

.eventos-calendario-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 10px;
}

.eventos-calendario-mes {
    margin: 0;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;

    color: #333333;
}

.eventos-calendario-controles {
    display: flex;
    align-items: center;

    gap: 6px;
}

.eventos-calendario-hoje {
    padding: 0 8px;

    border: 0;
    background: transparent;

    font-size: 10px;
    line-height: 28px;
    font-weight: 600;

    text-transform: uppercase;

    color: #72b9e6;

    cursor: pointer;
}

.eventos-calendario-hoje:hover {
    text-decoration: underline;
}

.eventos-calendario-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    padding: 0;

    border: 1px solid #dddddd;
    border-radius: 2px;

    background: #ffffff;

    font-size: 12px;
    line-height: 1;
    font-weight: 300;

    color: #555555;

    cursor: pointer;

    transition:
        border-color .2s ease,
        color .2s ease,
        background-color .2s ease;
}

.eventos-calendario-nav-btn:hover {
    border-color: #72b9e6;

    color: #72b9e6;
    background: #f8fcff;
}

.home-eventos.is-loading {
    opacity: .55;
    pointer-events: none;
}

/* ============================================================
   EVENTOS - DIAS DO MÊS ANTERIOR / PRÓXIMO
   ============================================================ */

.eventos-calendario-dia.is-outside-month {
    background: #fafafa;
    border-color: #e8e8e8;
}

.eventos-calendario-dia.is-outside-month > span {
    color: #b9b9b9;
}

/* ============================================================
   HOME - LISTA DE EVENTOS
   ============================================================ */

.home-eventos-lista {
    display: flex;
    flex-direction: column;

    gap: 10px;

    margin-top: 16px;
}

.home-eventos-lista .home-evento-card {
    margin-top: 0;
}

.home-evento-card.is-past .home-evento-data {
    background: #d6ecf9;
    color: #5c98c5;
}

.home-evento-card{
    position:relative
}
.home-evento-card.is-past::after {
    content: "Finalizado";
    font-size: 9px;
    text-transform: uppercase;
    right: 2px;
    bottom: 1px;
    position: absolute;
    color: #c5c5c5;
    font-weight: 600;
    letter-spacing: 1px;

}

/* ============================================================
   DIA COM EVENTO
   ============================================================ */

.eventos-calendario-dia.tem-evento {
    cursor: pointer;

    border-color: #72b9e6;
    background: #f6fbfe;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.eventos-calendario-dia.tem-evento > span {
    color: #4e9fd3;
    font-weight: 700;
}

.eventos-calendario-dia.tem-evento:hover {
    border-color: #4e9fd3;
    background: #eef8fd;

    box-shadow: inset 0 0 0 1px #72b9e6;
}

/* PONTINHO */

.eventos-calendario-dia.tem-evento
.eventos-calendario-marcador {
    width: 6px;
    height: 6px;

    background: #333333;
}

.eventos-calendario-dia.is-outside-month.tem-evento {
    background: #f8fbfd;
    border-color: #b9dcef;
}

.eventos-calendario-dia.is-outside-month.tem-evento > span {
    color: #9fcce7;
}

.eventos-calendario-dia.is-outside-month.tem-evento
.eventos-calendario-marcador {
    opacity: .45;
}

/* ============================================================
   EVENTOS - DIA ATUAL
   ============================================================ */

.eventos-calendario-dia.is-today > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 22px;
    height: 22px;

    padding: 0 6px;

    border-radius: 999px;

    background: #72b9e6;
    color: #ffffff;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

/* HOJE + EVENTO */

.eventos-calendario-dia.is-today.tem-evento {
    background: #f3f9fd;
    border-color: #2f4d63;
}

.eventos-calendario-dia.is-today.tem-evento > span {
    background: #2f4d63;
    color: #ffffff;
}

/* HOJE APARECENDO COMO DIA DO MÊS VIZINHO */

.eventos-calendario-dia.is-outside-month.is-today {
    background: #f7f7f7;
    border-color: #8ea7ba;
}

.eventos-calendario-dia.is-outside-month.is-today > span {
    background: #8ea7ba;
    color: #ffffff;
}

.home-eventos-videos{
    background:#f9f9f9;
}

/* ============================================================
   HOME - VÍDEOS
   ============================================================ */

.home-videos {
    width: 100%;
}

/* ============================================================
   TÍTULO DA SEÇÃO
   ============================================================ */

.home-videos-header {
    position: relative;

    margin-bottom: 18px;
    padding-bottom: 8px;

    border-bottom: 1px solid #e9e9e9;
}

.home-videos-titulo {
    font-family: var(--enotorio-font-sans);
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;

    color: #e21e2b;
}

.home-videos-titulo::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -10px;

    width: 82px;
    height: 2px;

    background: #e21e2b;
}

/* ============================================================
   VÍDEO PRINCIPAL
   ============================================================ */

.home-video-principal {
    width: 100%;
    margin-bottom: 14px;
}

/* Player responsivo 16:9 */

.home-video-player {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #000;
}

.home-video-player iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}

/*
 * No seu desenho original o próprio player já apresenta
 * o título do vídeo, então não precisamos repetir abaixo.
 */
.home-video-principal-titulo {
    display: none;
}

/* ============================================================
   LISTA DE VÍDEOS SECUNDÁRIOS
   ============================================================ */

.home-videos-lista {
    display: flex;
    flex-direction: column;

    gap: 12px;
}

/* ============================================================
   VÍDEO SECUNDÁRIO
   ============================================================ */

.home-video-item {
    display: grid;

    grid-template-columns: 145px minmax(0, 1fr);

    column-gap: 12px;

    align-items: start;
}

/* ============================================================
   THUMBNAIL
   ============================================================ */

.home-video-thumb {
    position: relative;

    text-decoration: none;
}

.home-video-thumb img {
    object-position: center top;
}

/* Overlay sutil */

.home-video-thumb::after {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0);

    transition: background .2s ease;
}

.home-video-thumb:hover::after {
    background: rgba(0, 0, 0, .12);
}

/* ============================================================
   PLAY
   ============================================================ */

.home-video-play {
    position: absolute;

    top: 50%;
    left: 50%;

    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 23px;

    border-radius: 6px;

    transform: translate(-50%, -50%);

    background: #ff0000;
    color: #ffffff;

    font-size: 11px;
    line-height: 1;

    pointer-events: none;
}

/* ============================================================
   TEXTO
   ============================================================ */

.home-video-info {
    min-width: 0;
}

.home-video-info h3 {
    margin: 0 0 4px;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
}

.home-video-info h3 a {
    color: #333333;
    text-decoration: none;
}

.home-video-info h3 a:hover {
    color: #e21e2b;
}

.home-video-info p {
    margin: 0;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;

    color: #434343;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991.98px) {

    .home-video-item {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .home-video-info h3 {
        font-size: 13px;
    }

    .home-video-info p {
        font-size: 10px;
    }

}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .home-video-item {
        grid-template-columns: 120px minmax(0, 1fr);

        column-gap: 10px;
    }

    .home-video-info h3 {
        font-size: 11px;
    }

    .home-video-info p {
        font-size: 9px;

        -webkit-line-clamp: 3;
    }

}

/* ============================================================
   EVENTOS - DIA SELECIONADO
   ============================================================ */

.eventos-calendario-dia.is-selected {
    border-color: #3898d0;
    background: #eaf6fc;

    box-shadow:
        inset 0 0 0 1px #3898d0;
}

.eventos-calendario-dia.is-selected > span {
    color: #2689c4;
    font-weight: 700;
}

/* ============================================================
   EVENTOS - CABEÇALHO DOS RESULTADOS DO DIA
   ============================================================ */

.home-eventos-lista-topo {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 26px;

    margin-bottom: 2px;
}

.home-eventos-lista-topo strong {
    font-size: 10px;
    line-height: 1;

    font-weight: 700;
    text-transform: uppercase;

    color: #555555;
}

.home-eventos-voltar {
    padding: 0;

    border: 0;
    background: transparent;

    font-size: 9px;
    line-height: 1;
    font-weight: 600;

    text-transform: uppercase;

    color: #72b9e6;

    cursor: pointer;
}

.home-eventos-voltar:hover {
    text-decoration: underline;
}

/* carregamento */

.home-eventos-lista.is-loading {
    opacity: .5;

    pointer-events: none;
}

/* ============================================================
   SINGLE - NOTÍCIA / ARTIGO
   ============================================================ */

.single-noticia {
    background: #fff;
    color: #202124;
}

/* ============================================================
   FAIXA DA EDITORIA
   ============================================================ */

.single-noticia-editoria {
    background: #248cc8;
}

.single-noticia-editoria-inner {
    display: flex;
    align-items: center;
    padding:20px 0;
    justify-content: center;
}

.single-noticia-editoria-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #202020;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    opacity:.15;
    text-decoration: none;
    text-transform: uppercase;
    transition: all linear .2s;
}

.single-noticia-editoria-link::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 42px;
    height: 3px;

    background: #248cc8;
    border-radius: 20px;
}

.single-noticia-editoria-link:hover {
    opacity: .2;
}

/* ============================================================
   CABEÇALHO DA MATÉRIA
   ============================================================ */

.single-noticia-header {
    padding: 42px 0 32px;
}

.single-noticia-heading {
    max-width: 1040px;
    margin: 0 auto;
}

/* TÍTULO */

.single-noticia-titulo {
    margin: 0;

    color: #202124;

    font-size: clamp(42px, 2.5vw, 66px);
    line-height: 1.06;
    letter-spacing: -2px;
    font-weight: 700;
}

/* SUBTÍTULO */

.single-noticia-subtitulo {
    margin-top: 22px;

    max-width: 900px;

    color: #62666b;

    font-size: 21px;
    line-height: 1.45;
    font-weight: 400;
}

.single-noticia-subtitulo p {
    margin: 0;
}

/* ============================================================
   META
   ============================================================ */

/* ============================================================
   IMAGEM DESTACADA
   ============================================================ */

.single-noticia-imagem figure {
    margin: 0;
}

.single-noticia-imagem img {
    box-shadow: 0 0 15px #dfdfdf;
}

/* ============================================================
   CORPO DA MATÉRIA
   ============================================================ */

.single-noticia-conteudo {
    padding-bottom: 70px;
}

/*
 * O Bootstrap já limita a coluna em col-lg-8,
 * mas fazemos uma segunda limitação para a leitura ficar
 * ainda mais confortável.
 */
.single-noticia-texto {
    max-width: 760px;
    margin: 0 auto;

    color: #292929;

    font-size: 19px;
    line-height: 1.78;
}

/* PARÁGRAFOS */

.single-noticia-texto p {
    margin: 0 0 27px;
}

/* TÍTULOS INTERNOS */

.single-noticia-texto h2 {
    margin: 46px 0 20px;

    color: #202124;

    font-size: 29px;
    line-height: 1.22;
    font-weight: 700;
}

.single-noticia-texto h3 {
    margin: 38px 0 18px;

    color: #202124;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.single-noticia-texto h4 {
    margin: 32px 0 16px;

    color: #202124;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

/* LINKS */

.single-noticia-texto a {
    color: #1976b8;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.single-noticia-texto a:hover {
    color: #125d91;
}

/* ============================================================
   IMAGENS DENTRO DO CONTEÚDO
   ============================================================ */

.single-noticia-texto img {
    max-width: 100%;
    height: auto;
}

.single-noticia-texto figure {
    margin: 38px 0;
}

.single-noticia-texto figure img {
    display: block;
}

.single-noticia-texto figcaption,
.single-noticia-texto .wp-caption-text {
    margin-top: 8px;

    color: #777;

    font-size: 12px;
    line-height: 1.45;
}

/* ============================================================
   BLOCKQUOTE
   ============================================================ */

.single-noticia-texto blockquote {
    margin: 38px 0;
    padding: 4px 0 4px 24px;

    border-left: 4px solid #248cc8;

    color: #3f4245;

    font-size: 23px;
    line-height: 1.5;
    font-weight: 500;
}

.single-noticia-texto blockquote p:last-child {
    margin-bottom: 0;
}

/* ============================================================
   LISTAS
   ============================================================ */

.single-noticia-texto ul,
.single-noticia-texto ol {
    margin: 0 0 28px;
    padding-left: 26px;
}

.single-noticia-texto li {
    margin-bottom: 9px;
}

/* ============================================================
   TABELAS
   ============================================================ */

.single-noticia-texto table {
    width: 100%;
    margin: 35px 0;

    border-collapse: collapse;

    font-size: 15px;
}

.single-noticia-texto th,
.single-noticia-texto td {
    padding: 12px 14px;

    border: 1px solid #dedede;

    text-align: left;
}

.single-noticia-texto th {
    background: #f5f5f5;
    font-weight: 700;
}

/* ============================================================
   EMBEDS / VÍDEOS
   ============================================================ */

.single-noticia-texto iframe {
    max-width: 100%;
}

.single-noticia-texto .wp-block-embed {
    margin: 38px 0;
}

/* ============================================================
   SEPARADORES
   ============================================================ */

.single-noticia-texto hr {
    margin: 42px 0;

    border: 0;
    border-top: 1px solid #dedede;
}

/* ============================================================
   PAGINAÇÃO INTERNA
   ============================================================ */

.single-noticia-paginacao {
    max-width: 760px;

    margin: 40px auto 0;
    padding-top: 25px;

    border-top: 1px solid #ececec;
}

/* ============================================================
   TAGS / ASSUNTOS
   ============================================================ */

.single-noticia-tags {
    max-width: 760px;

    margin: 48px auto 0;
    padding-top: 22px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    border-top: 1px solid #e8e8e8;
}

.single-noticia-tags-label {
    margin-right: 3px;

    color: #555;

    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-noticia-tags a {
    display: inline-flex;
    align-items: center;

    padding: 7px 11px;

    border-radius: 3px;

    background: #f1f3f4;

    color: #4b4f52;

    font-size: 12px;
    line-height: 1;

    text-decoration: none;

    transition:
        background .15s ease,
        color .15s ease;
}

.single-noticia-tags a:hover {
    background: #248cc8;
    color: #fff;
}

/* ============================================================
   ARTICULISTA
   ============================================================ */

.single-noticia-articulista {
    max-width: 760px;

    margin: 52px auto 0;
    padding: 28px 0;

    display: flex;
    align-items: center;
    gap: 22px;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.single-noticia-articulista-foto {
    width: 92px;
    min-width: 92px;
    height: 92px;

    display: block;

    overflow: hidden;

    border-radius: 50%;
}

.single-noticia-articulista-foto img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
}

.single-noticia-articulista-info {
    flex: 1;
}

.single-noticia-articulista-label {
    display: block;

    margin-bottom: 5px;

    color: #8c8c8c;

    font-size: 10px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .7px;
}

.single-noticia-articulista-info h3 {
    margin: 0 0 4px;

    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}

.single-noticia-articulista-info h3 a {
    color: #202124;
    text-decoration: none;
}

.single-noticia-articulista-info h3 a:hover {
    color: #248cc8;
}

.single-noticia-articulista-info p {
    margin: 0 0 8px;

    color: #717171;

    font-size: 13px;
    line-height: 1.4;
}

.single-noticia-articulista-link {
    color: #248cc8;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none;
    text-transform: uppercase;
}

.single-noticia-articulista-link:hover {
    text-decoration: underline;
}

/* ============================================================
   WORDPRESS - ALINHAMENTOS
   ============================================================ */

.single-noticia-texto .alignleft {
    float: left;

    margin: 8px 28px 20px 0;
}

.single-noticia-texto .alignright {
    float: right;

    margin: 8px 0 20px 28px;
}

.single-noticia-texto .aligncenter {
    display: block;

    margin-left: auto;
    margin-right: auto;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 991.98px) {
    
    .single-noticia{padding:0 20px;}

    .single-noticia-header {
        padding: 40px 0 28px;
    }

    .single-noticia-titulo {
        font-size: clamp(38px, 7vw, 52px);
        letter-spacing: -1.4px;
    }

    .single-noticia-subtitulo {
        font-size: 19px;
    }

    .single-noticia-imagem {
        padding-bottom: 36px;
    }

    .single-noticia-texto {
        font-size: 18px;
        line-height: 1.72;
    }

}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .single-noticia-editoria-inner {
        min-height: 50px;
    }

    .single-noticia-editoria-link {
        font-size: 17px;
    }

    .single-noticia-header {
        padding: 0px 0 24px;
    }

    .single-noticia-titulo {
        font-size: 36px;
        line-height: 1.08;

        letter-spacing: -1px;
    }

    .single-noticia-subtitulo {
        margin-top: 17px;

        font-size: 18px;
        line-height: 1.45;
    }

    .single-noticia-imagem {
        padding-bottom: 0px;
    }

    .single-noticia-texto {
        font-size: 17px;
        line-height: 1.7;
    }

    .single-noticia-texto p {
        margin-bottom: 23px;
        font-size:1.2rem;
    }

    .single-noticia-texto h2 {
        margin-top: 38px;

        font-size: 25px;
    }

    .single-noticia-texto h3 {
        font-size: 22px;
    }

    .single-noticia-texto blockquote {
        margin: 30px 0;
        padding-left: 18px;

        font-size: 20px;
    }

    .single-noticia-articulista {
        align-items: flex-start;

        gap: 16px;

        margin-top: 40px;
        padding: 24px 0;
    }

    .single-noticia-articulista-foto {
        width: 70px;
        min-width: 70px;
        height: 70px;
    }

    .single-noticia-articulista-info h3 {
        font-size: 18px;
    }

    .single-noticia-tags {
        margin-top: 38px;
    }

}

/* ============================================================
   MÍDIA PRINCIPAL DA MATÉRIA
   ============================================================ */

.single-noticia-midia {
    padding-bottom: 46px;
}

/* ============================================================
   IMAGEM DESTACADA
   ============================================================ */

.single-noticia-imagem {
    margin: 0;
}

.single-noticia-imagem img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 2px;
}

.single-noticia-imagem figcaption {
    margin-top: 9px;

    color: #777;

    font-size: 12px;
    line-height: 1.4;
}

/* ============================================================
   VÍDEO PRINCIPAL
   ============================================================ */

.single-noticia-video {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #000;

    border-radius: 2px;
}

.single-noticia-video iframe {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 991.98px) {

    .single-noticia-midia {
        padding-bottom: 36px;
    }

}

@media (max-width: 575.98px) {

    .single-noticia-midia {
        padding-bottom: 30px;
    }

    .single-noticia-imagem figcaption {
        font-size: 11px;
    }

}

/* ============================================================
   CATEGORY PAGE
   ============================================================ */

.category-page {
    background: #fff;
    margin-bottom:72px;
    margin-top:30px;
}

/* ============================================================
   HEADER
   ============================================================ */

.category-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.category-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;

    font-size: 13px;
    line-height: 1.4;

    color: #777;
}

.category-breadcrumb a {
    color: #777;
    text-decoration: none;
}

.category-breadcrumb a:hover {
    color: #222;
}

.category-title {
    margin: 0;

    font-size: 42px;
    line-height: 1.05;
    font-weight: 700;

    color: #111;
}

.category-description {
    margin-top: 14px;

    max-width: 760px;

    font-size: 16px;
    line-height: 1.7;

    color: #555;
}

.category-description p:last-child {
    margin-bottom: 0;
}

/* ============================================================
   TAG / META
   ============================================================ */

.category-post-tag {
    display: inline-flex;
    align-items: center;

    margin-bottom: 10px;
    padding: 5px 10px;

    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .04em;

    color: #fff;
    background: #8a245c;
}

.category-post-meta {
    margin-top: 8px;

    font-size: 13px;
    line-height: 1.4;

    color: #777;
}

/* ============================================================
   HERO
   ============================================================ */

.category-hero {
    margin-bottom: 42px;
}

.category-featured-post {
    height: 100%;
}

.category-featured-thumb {
    display: block;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 4px;
}

.category-featured-thumb img {
    display: block;
    width: 100%;
    height: 509px;
    object-fit: cover;
    object-position:center top;
}

.category-featured-title {
    margin: 0;

    font-size: 44px;
    line-height: 1.05;
    font-weight: 700;
}

.category-featured-title a {
    color: #111;
    text-decoration: none;
}

.category-featured-title a:hover {
    color: #8a245c;
}

.category-featured-excerpt {
    margin: 14px 0 0;

    font-size: 18px;
    line-height: 1.7;

    color: #555;
}

/* ============================================================
   SECONDARY
   ============================================================ */

.category-secondary-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.category-secondary-post {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 18px;
    align-items: start;

    padding-bottom: 24px;
    border-bottom: 1px solid #ececec;
}

.category-secondary-post:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.category-secondary-excerpt {
    margin: 10px 0 0;

    font-size: 15px;
    line-height: 1.6;

    color: #555;
}

/* ============================================================
   SECTION TITLE
   ============================================================ */

.section-heading {
    margin-bottom: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.section-heading h2 {
    margin: 0;

    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;

    color: #111;
}

/* ============================================================
   BOXED SECTION
   ============================================================ */

.category-boxed-section {
    margin-bottom: 46px;
}

.category-box-card {
    height: 100%;
    border: 1px solid #ececec;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .2s ease, transform .2s ease;
}

.category-box-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
}

.category-box-thumb {
    display: block;
}

.category-box-thumb img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center top;
}

.category-box-content {
    padding: 18px;
}

.category-box-title {
    margin: 0;

    font-size: 24px;
    line-height: 1.18;
    font-weight: 700;
}

.category-box-title a {
    color: #111;
    text-decoration: none;
}

.category-box-title a:hover {
    color: #8a245c;
}

.category-box-excerpt {
    margin: 10px 0 0;

    font-size: 15px;
    line-height: 1.6;

    color: #555;
}

/* ============================================================
   LIST
   ============================================================ */

.category-list-section {
    margin-bottom: 46px;
}

.category-list {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.category-list-post {
    padding-bottom: 26px;
    border-bottom: 1px solid #ececec;
}

.category-list-post:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.category-list-thumb {
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.category-list-thumb img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center top;
}

.category-list-title {
    margin: 0;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;
}

.category-list-title a {
    color: #111;
    text-decoration: none;
}

.category-list-title a:hover {
    color: #8a245c;
}

.category-list-excerpt {
    margin: 10px 0 0;

    font-size: 16px;
    line-height: 1.7;

    color: #555;
}

/* ============================================================
   PAGINATION
   ============================================================ */

.category-pagination-wrap {
    margin-top: 28px;
}

.category-pagination-wrap .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    list-style: none;
    padding: 0;
    margin: 0;
}

.category-pagination-wrap .page-numbers li {
    margin: 0;
}

.category-pagination-wrap .page-numbers a,
.category-pagination-wrap .page-numbers span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 40px;
    height: 40px;
    padding: 0 14px;

    border: 1px solid #e2e2e2;
    border-radius: 3px;

    font-size: 14px;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    color: #222;
    background: #fff;
}

.category-pagination-wrap .page-numbers a:hover {
    color: #8a245c;
    border-color: #8a245c;
}

.category-pagination-wrap .page-numbers .current {
    color: #fff;
    border-color: #8a245c;
    background: #8a245c;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 991.98px) {

    .category-title {
        font-size: 34px;
    }

    .category-featured-title {
        font-size: 34px;
    }

    .category-secondary-post {
        grid-template-columns: 140px minmax(0, 1fr);
    }

    .category-list-title {
        font-size: 26px;
    }

}

@media (max-width: 767.98px) {

    .category-header {
        margin-bottom: 30px;
    }

    .category-title {
        font-size: 30px;
    }

    .category-featured-title {
        font-size: 30px;
    }

    .category-featured-excerpt {
        font-size: 16px;
    }

    .category-secondary-post {
        grid-template-columns: 1fr;
    }

    .category-box-title {
        font-size: 22px;
    }

    .category-list-title {
        font-size: 24px;
    }

}

@media (max-width: 575.98px) {

    .category-title {
        font-size: 26px;
    }

    .category-featured-title {
        font-size: 26px;
    }

    .section-heading h2 {
        font-size: 21px;
    }

    .category-list-title {
        font-size: 22px;
    }

}

/* ============================================================
   DESTAQUES LATERAIS
   2 COLUNAS
   ============================================================ */

.category-secondary-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 26px 20px;

}

/* CARD */

.category-secondary-card {
    min-width: 0;
}

/* IMAGEM */

.category-secondary-thumb {
    position: relative;

    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    margin-bottom: 12px;

    overflow: hidden;

    border-radius: 4px;

    background: #f3f3f3;
}

.category-secondary-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition: transform .25s ease;
}

.category-secondary-card:hover
.category-secondary-thumb img {
    transform: scale(1.025);
}

/* CONTEÚDO */

.category-secondary-content {
    min-width: 0;
}

/* TAG */

.category-secondary-card
.category-post-tag {
    margin-bottom: 8px;

    padding: 5px 9px;

    font-size: 9px;
}

/* TÍTULO */

.category-secondary-title {
    margin: 0;

    font-size: 21px;
    line-height: 1.14;
    font-weight: 700;
}

.category-secondary-title a {
    color: #111;

    text-decoration: none;
}

.category-secondary-title a:hover {
    color: #8a245c;
}

/* DATA */

.category-secondary-card
.category-post-meta {
    margin-top: 8px;

    font-size: 11px;
}

/* ============================================================
   INDICADOR DE VÍDEO
   ============================================================ */

.category-video-indicator {
    position: absolute;

    left: 10px;
    bottom: 10px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(0, 0, 0, .75);

    color: #fff;

    font-size: 20px;

    pointer-events: none;
}

.category-video-indicator i {
    margin-left: 2px;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991.98px) {

    .category-secondary-grid {
        margin-top: 5px;

        gap: 24px;
    }

    .category-secondary-title {
        font-size: 22px;
    }

}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .category-secondary-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }

    .category-secondary-title {
        font-size: 22px;
    }

}

/* ============================================================
   CATEGORY - CHAMADAS TEXTUAIS
   ============================================================ */

.category-secondary-text-list {
    margin-top: 30px;
    padding-top: 4px;
}

.category-secondary-text-item {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    margin-bottom: 16px;
}

.category-secondary-text-item:last-child {
    margin-bottom: 0;
}

.category-secondary-text-bullet {
    width: 11px;
    min-width: 11px;
    height: 11px;

    margin-top: 6px;

    border-radius: 50%;

    background: #8a245c;
}

.category-secondary-text-item h3 {
    margin: 0;

    font-size: 17px;
    line-height: 1.28;
    font-weight: 700;
}

.category-secondary-text-item h3 a {
    color: #151515;

    text-decoration: none;
}

.category-secondary-text-item h3 a:hover {
    color: #8a245c;
}

/* MOBILE */

@media (max-width: 575.98px) {

    .category-secondary-text-list {
        margin-top: 25px;
    }

    .category-secondary-text-item h3 {
        font-size: 16px;
    }

}

/* ============================================================
   META + COMPARTILHAMENTO
   ============================================================ */

.single-noticia-meta {
    margin-top: 28px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    color: #70757a;

    font-size: 13px;
    line-height: 1.65;
}

/* ============================================================
   AUTOR / DATA
   ============================================================ */

.single-noticia-meta-info {
    min-width: 0;
    flex: 1;
}

.single-noticia-autor {
    margin-bottom: 3px;

    color: #444;

    font-weight: 500;
}

.single-noticia-autor a,
.single-noticia-autor span {
    color: #202124;

    font-weight: 700;
    text-decoration: none;
}

.single-noticia-autor a:hover {
    color: #248cc8;
}

.single-noticia-data,
.single-noticia-atualizacao {
    color: #777;
}

/* ============================================================
   COMPARTILHAMENTO
   ============================================================ */

.single-noticia-share {
    display: flex;
    align-items: center;

    gap: 9px;

    flex-shrink: 0;
}

.single-noticia-share-btn {
    width: 39px;
    height: 39px;

    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dedede;
    border-radius: 50%;

    background: #fff;

    color: #505050;

    font-size: 16px;
    line-height: 1;

    text-decoration: none;

    cursor: pointer;

    transition:
        color .15s ease,
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}

.single-noticia-share-btn:hover {
    color: #248cc8;

    border-color: #248cc8;

    background: #f8fcff;

    transform: translateY(-1px);
}

/* WhatsApp ganha sua identidade só no hover */

.single-noticia-share-btn:has(.bi-whatsapp):hover {
    color: #169c55;
    border-color: #169c55;
}

/* Facebook */

.single-noticia-share-btn:has(.bi-facebook):hover {
    color: #1877f2;
    border-color: #1877f2;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .single-noticia-meta {
        align-items: center;

        gap: 18px;
    }

    .single-noticia-share {
        gap: 7px;
    }

    .single-noticia-share-btn {
        width: 36px;
        height: 36px;

        font-size: 15px;
    }

}

/*====================================================================
  DRAWER - MENU PRINCIPAL / ESTADOS
====================================================================*/

/* ============================================================
   OFFCANVAS
   ============================================================ */

.enotorio-drawer {
    --bs-offcanvas-width: min(390px, 92vw);
}

/* ============================================================
   CABEÇALHO
   ============================================================ */

.enotorio-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 58px;

    padding:
        12px 16px;

    background: #fff;
}

/*
 * Área esquerda:
 *
 * [ ‹ ] Estados
 *
 * ou apenas:
 *
 * Menu
 */
.enotorio-drawer-header-left {

    gap: 3px;
}

/* Título */

.enotorio-drawer-header .offcanvas-title {
    margin: 0;

    color: #222;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

/* ============================================================
   SETA DE VOLTAR NO CABEÇALHO
   ============================================================ */

.enotorio-drawer-header-back .bi {

    font-family: initial;
}

.enotorio-drawer-header-back:hover .bi {
    color: var(--enotorio-accent);
}

/* ============================================================
   BOTÃO FECHAR
   ============================================================ */

.enotorio-drawer-header .btn-close {
    flex-shrink: 0;

    margin: 0;
}

/* ============================================================
   CORPO
   ============================================================ */

.enotorio-drawer-body {
    padding: 0;

    overflow: hidden;
}

/*
 * Temos duas telas:
 *
 * [ MENU ][ ESTADOS ]
 *
 * Cada uma ocupa metade do track de 200%.
 */
.enotorio-drawer-track {
    display: flex;

    width: 200%;
    height: 100%;

    transform:
        translateX(0);

    transition:
        transform .28s ease;
}

/*
 * Quando entra em Estados,
 * desloca exatamente uma tela.
 */
.enotorio-drawer-track.is-estados {
    transform:
        translateX(-50%);
}

/* ============================================================
   TELAS
   ============================================================ */

.enotorio-drawer-screen {
    flex:
        0 0 50%;

    width: 50%;
    height: 100%;

    padding:
        0 16px
        22px;

    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;

    background: #fff;
}

/* Scrollbar Chrome / Edge */

.enotorio-drawer-screen::-webkit-scrollbar {
    width: 6px;
}

.enotorio-drawer-screen::-webkit-scrollbar-track {
    background: transparent;
}

.enotorio-drawer-screen::-webkit-scrollbar-thumb {
    background: #c8c8c8;

    border-radius: 20px;
}

/* ============================================================
   MENU PRINCIPAL
   ============================================================ */

.enotorio-editorias-list {
    display: grid;

    gap: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}

.enotorio-editorias-list li {
    margin: 0;

    border-bottom:
        1px solid
        var(--enotorio-border);
}

.enotorio-editorias-list a {
    display: block;

    padding:
        15px 4px;

    color: #333;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;

    text-decoration: none;

    transition:
        color .18s ease,
        padding-left .18s ease;
}

.enotorio-editorias-list a:hover {
    padding-left: 8px;

    color:
        var(--enotorio-accent);
}

/*
 * Item ativo do menu.
 */
.enotorio-editorias-list .current-menu-item > a,
.enotorio-editorias-list .current-menu-ancestor > a {
    color:
        var(--enotorio-accent);
}

/* ============================================================
   BOTÃO ESTADOS
   ============================================================ */

.enotorio-drawer-estados-button {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding:
        15px 4px;

    border: 0;
    border-bottom:
        1px solid
        var(--enotorio-border);

    background: transparent;

    color: #333;

    font-family:
        var(--enotorio-font-sans);

    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;

    text-align: left;

    cursor: pointer;

    transition:
        color .18s ease,
        padding-left .18s ease;
}

.enotorio-drawer-estados-button:hover {
    padding-left: 8px;

    color:
        var(--enotorio-accent);
}

.enotorio-drawer-estados-button .bi {
    flex-shrink: 0;

    font-size: 13px;

    transition:
        transform .18s ease;
}

.enotorio-drawer-estados-button:hover .bi {
    transform:
        translateX(3px);
}

/* ============================================================
   LISTA DOS ESTADOS
   ============================================================ */

.enotorio-estados-list {
    display: grid;

    gap: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}

.enotorio-estados-list li {
    margin: 0;

    border-bottom:
        1px solid
        var(--enotorio-border);
}

.enotorio-estados-list a {
    display: block;

    padding:
        14px 4px;

    color: #333;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;

    text-decoration: none;

    transition:
        color .18s ease,
        padding-left .18s ease;
}

.enotorio-estados-list a:hover {
    padding-left: 8px;

    color:
        var(--enotorio-accent);
}

/*
 * UF atual.
 */
.enotorio-estados-list a[aria-current="page"] {
    color:
        var(--enotorio-accent);

    font-weight: 700;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .enotorio-drawer {
        --bs-offcanvas-width: min(390px, 94vw);
    }

    .enotorio-drawer-header {
        min-height: 56px;

        padding:
            11px 14px;
    }

    .enotorio-drawer-header .offcanvas-title {
        font-size: 19px;
    }

    .enotorio-drawer-screen {
        padding:
            0 14px
            20px;
    }

    .enotorio-editorias-list a,
    .enotorio-drawer-estados-button {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .enotorio-estados-list a {
        padding-top: 13px;
        padding-bottom: 13px;
    }

}

/* ============================================================
   HEADER DO DRAWER
   ============================================================ */

.enotorio-drawer-header-left {
    display: flex;
    align-items: center;
    min-width: 0;
}

/* BLOCO "ÍCONE + MENU" */
.enotorio-drawer-title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.enotorio-drawer-title-wrap[hidden] {
    display: none !important;
}

/* BOTÃO VOLTAR / ESTADOS */
.enotorio-drawer-header-back {

    font-family: var(--enotorio-font-serif);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.enotorio-drawer-header-back:hover {
    color: var(--enotorio-accent);
}

.enotorio-drawer-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    margin: 0;

    color: var(--enotorio-accent);

    font-size: 13px;
    line-height: 1;

    transform: translateY(1px);
}

.enotorio-drawer-title-wrap .offcanvas-title {
    display: block;

    margin: 0 !important;
    padding: 0;

    color: #222;

    font-family: var(--enotorio-font-serif);

    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
}

/* ============================================================
   CABEÇALHO - VOLTAR / ESTADOS
   ============================================================ */

.enotorio-drawer-header-back {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    gap: 8px;

    min-height: 34px;

    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;

    color: #222;

    cursor: pointer;

    transition:
        color .18s ease;
}

/* SETINHA */

.enotorio-drawer-header-back .bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 14px;
    height: 20px;

    margin: 0;

    color: var(--enotorio-accent);

    font-size: 14px;
    line-height: 1;

    transform: translateY(1px);

    transition:
        transform .18s ease,
        color .18s ease;
}

/* TEXTO ESTADOS */

.enotorio-drawer-header-back span {
    display: block;

    margin: 0;
    padding: 0;

    font-family: var(--enotorio-font-serif);

    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;

    color: #222;
}

/* HOVER */

.enotorio-drawer-header-back:hover span {
    color: var(--enotorio-accent);
}

.enotorio-drawer-header-back:hover .bi {
    transform:
        translate(-2px, 1px);
}

/* ESCONDIDO NO MENU PRINCIPAL */

.enotorio-drawer-header-back[hidden] {
    display: none !important;
}

.enotorio-main-menu > .menu-regionais > .nav-link::after {
    content: "\F282";

    margin-left: 5px;

    font-family: "bootstrap-icons";
    font-size: 9px;
}

body:not(.home) .enotorio-footer {
    background: #f9f9f9;
}

/*====================================================================
  RODAPÉ
====================================================================*/

.enotorio-footer {
    color: #171717;
}

/* ============================================================
   ÁREA PRINCIPAL
   ============================================================ */

.enotorio-footer-main {
    padding: 0px 0 30px;
}

.enotorio-footer-grid {
    display: grid;

    grid-template-columns:
        minmax(190px, 1.2fr)
        minmax(130px, .8fr)
        minmax(130px, .8fr)
        minmax(120px, .7fr)
        280px;

    align-items: start;

    gap: clamp(30px, 4vw, 64px);
}

/* ============================================================
   MARCA
   ============================================================ */

.enotorio-footer-logo img {
    filter:saturate(0);
}

.enotorio-footer-description {
    max-width: 200px;

    margin: 0 0 14px;
}

.enotorio-footer-contact {
    display: grid;
    gap: 6px;
}

.enotorio-footer-contact a {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #161616;

    text-decoration: none;
}

.enotorio-footer-contact a:hover {
    color: var(--enotorio-accent);
}

.enotorio-footer-contact .bi {
    font-size: .9rem;
}

/* ============================================================
   REDES
   ============================================================ */

.enotorio-footer-social {
    display: flex;
    align-items: center;

    gap: 16px;

}

.enotorio-footer-social a {
    color: #666;
    font-size: 22px;
    text-decoration: none;
    transition: all linear .2s;
}

.enotorio-footer-social a:hover {
    color: #333;
}

/* ============================================================
   COLUNAS
   ============================================================ */

.enotorio-footer-column h2 {

    font-family: var(--enotorio-font-serif);
}

.enotorio-footer-column ul {
    display: grid;

    margin: 0;
    padding: 0;

    list-style: none;
}

.enotorio-footer-column a {
    color: #171717;

    text-decoration: none;

    transition: color .18s ease;
}

.enotorio-footer-column a:hover {
    color: var(--enotorio-accent);
}

/* ============================================================
   PUBLICIDADE
   ============================================================ */

.enotorio-footer-ad-label {
    font-weight: 700;
}

.enotorio-footer-ad-box,
.enotorio-footer-ad-placeholder {
    width: 100%;
    aspect-ratio: 1.2 / 1;

    background: #fff;

    box-shadow:
        0 7px 20px
        rgba(0, 0, 0, .12);

    overflow: hidden;
}

.enotorio-footer-ad-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.enotorio-footer-ad-placeholder {

    font-size: .7rem;
}

/* ============================================================
   ESCRITÓRIOS
   ============================================================ */

.enotorio-footer-offices {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);
}

.enotorio-footer-office {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-height: 210px;

    padding: 32px;

    color: #fff;

    text-align: center;
}

.enotorio-footer-office--sp {
    background: #287f7d;
}

.enotorio-footer-office--df {
    background: #109b98;
}

.enotorio-footer-office--ce {
    background: #004d4b;
}

.enotorio-footer-office .bi {
    margin-bottom: 10px;

    font-size: 1.2rem;
}

.enotorio-footer-office strong {
    margin-bottom: 6px;
    font-style: italic;
}

.enotorio-footer-office p {
    margin: 0;
    font-weight: 500;
}

/* ============================================================
   BARRA FINAL
   ============================================================ */

.enotorio-footer-bottom {
    background: #181818;

    color: #aaa;
}

.enotorio-footer-bottom-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 5px;

    min-height: 58px;
}

.enotorio-footer-bottom p {
    margin: 0;
    font-weight:600;

}

.enotorio-footer-developer {
    display: flex;
    flex-direction: column;

    align-items: flex-end;

    color: #888;

    line-height: 1;

    text-decoration: none;
}

.enotorio-footer-developer strong {
    font-weight: 900;

    letter-spacing: .03em;
}

.enotorio-footer-developer small {
    margin-top: 2px;

    letter-spacing: .12em;

    text-transform: uppercase;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 1199.98px) {

    .enotorio-footer-grid {
        grid-template-columns:
            1.2fr
            repeat(3, 1fr);
    }

    .enotorio-footer-ad {
        grid-column: 1 / -1;

        margin-top: 10px;
    }

}

.enotorio-footer-developer-logo{
    height:32px;
}

@media (max-width: 767.98px) {

    .enotorio-footer-main {
        padding: 55px 30px;
    }

    .enotorio-footer-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 35px 24px;
    }

    .enotorio-footer-brand {
        grid-column: 1 / -1;
    }

    .enotorio-footer-offices {
        grid-template-columns: 1fr;
    }

    .enotorio-footer-office {
        min-height: 180px;
    }

    .enotorio-footer-bottom-inner {
        flex-direction: column;

        align-items: flex-center;

        padding: 28px 0;
    }

    .enotorio-footer-developer {
        align-items: flex-start;
    }

}

@media (max-width: 479.98px) {

    .enotorio-footer-grid {
        grid-template-columns: 1fr;
    }

    .enotorio-footer-brand,
    .enotorio-footer-ad {
        grid-column: auto;
    }

}

/* ============================================================
   AJUSTE FINO DE TIPOGRAFIA DO RODAPÉ
   ============================================================ */

.enotorio-footer-description {
    font-size: .88rem;
    line-height: 1.55;
}

.enotorio-footer-contact a {
    font-size: .80rem;
}

.enotorio-footer-column a {
    font-size: .82rem;
    line-height: 1.4;
}

.enotorio-footer-column ul {
    gap: 0px;
}

.enotorio-footer-office strong {
    font-size: .9rem;
}

.enotorio-footer-office p {
    font-size: .82rem;
    line-height: 1.65;
}

.enotorio-footer-bottom p {
    font-size: .78rem;
}

.enotorio-footer-developer strong {
    font-size: .92rem;
}

.enotorio-footer-developer small {
    font-size: .48rem;
}

/*====================================================================
  PÁGINA INSTITUCIONAL
====================================================================*/

.enotorio-institutional {
    background: #fff;
}

/* ============================================================
   HERO
   ============================================================ */

.enotorio-institutional-hero {
    margin-top:30px;
    background: #f5f3f4;

    padding:clamp(70px, 4vw, 120px) 0;
}

.enotorio-institutional-hero-content {
    max-width: 850px;
}

.enotorio-institutional-kicker,
.enotorio-institutional-label {
    display: block;

    margin-bottom: 14px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: .72rem;
    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.enotorio-institutional-hero h1 {
    max-width: 820px;

    margin: 0;

    color: #202020;

    font-family: var(--enotorio-font-serif);

    font-size:
        clamp(
        2.5rem,
        3vw,
        4.8rem
        );

    font-weight: 700;

    letter-spacing: -.035em;

    line-height: .98;
}

.enotorio-institutional-hero p {
    max-width: 650px;

    margin: 28px 0 0;

    color: #666;

    font-size: 1.08rem;

    line-height: 1.65;
}

/* ============================================================
   NAVEGAÇÃO
   ============================================================ */

.enotorio-institutional-nav {
    position: sticky;

    top: 0;

    z-index: 20;

    background:
        rgba(255, 255, 255, .96);

    border-bottom:
        1px solid
        var(--enotorio-border);

    backdrop-filter:
        blur(10px);
}

.enotorio-institutional-nav-inner {
    display: flex;

    gap: 8px;

    overflow-x: auto;

    padding: 13px 0;

    scrollbar-width: none;
}

.enotorio-institutional-nav-inner::-webkit-scrollbar {
    display: none;
}

.enotorio-institutional-nav a {
    flex: 0 0 auto;

    padding:
        9px 15px;

    border-radius: 100px;

    color: #444;

    font-size: .82rem;

    font-weight: 600;

    text-decoration: none;

    transition:
        color .18s ease,
        background-color .18s ease;
}

.enotorio-institutional-nav a:hover {
    background:
        var(--enotorio-accent);

    color: #fff;
}

/* ============================================================
   CONTEÚDO
   ============================================================ */

.enotorio-institutional-content {
    padding-bottom:
        clamp(
        70px,
        3vw,
        120px
        );
}

.enotorio-institutional-section {
    display: grid;

    grid-template-columns:
        90px
        minmax(0, 800px);

    gap:
        clamp(
        30px,
        5vw,
        80px
        );

    padding:
        clamp(
        65px,
        8vw,
        110px
        )
        0;

    border-bottom:
        1px solid
        var(--enotorio-border);

    scroll-margin-top: 90px;
}

/* NÚMEROS */

.enotorio-institutional-section-number {
    color: #d2d2d2;

    font-family:
        var(--enotorio-font-serif);

    font-size: 2.6rem;

    font-weight: 700;

    line-height: 1;
}

/* TÍTULOS */

.enotorio-institutional-section h2 {
    margin:
        0
        0
        26px;

    color: #222;

    font-family:
        var(--enotorio-font-serif);

    font-size:
        clamp(
        2rem,
        3.2vw,
        3.3rem
        );

    line-height: 1.05;
}

.enotorio-institutional-section p {
    max-width: 720px;

    color: #555;

    font-size: 1rem;

    line-height: 1.8;
}

.enotorio-institutional-lead {
    color: #222 !important;

    font-family:
        var(--enotorio-font-serif);

    font-size: 1.35rem !important;

    line-height: 1.55 !important;
}

/* ============================================================
   VALORES
   ============================================================ */

.enotorio-institutional-values {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 18px;

    margin-top: 38px;
}

.enotorio-institutional-values article {
    padding: 26px;

    background: #f7f7f7;
}

.enotorio-institutional-values .bi {
    display: block;

    margin-bottom: 18px;

    color: var(--enotorio-accent);

    font-size: 1.4rem;
}

.enotorio-institutional-values h3 {
    margin:
        0
        0
        9px;

    font-family:
        var(--enotorio-font-serif);

    font-size: 1.15rem;
}

.enotorio-institutional-values p {
    margin: 0;

    font-size: .88rem;

    line-height: 1.6;
}

/* ============================================================
   CONTATO
   ============================================================ */

.enotorio-institutional-contact {
    display: grid;

    grid-template-columns:
        repeat(
        2,
        minmax(0, 1fr)
        );

    gap: 16px;

    margin-top: 35px;
}

.enotorio-institutional-contact a {
    display: flex;

    align-items: center;

    gap: 18px;

    padding: 22px;

    border:
        1px solid
        var(--enotorio-border);

    color: #222;

    text-decoration: none;

    transition:
        border-color .2s ease,
        transform .2s ease,
        color .2s ease;
}

.enotorio-institutional-contact a:hover {
    border-color:
        var(--enotorio-accent);

    color:
        var(--enotorio-accent);

    transform:
        translateY(-2px);
}

.enotorio-institutional-contact .bi {
    color:
        var(--enotorio-accent);

    font-size: 1.5rem;
}

.enotorio-institutional-contact span {
    display: grid;
}

.enotorio-institutional-contact small {
    color: #888;

    font-size: .68rem;

    text-transform: uppercase;
}

.enotorio-institutional-contact strong {
    font-size: .9rem;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 767.98px) {

    .enotorio-institutional-section {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    .enotorio-institutional-section-number {
        font-size: 1.8rem;
    }

    .enotorio-institutional-values,
    .enotorio-institutional-contact {
        grid-template-columns: 1fr;
    }

}

/*====================================================================
  PÁGINA DE SERVIÇOS
====================================================================*/

.enotorio-services {
    background: #fff;
}

/* ============================================================
   HERO
   ============================================================ */

.enotorio-services-hero {

    margin-top:30px;
    overflow: hidden;

    background: #17191a;

    color: #fff;

    padding:
        clamp(65px, 3vw, 135px)
        0;
}

.enotorio-services-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 50px;
}

.enotorio-services-kicker {
    display: block;

    margin-bottom: 16px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: .72rem;
    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.enotorio-services-hero h1 {
    margin: 0;

    font-family: var(--enotorio-font-serif);

    font-size:
        clamp(
        3.4rem,
        4vw,
        7rem
        );

    font-weight: 700;

    letter-spacing: -.055em;

    line-height: .87;
}

.enotorio-services-hero p {
    max-width: 550px;

    margin: 30px 0 0;

    color: rgba(255,255,255,.7);

    font-size: 1.15rem;

    line-height: 1.65;
}

.enotorio-services-hero-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width:
        clamp(
        140px,
        19vw,
        280px
        );

    aspect-ratio: 1;

    color: var(--enotorio-accent);

    font-size:
        clamp(
        4rem,
        8vw,
        8rem
        );
}

/* ============================================================
   CARDS
   ============================================================ */

.enotorio-services-cards {
    padding:
        clamp(55px, 7vw, 100px)
        0;
}

.enotorio-services-card-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}

.enotorio-service-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 360px;

    padding:
        clamp(
        28px,
        4vw,
        48px
        );

    border:
        1px solid
        var(--enotorio-border);

    color: #202020;

    text-decoration: none;

    overflow: hidden;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.enotorio-service-card:hover {
    border-color:
        var(--enotorio-accent);

    color: #202020;

    transform:
        translateY(-5px);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.08);
}

.enotorio-service-card-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    margin-bottom: 50px;

    border-radius: 50%;

    background:
        var(--enotorio-accent);

    color: #fff;

    font-size: 1.2rem;
}

.enotorio-service-card-number {
    position: absolute;

    top: 35px;
    right: 38px;

    color: #ccc;

    font-family:
        var(--enotorio-font-serif);

    font-size: .85rem;
}

.enotorio-service-card h2 {
    margin: 0 0 16px;

    font-family:
        var(--enotorio-font-serif);

    font-size:
        clamp(
        2rem,
        3vw,
        3.2rem
        );

    line-height: 1;
}

.enotorio-service-card p {
    max-width: 470px;

    margin: 0 0 35px;

    color: #696969;

    font-size: .95rem;

    line-height: 1.7;
}

.enotorio-service-card-action {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: auto;

    color: var(--enotorio-accent);

    font-size: .78rem;
    font-weight: 700;

    text-transform: uppercase;
}

/* destaque comercial */

.enotorio-service-card--advertise {
    background: #17191a;

    border-color: #17191a;

    color: #fff;
}

.enotorio-service-card--advertise:hover {
    color: #fff;
}

.enotorio-service-card--advertise p {
    color:
        rgba(
        255,
        255,
        255,
        .65
        );
}

/* ============================================================
   ANUNCIE
   ============================================================ */

.enotorio-service-section {
    padding:
        clamp(75px, 9vw, 130px)
        0;
}

.enotorio-service-section--advertise {
    background: #f5f3f4;
}

.enotorio-service-section-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(450px, 1.1fr);

    gap:
        clamp(
        50px,
        8vw,
        120px
        );

    align-items: center;
}

.enotorio-service-section-heading h2,
.enotorio-service-feature-content h2 {
    margin:
        0
        0
        24px;

    font-family:
        var(--enotorio-font-serif);

    font-size:
        clamp(
        2.5rem,
        4vw,
        4.3rem
        );

    letter-spacing: -.035em;

    line-height: .98;
}

.enotorio-service-section-heading p,
.enotorio-service-feature-content p {
    max-width: 600px;

    color: #666;

    font-size: 1rem;

    line-height: 1.8;
}

/* botão */

.enotorio-services-button {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 20px;

    padding:
        14px
        22px;

    background:
        var(--enotorio-accent);

    color: #fff;

    font-size: .8rem;
    font-weight: 700;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        transform .2s ease,
        background-color .2s ease;
}

.enotorio-services-button:hover {
    color: #fff;

    transform:
        translateY(-2px);
}

/* formatos */

.enotorio-ad-formats {
    display: grid;

    gap: 12px;
}

.enotorio-ad-format {
    display: grid;

    grid-template-columns:
        45px
        1fr
        auto;

    align-items: center;

    gap: 20px;

    padding: 22px 25px;

    background: #fff;

    border:
        1px solid
        var(--enotorio-border);
}

.enotorio-ad-format > span {
    color:
        var(--enotorio-accent);

    font-family:
        var(--enotorio-font-serif);

    font-size: .85rem;
}

.enotorio-ad-format div {
    display: grid;
}

.enotorio-ad-format strong {
    font-family:
        var(--enotorio-font-serif);

    font-size: 1.1rem;
}

.enotorio-ad-format small {
    margin-top: 3px;

    color: #888;

    font-size: .72rem;
}

.enotorio-ad-format > .bi {
    color: #ccc;

    font-size: 1.7rem;
}

/* ============================================================
   BLOCOS TV / EVENTOS / PODCAST
   ============================================================ */

.enotorio-service-feature {
    padding:
        clamp(
        70px,
        8vw,
        120px
        )
        0;

    border-bottom:
        1px solid
        var(--enotorio-border);

    scroll-margin-top: 80px;
}

.enotorio-service-feature-grid {
    display: grid;

    grid-template-columns:
        minmax(350px, .9fr)
        minmax(0, 1.1fr);

    align-items: center;

    gap:
        clamp(
        50px,
        8vw,
        120px
        );
}

.enotorio-service-feature--reverse {
    background: #fafafa;
}

.enotorio-service-feature--reverse
.enotorio-service-feature-visual {
    order: 2;
}

.enotorio-service-feature-visual {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    aspect-ratio: 16 / 10;

    background: #181a1b;

    color: #fff;

    overflow: hidden;
}

.enotorio-service-feature-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 80px;
    height: 80px;

    margin-bottom: 22px;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius: 50%;

    color:
        var(--enotorio-accent);

    font-size: 2rem;
}

.enotorio-service-feature-visual > span {
    font-size: .7rem;
    font-weight: 800;

    letter-spacing: .24em;
}

.enotorio-service-feature--podcast
.enotorio-service-feature-visual {
    background:
        var(--enotorio-accent);
}

.enotorio-service-feature--podcast
.enotorio-service-feature-icon {
    color: #fff;
}

/* link */

.enotorio-services-text-link {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    color:
        var(--enotorio-accent);

    font-size: .8rem;
    font-weight: 700;

    text-decoration: none;

    text-transform: uppercase;
}

.enotorio-services-text-link .bi {
    transition:
        transform .18s ease;
}

.enotorio-services-text-link:hover .bi {
    transform:
        translateX(4px);
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 991.98px) {

    .enotorio-services-hero-symbol {
        display: none;
    }

    .enotorio-services-card-grid {
        grid-template-columns: 1fr;
    }

    .enotorio-service-section-grid,
    .enotorio-service-feature-grid {
        grid-template-columns: 1fr;
    }

    .enotorio-service-feature--reverse
    .enotorio-service-feature-visual {
        order: initial;
    }

}

@media (max-width: 575.98px) {

    .enotorio-service-card {
        min-height: 320px;
    }

    .enotorio-service-section-grid {
        gap: 40px;
    }

    .enotorio-ad-format {
        grid-template-columns:
            32px
            1fr
            auto;

        padding: 18px;
    }

}

/*====================================================================
  ARQUIVO - ARTICULISTAS
====================================================================*/

.enotorio-articulistas-page {
    background: #fff;
}

/*====================================================================
  ÁREA PRINCIPAL
====================================================================*/

.enotorio-articulistas {
    padding-block: clamp(42px, 6vw, 42px);
}

/*====================================================================
  CABEÇALHO
====================================================================*/

.enotorio-articulistas-header {
    max-width: 760px;
    margin-bottom: clamp(38px, 5vw, 42px);
}

.enotorio-articulistas-kicker {
    display: inline-block;

    margin-bottom: 10px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}

.enotorio-articulistas-title {
    margin: 0;

    color: #222;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(2.3rem, 4vw, 3.7rem);
    line-height: 0.98;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.enotorio-articulistas-intro {
    max-width: 660px;

    margin: 18px 0 0;

    color: #747474;

    font-family: var(--enotorio-font-sans);

    font-size: 0.96rem;
    line-height: 1.65;
}

/*====================================================================
  GRID
====================================================================*/

.enotorio-articulistas-grid {
    display: grid;

    grid-template-columns:
        repeat(
        4,
        minmax(0, 1fr)
        );

    gap:
        clamp(28px, 3vw, 42px)
        clamp(20px, 2.3vw, 30px);
}

/*====================================================================
  CARD
====================================================================*/

.enotorio-articulista-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    background: #fff;
}

/*====================================================================
  FOTO
====================================================================*/

.enotorio-articulista-card-media {
    position: relative;

    display: block;

    aspect-ratio: 4 / 5;

    overflow: hidden;

    background: #f0f0f0;

    text-decoration: none;
}

.enotorio-articulista-card-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*
     * Ajuda principalmente em fotos de rosto:
     * prioriza a parte superior da imagem.
     */
    object-position: center top;

    transition:
        transform .45s ease,
        filter .45s ease;
}

.enotorio-articulista-card-media:hover
.enotorio-articulista-card-image {

    transform: scale(1.035);
}

/*====================================================================
  PLACEHOLDER SEM FOTO
====================================================================*/

.enotorio-articulista-card-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
        135deg,
        #f3f3f3,
        #e6e6e6
        );

    color: #aaa;
}

.enotorio-articulista-card-placeholder .bi {
    font-size: 4rem;
}

/*====================================================================
  CONTEÚDO
====================================================================*/

.enotorio-articulista-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;

    padding-top: 18px;
}

/*====================================================================
  NOME
====================================================================*/

.enotorio-articulista-card-title {
    margin: 0;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(1.3rem, 1.55vw, 1.65rem);
    line-height: 1.06;
    font-weight: 700;

    letter-spacing: -0.015em;
}

.enotorio-articulista-card-title a {
    color: #222;

    text-decoration: none;

    transition: color .18s ease;
}

.enotorio-articulista-card-title a:hover,
.enotorio-articulista-card-title a:focus-visible {
    color: var(--enotorio-accent);
}

/*====================================================================
  CARGO
====================================================================*/

.enotorio-articulista-card-role {
    margin: 8px 0 0;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.72rem;
    line-height: 1.35;
    font-weight: 700;

    letter-spacing: 0.035em;

    text-transform: uppercase;
}

/*====================================================================
  RESUMO
====================================================================*/

.enotorio-articulista-card-summary {
    margin: 14px 0 0;

    color: #777;

    font-family: var(--enotorio-font-sans);

    font-size: 0.84rem;
    line-height: 1.55;
}

/*====================================================================
  RODAPÉ DO CARD
====================================================================*/

/*====================================================================
  VER ARTIGOS
====================================================================*/

.enotorio-articulista-card-more .bi {
    color: var(--enotorio-accent);

    font-size: 0.85rem;

    transition: transform .18s ease;
}

.enotorio-articulista-card-more:hover {
    color: var(--enotorio-accent);
}

.enotorio-articulista-card-more:hover .bi {
    transform: translateX(4px);
}

/*====================================================================
  REDES SOCIAIS
====================================================================*/

.enotorio-articulista-card-social a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    border: 1px solid var(--enotorio-border);

    color: #777;

    font-size: 0.82rem;

    text-decoration: none;

    transition:
        color .18s ease,
        border-color .18s ease,
        background-color .18s ease;
}

.enotorio-articulista-card-social a:hover,
.enotorio-articulista-card-social a:focus-visible {
    border-color: var(--enotorio-accent);

    background: var(--enotorio-accent);

    color: #fff;
}

/*====================================================================
  FOCO - ACESSIBILIDADE
====================================================================*/

.enotorio-articulista-card-media:focus-visible,
.enotorio-articulista-card-title a:focus-visible,
.enotorio-articulista-card-more:focus-visible,
.enotorio-articulista-card-social a:focus-visible {

    outline:
        2px solid
        var(--enotorio-accent);

    outline-offset: 3px;
}

/*====================================================================
  SEM ARTICULISTAS
====================================================================*/

.enotorio-articulistas-empty {
    margin: 0;

    padding: 28px;

    border: 1px solid var(--enotorio-border);

    background: #f8f8f8;

    color: #777;

    font-family: var(--enotorio-font-sans);

    font-size: 0.9rem;
}

/*====================================================================
  TABLET
====================================================================*/

@media (max-width: 1199.98px) {

    .enotorio-articulistas-grid {
        grid-template-columns:
            repeat(
            3,
            minmax(0, 1fr)
            );
    }

}

/*====================================================================
  TABLET / MOBILE
====================================================================*/

@media (max-width: 767.98px) {

    .enotorio-articulistas {
        padding-block: 46px 60px;
    }

    .enotorio-articulistas-header {
        margin-bottom: 36px;
    }

    .enotorio-articulistas-grid {
        grid-template-columns:
            repeat(
            2,
            minmax(0, 1fr)
            );

        gap:
            34px
            18px;
    }

    .enotorio-articulista-card-body {
        padding-top: 14px;
    }

    .enotorio-articulista-card-summary {
        font-size: 0.8rem;
    }

}

/*====================================================================
  MOBILE PEQUENO
====================================================================*/

@media (max-width: 479.98px) {

    .enotorio-articulistas-grid {
        grid-template-columns: 1fr;

        gap: 42px;
    }

    .enotorio-articulista-card-media {
        aspect-ratio: 4 / 4.6;
    }

    .enotorio-articulista-card-title {
        font-size: 1.55rem;
    }

    .enotorio-articulista-card-summary {
        max-width: 94%;

        font-size: 0.86rem;
    }

}

/*====================================================================
  SINGLE - ARTICULISTA
====================================================================*/

.enotorio-single-articulista {
    background: #fff;
}

/*====================================================================
  PERFIL
====================================================================*/

.enotorio-articulista-profile {
    padding-block: clamp(48px, 6vw, 42px);
}

/* VOLTAR */

.enotorio-articulista-profile-back {
    margin-bottom: 28px;
}

.enotorio-articulista-back-link {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #666;

    font-family: var(--enotorio-font-sans);

    font-size: 0.78rem;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    transition: color .18s ease;
}

.enotorio-articulista-back-link .bi {
    color: var(--enotorio-accent);

    font-size: 0.9rem;

    transition: transform .18s ease;
}

.enotorio-articulista-back-link:hover {
    color: var(--enotorio-accent);
}

.enotorio-articulista-back-link:hover .bi {
    transform: translateX(-3px);
}

/*====================================================================
  GRID DO PERFIL
====================================================================*/

.enotorio-articulista-profile-grid {
    display: grid;
}

/*====================================================================
  FOTO
====================================================================*/

.enotorio-articulista-profile-media {
    aspect-ratio: 4 / 5;

    overflow: hidden;

    background: #f1f1f1;
    box-shadow: 0 0 15px #dfdfdf;
}

.enotorio-articulista-profile-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
}

.enotorio-articulista-profile-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
        135deg,
        #f4f4f4,
        #e5e5e5
        );

    color: #aaa;
}

.enotorio-articulista-profile-placeholder .bi {
    font-size: 5rem;
}

/*====================================================================
  CONTEÚDO DO PERFIL
====================================================================*/

.enotorio-articulista-profile-kicker {
    display: inline-block;

    margin-bottom: 10px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}

.enotorio-articulista-profile-title {
    margin: 0;

    color: #222;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(2.5rem, 4.8vw, 4.8rem);
    line-height: 0.95;
    font-weight: 700;

    letter-spacing: -0.03em;
}

.enotorio-articulista-profile-role {
    margin: 16px 0 0;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.82rem;
    line-height: 1.4;
    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;
}

.enotorio-articulista-profile-summary {
    max-width: 650px;

    margin: 24px 0 0;

    color: #666;

    font-family: var(--enotorio-font-sans);

    font-size: 1rem;
    line-height: 1.7;
}

/*====================================================================
  REDES SOCIAIS
====================================================================*/

.enotorio-articulista-profile-social {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 30px;
}

.enotorio-articulista-profile-social a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 38px;

    padding: 0 14px;

    border: 1px solid var(--enotorio-border);

    color: #555;

    font-family: var(--enotorio-font-sans);

    font-size: 0.76rem;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.enotorio-articulista-profile-social a .bi {
    color: var(--enotorio-accent);

    font-size: 0.9rem;
}

.enotorio-articulista-profile-social a:hover,
.enotorio-articulista-profile-social a:focus-visible {
    border-color: var(--enotorio-accent);

    background: var(--enotorio-accent);

    color: #fff;
}

.enotorio-articulista-profile-social a:hover .bi,
.enotorio-articulista-profile-social a:focus-visible .bi {
    color: #fff;
}

/*====================================================================
  BIOGRAFIA
====================================================================*/

.enotorio-articulista-bio {
    padding-bottom: clamp(52px, 6vw, 52px);
}

.enotorio-articulista-bio-inner {

    padding-top: clamp(38px, 5vw, 58px);
    padding-bottom: clamp(38px, 5vw, 58px);

    border-top: 1px solid var(--enotorio-border);
    border-bottom: 1px solid var(--enotorio-border);
}

.enotorio-articulista-bio-title {
    margin: 0 0 22px;

    color: #222;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.05;
    font-weight: 700;

    letter-spacing: -0.02em;
}

.enotorio-articulista-bio-content {
    color: #555;

    font-family: var(--enotorio-font-serif);

    font-size: 1.06rem;
    line-height: 1.8;
}

.enotorio-articulista-bio-content > *:first-child {
    margin-top: 0;
}

.enotorio-articulista-bio-content > *:last-child {
    margin-bottom: 0;
}

.enotorio-articulista-bio-content p {
    margin-bottom: 1.25em;
}

/*====================================================================
  ARTIGOS
====================================================================*/

.enotorio-articulista-articles {
    margin-bottom:86px;
}

/* CABEÇALHO */

.enotorio-articulista-articles-header {
    margin-bottom: clamp(34px, 4vw, 48px);
}

.enotorio-articulista-articles-kicker {
    display: inline-block;

    margin-bottom: 9px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.7rem;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}

.enotorio-articulista-articles-title {
    margin: 0;

    color: #222;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(2rem, 3.6vw, 3.2rem);
    line-height: 1;
    font-weight: 700;

    letter-spacing: -0.025em;
}

/*====================================================================
  GRID DE ARTIGOS
====================================================================*/

.enotorio-articulista-articles-grid {
    display: grid;

    grid-template-columns:
        repeat(
        3,
        minmax(0, 1fr)
        );

    gap:
        clamp(34px, 4vw, 48px)
        clamp(20px, 2.5vw, 30px);
}

/*====================================================================
  CARD DE ARTIGO
====================================================================*/

.enotorio-articulista-article-card {
    min-width: 0;
}

/* IMAGEM */

.enotorio-articulista-article-media {
    display: block;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #e8e8e8;

    text-decoration: none;
}

.enotorio-articulista-article-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform .4s ease;
}

.enotorio-articulista-article-media:hover
.enotorio-articulista-article-image {

    transform: scale(1.035);
}

.enotorio-articulista-article-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #aaa;

    background: #ededed;
}

.enotorio-articulista-article-placeholder .bi {
    font-size: 2.5rem;
}

/*====================================================================
  CONTEÚDO DO ARTIGO
====================================================================*/

.enotorio-articulista-article-body {
    padding-top: 16px;
}

.enotorio-articulista-article-category {
    display: inline-block;

    margin-bottom: 9px;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: 0.62rem;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 0.1em;

    text-transform: uppercase;
}

.enotorio-articulista-article-title {
    margin: 0;

    font-family: var(--enotorio-font-serif);

    font-size: clamp(1.25rem, 1.6vw, 1.55rem);
    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.015em;
}

.enotorio-articulista-article-title a {
    color: #222;

    text-decoration: none;

    transition: color .18s ease;
}

.enotorio-articulista-article-title a:hover,
.enotorio-articulista-article-title a:focus-visible {
    color: var(--enotorio-accent);
}

.enotorio-articulista-article-excerpt {
    margin: 12px 0 0;

    color: #777;

    font-family: var(--enotorio-font-sans);

    font-size: 0.84rem;
    line-height: 1.55;
}

.enotorio-articulista-article-date {
    display: block;

    margin-top: 14px;

    color: #999;

    font-family: var(--enotorio-font-sans);

    font-size: 0.68rem;
    line-height: 1;
}

/*====================================================================
  SEM ARTIGOS
====================================================================*/

.enotorio-articulista-articles-empty {
    display: flex;

    align-items: center;

    gap: 12px;

    color: #777;
}

.enotorio-articulista-articles-empty .bi {
    color: var(--enotorio-accent);
}

.enotorio-articulista-articles-empty p {
    margin: 0;

    font-family: var(--enotorio-font-sans);

    font-size: 0.88rem;
}

/*====================================================================
  FOCO
====================================================================*/

.enotorio-articulista-back-link:focus-visible,
.enotorio-articulista-profile-social a:focus-visible,
.enotorio-articulista-article-media:focus-visible,
.enotorio-articulista-article-title a:focus-visible {

    outline: 2px solid var(--enotorio-accent);
    outline-offset: 3px;
}

/*====================================================================
  TABLET
====================================================================*/

@media (max-width: 991.98px) {

    .enotorio-articulista-articles-grid {
        grid-template-columns:
            repeat(
            2,
            minmax(0, 1fr)
            );
    }

}

/*====================================================================
  MOBILE
====================================================================*/

@media (max-width: 767.98px) {

    .enotorio-articulista-profile {
        padding-block: 42px 54px;
    }

    .enotorio-articulista-profile-media {
        width: min(100%, 360px);
    }

    .enotorio-articulista-profile-title {
        font-size: clamp(2.4rem, 12vw, 3.8rem);
    }

    .enotorio-articulista-profile-summary {
        font-size: 0.94rem;
    }

    .enotorio-articulista-bio-inner {
        padding-top: 34px;
    }

    .enotorio-articulista-articles-grid {
        grid-template-columns: 1fr;

        gap: 38px;
    }

}

/*====================================================================
  MOBILE PEQUENO
====================================================================*/

@media (max-width: 479.98px) {

    .enotorio-articulista-profile-social {
        align-items: stretch;
        flex-direction: column;
    }

    .enotorio-articulista-profile-social a {
        justify-content: flex-start;

        width: 100%;
    }

    .enotorio-articulista-bio-content {
        font-size: 1rem;
        line-height: 1.72;
    }

    .enotorio-articulista-article-title {
        font-size: 1.4rem;
    }

}

/* Perfil um pouco mais presente */
.enotorio-articulista-profile-grid {
    grid-template-columns:
        minmax(300px, 400px)
        minmax(0, 1fr);

    gap: clamp(38px, 4vw, 58px);

    align-items: center;
}

/* Texto mais próximo da foto */
.enotorio-articulista-profile-content {
    max-width: 650px;
}

/* Sobre com um pouco mais de largura */
.enotorio-articulista-bio-inner {
    max-width: 980px;
}

/* Estado vazio dos artigos mais elegante */
.enotorio-articulista-articles-empty {
    min-height: 90px;

    padding: 24px 28px;

    border: 1px solid var(--enotorio-border);

    background: #fff;
}

/* Dá um pouco mais de presença ao ícone */
.enotorio-articulista-articles-empty .bi {
    font-size: 1.5rem;
}

.enotorio-articulista-card-footer {
    justify-content: space-between;

    gap: 14px;

    min-height: 30px;
}

.enotorio-articulista-card-more {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    min-height: 30px;

    color: #333;

    font-family: var(--enotorio-font-sans);

    font-size: 0.75rem;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;

    transition: color .18s ease;
}

.enotorio-articulista-card-social {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 14px;
}

.enotorio-articulista-card-footer {
    display: flex;
    align-items: center;

    margin-top: auto;
    padding-top: 20px;
}

/*====================================================================
  ARTICULISTA - CARREGAR MAIS
====================================================================*/

.enotorio-articulista-load-more-wrap {
    display: flex;
    justify-content: center;

    margin-top: clamp(38px, 5vw, 58px);
}

.enotorio-articulista-load-more {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 44px;

    padding: 0 22px;

    border: 1px solid var(--enotorio-accent);

    background: transparent;

    color: var(--enotorio-accent);

    font-family: var(--enotorio-font-sans);

    font-size: .9rem;
    line-height: 1;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .18s ease,
        color .18s ease;
}

.enotorio-articulista-load-more:hover,
.enotorio-articulista-load-more:focus-visible {
    background: var(--enotorio-accent);

    color: #fff;
}

.enotorio-articulista-load-more .bi {
    font-size: 0.85rem;

    transition: transform .18s ease;
}

.enotorio-articulista-load-more:hover .bi {
    transform: translateY(3px);
}

.enotorio-articulista-load-more.is-loading {
    cursor: wait;
    opacity: .75;
}

.enotorio-articulista-load-more.is-loading .bi {
    animation: enotorio-spin .8s linear infinite;
}

@keyframes enotorio-spin {

    to {
        transform: rotate(360deg);
    }

}

/*====================================================================
  TAXONOMIA UF - IDENTIDADE DO ESTADO
====================================================================*/

/*--------------------------------------------------------------------
  LINHA SUPERIOR COM AS CORES DA UF
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
  LUZ MUITO SUTIL NO FUNDO
--------------------------------------------------------------------*/

.enotorio-uf-faixa::after {

    /* zera completamente o efeito antigo */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: auto;

    transform: none;
}

/*--------------------------------------------------------------------
  CONTEÚDO
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
  NOME DO ESTADO
--------------------------------------------------------------------*/

/*====================================================================
  TAXONOMIA UF - IDENTIDADE DO ESTADO
====================================================================*/

/*--------------------------------------------------------------------
  FAIXA PRINCIPAL
--------------------------------------------------------------------*/

.enotorio-uf-faixa {
    position: relative;

    isolation: isolate;

    overflow: hidden;

    padding:
        clamp(30px, 3.5vw, 46px)
        0;

    background:
        #292b2d;

    border-bottom:
        1px solid rgba(0, 0, 0, .15);
}

/*--------------------------------------------------------------------
  LINHA SUPERIOR - CORES DA BANDEIRA
--------------------------------------------------------------------*/

.enotorio-uf-faixa::before {
    content: "";

    position: absolute;

    z-index: 3;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
        90deg,

        var(--uf-color-1) 0%,
        var(--uf-color-1) 30%,

        var(--uf-color-2) 48%,
        var(--uf-color-2) 52%,

        var(--uf-color-3) 70%,
        var(--uf-color-3) 100%
        );

    pointer-events: none;
}

/*--------------------------------------------------------------------
  LUZ / GRADIENTE DAS CORES DO ESTADO
--------------------------------------------------------------------*/

.enotorio-uf-faixa::after {
    content: "";

    position: absolute;

    z-index: 1;

    inset: 0;

    background:
        linear-gradient(
        90deg,

        var(--uf-color-1) 0%,

        var(--uf-color-2) 50%,

        var(--uf-color-3) 100%
        );

    opacity: .18;

    pointer-events: none;
}

/*--------------------------------------------------------------------
  CONTEÚDO
--------------------------------------------------------------------*/

.enotorio-uf-faixa-inner {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    text-align: center;
}

/*--------------------------------------------------------------------
  NOME DO ESTADO
--------------------------------------------------------------------*/

.enotorio-uf-faixa-titulo {
    display: flex;

    align-items: center;
    justify-content: center;

    gap:
        clamp(16px, 2.5vw, 32px);

    width: 100%;

    margin: 0;

    color:
        #f7f5f0;

    font-family:
        var(--enotorio-font-serif);

    font-size:
        clamp(2rem, 3.3vw, 3rem);

    line-height: 1;

    font-weight: 600;

    font-style: italic;

    letter-spacing:
        .015em;

    text-transform:
        uppercase;
}

/*--------------------------------------------------------------------
  LINHAS DECORATIVAS AO LADO DO NOME
--------------------------------------------------------------------*/

.enotorio-uf-faixa-titulo::before,
.enotorio-uf-faixa-titulo::after {
    content: "";

    display: block;

    flex-shrink: 0;

    width:
        clamp(45px, 8vw, 115px);

    height: 1px;

    opacity: .65;
}

.enotorio-uf-faixa-titulo::before {
    background:
        linear-gradient(
        90deg,

        transparent,

        var(--uf-color-1)
        );
}

.enotorio-uf-faixa-titulo::after {
    background:
        linear-gradient(
        90deg,

        var(--uf-color-3),

        transparent
        );
}

/*--------------------------------------------------------------------
  RESPONSIVO
--------------------------------------------------------------------*/

@media (max-width: 575.98px) {

    .enotorio-uf-faixa {
        padding:
            27px
            0;
    }

    .enotorio-uf-faixa-titulo {
        gap:
            13px;

        font-size:
            clamp(1.75rem, 8vw, 2.2rem);
    }

    .enotorio-uf-faixa-titulo::before,
    .enotorio-uf-faixa-titulo::after {
        width:
            32px;
    }

}

/* =========================================================
   DESTAQUE PRINCIPAL
   ========================================================= */

.enotorio-feature-main {
    height: 435px;
    overflow: hidden;
}

.enotorio-feature-main-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.enotorio-feature-main-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

/* =========================================================
   CARDS LATERAIS
   ========================================================= */

.enotorio-feature-secondary {
    overflow: hidden;
}

.enotorio-feature-secondary-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    min-height: 152px;
    height: 152px;
    text-decoration: none;
}

.enotorio-feature-secondary-content {
    min-width: 0;
    overflow: hidden;
    padding: 16px;
}

.enotorio-feature-secondary-media {
    display: block;
    width: 170px;
    height: 100%;
    overflow: hidden;
}

.enotorio-feature-secondary-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

.enotorio-feature-secondary-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Tablet */
@media (max-width: 991.98px) {
    .enotorio-feature-main {
        height: 400px;
    }

    .enotorio-feature-secondary-link {
        grid-template-columns: minmax(0, 1fr) 150px;
        min-height: 145px;
        height: 145px;
    }

    .enotorio-feature-secondary-media {
        width: 150px;
    }
}

/* Celular */
@media (max-width: 767.98px) {
    .enotorio-feature-main {
        height: initial;
    }

    .enotorio-feature-secondary-link {
        grid-template-columns: minmax(0, 1fr) 120px;
        min-height: 120px;
        height: 120px;
    }

    .enotorio-feature-secondary-content {
        padding: 12px;
    }

    .enotorio-feature-secondary-media {
        width: 120px;
    }

    .enotorio-feature-secondary-title {
        -webkit-line-clamp: 3;
    }
}

/*====================================================================
  HOME - VÍDEOS INTERATIVOS
====================================================================*/

.home-video-thumb {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    background: none;

    cursor: pointer;

    text-align: left;
}

.home-video-title-button {
    display: inline;

    margin: 0;
    padding: 0;

    border: 0;

    background: none;

    color: inherit;

    font: inherit;

    text-align: left;

    cursor: pointer;
}

.home-video-title-button:hover {
    color: var(--enotorio-accent);
}

.home-video-thumb {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.home-video-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ============================================================
   VÍDEOS - INDICADOR DE ITEM ATIVO
   ============================================================ */

[data-enotorio-video-item-title] {
    display: inline-block;
}

[data-enotorio-video-item].is-playing [data-enotorio-video-item-title]::after {
    content: " (ativo)";
    display: inline-block;
    margin-left: 4px;

    color: #36a5aa;
    font-size: .92em;
    font-weight: 600;
    font-style: normal;
}

/*====================================================================
  HOME - VÍDEOS - VER TODOS
====================================================================*/

.home-videos-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.home-videos-ver-todos {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #222;

    font-family: var(--enotorio-font-sans);

    font-size: .78rem;
    line-height: 1;

    font-weight: 600;

    text-decoration: none;

    white-space: nowrap;

    transition:
        color .18s ease;
}

.home-videos-ver-todos:hover {
    color: var(--enotorio-accent);
}

.home-videos-ver-todos .bi {
    font-size: .72rem;

    transition:
        transform .18s ease;
}

.home-videos-ver-todos:hover .bi {
    transform:
        translateX(3px);
}

/*====================================================================
  ARCHIVE - VÍDEOS
====================================================================*/

.enotorio-videos-page {
    background: #fff;
}

.enotorio-videos-archive {
    padding:
        clamp(52px, 6vw, 82px)
        0;
}

/*--------------------------------------------------------------------
  CABEÇALHO
--------------------------------------------------------------------*/

.enotorio-videos-archive-header {
    max-width: 760px;

    margin-bottom:
        clamp(34px, 5vw, 54px);
}

.enotorio-videos-archive-kicker {
    display: block;

    margin-bottom: 10px;

    color: #e5242a;

    font-family: var(--enotorio-font-sans);

    font-size: .72rem;
    font-weight: 800;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.enotorio-videos-archive-title {
    margin: 0;

    color: #191919;

    font-family: var(--enotorio-font-serif);

    font-size:
        clamp(2.5rem, 5vw, 4rem);

    line-height: 1;

    font-weight: 700;

    letter-spacing: -.035em;
}

.enotorio-videos-archive-intro {
    max-width: 650px;

    margin: 16px 0 0;

    color: #666;

    font-family: var(--enotorio-font-sans);

    font-size: 1rem;

    line-height: 1.6;
}

/*--------------------------------------------------------------------
  GRID
--------------------------------------------------------------------*/

.enotorio-videos-archive-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        clamp(32px, 4vw, 48px)
        clamp(22px, 3vw, 32px);
}

/*--------------------------------------------------------------------
  CARD
--------------------------------------------------------------------*/

.enotorio-video-archive-card {
    min-width: 0;
}

/*--------------------------------------------------------------------
  IMAGEM
--------------------------------------------------------------------*/

.enotorio-video-archive-media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .28s ease,
        opacity .28s ease;
}

.enotorio-video-archive-media:hover img {
    transform: scale(1.025);

    opacity: .88;
}

/*--------------------------------------------------------------------
  PLAY
--------------------------------------------------------------------*/

.enotorio-video-archive-play {
    position: absolute;

    top: 50%;
    left: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    transform:
        translate(-50%, -50%);

    border-radius: 50%;

    background: #e62117;

    color: #fff;

    box-shadow:
        0 6px 22px rgba(0, 0, 0, .22);

    transition:
        transform .2s ease;
}

.enotorio-video-archive-play .bi {
    margin-left: 3px;

    font-size: 1.7rem;

    line-height: 1;
}

.enotorio-video-archive-media:hover
.enotorio-video-archive-play {
    transform:
        translate(-50%, -50%)
        scale(1.08);
}

/*--------------------------------------------------------------------
  DATA
--------------------------------------------------------------------*/

.enotorio-video-archive-date {
    display: block;

    margin-bottom: 7px;

    color: #999;

    font-family: var(--enotorio-font-sans);

    font-size: .72rem;
}

/*--------------------------------------------------------------------
  TÍTULO
--------------------------------------------------------------------*/

.enotorio-video-archive-card-title {
    margin: 0;

    font-family: var(--enotorio-font-serif);

    font-size:
        clamp(1.2rem, 1.8vw, 1.5rem);

    line-height: 1.12;

    font-weight: 700;
}

.enotorio-video-archive-card-title a {
    color: #171717;

    text-decoration: none;
}

.enotorio-video-archive-card-title a:hover {
    color: #e5242a;
}

/*--------------------------------------------------------------------
  RESUMO
--------------------------------------------------------------------*/

.enotorio-video-archive-summary {
    margin: 11px 0 0;

    color: #666;

    font-family: var(--enotorio-font-sans);

    font-size: .86rem;

    line-height: 1.55;
}

/*--------------------------------------------------------------------
  CTA
--------------------------------------------------------------------*/

.enotorio-video-archive-link {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: 15px;

    color: #222;

    font-family: var(--enotorio-font-sans);

    font-size: .75rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        color .18s ease;
}

.enotorio-video-archive-link:hover {
    color: #e5242a;
}

/*--------------------------------------------------------------------
  PAGINAÇÃO
--------------------------------------------------------------------*/

.enotorio-videos-pagination {
    margin-top:
        clamp(50px, 6vw, 75px);
}

/*--------------------------------------------------------------------
  EMPTY
--------------------------------------------------------------------*/

.enotorio-videos-empty {
    padding: 35px;

    border: 1px solid var(--enotorio-border);

    text-align: center;
}

.enotorio-videos-empty .bi {
    display: block;

    margin-bottom: 8px;

    font-size: 1.8rem;
}

.enotorio-videos-empty p {
    margin: 0;
}

/*--------------------------------------------------------------------
  RESPONSIVO
--------------------------------------------------------------------*/

@media (max-width: 991.98px) {

    .enotorio-videos-archive-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 575.98px) {

    .enotorio-videos-archive-grid {
        grid-template-columns:
            1fr;
    }

}

.enotorio-video-archive-media {
    position: relative;

    display: block;

    overflow: hidden;

    aspect-ratio: 16 / 9;

    margin-bottom: 18px;

    background: #111;
}

.enotorio-video-archive-trigger {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    background: none;

    cursor: pointer;
}

.enotorio-video-archive-trigger img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .28s ease,
        opacity .28s ease;
}

.enotorio-video-archive-trigger:hover img {
    transform: scale(1.025);

    opacity: .88;
}

/* PLAYER DEPOIS DO CLIQUE */

.enotorio-video-archive-media iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}

.home-videos-titulo a {
    color: inherit;
    text-decoration: none;

    transition:
        color .18s ease;
}

.home-videos-titulo a:hover {
    color: #e5242a;
}

.home-videos-titulo a {
    cursor: pointer;
}

.home-eventos-titulo a {
    color: inherit;
    text-decoration: none;

    transition:
        color .18s ease;
}

.home-eventos-titulo a:hover {
    color: #6fb7e8;
}

.home-opiniao-titulo a {
    color: inherit;
    text-decoration: none;

    transition:
        color .18s ease;
}

.home-opiniao-titulo a:hover {
    color: var(--enotorio-accent);
}

/*====================================================================
  MOBILE - NOVO CABEÇALHO + DESTAQUES
====================================================================*/

/*--------------------------------------------------------------------
  CABEÇALHO MOBILE
--------------------------------------------------------------------*/

.enotorio-mobile-header {
    display: none;
}

@media (max-width: 767.98px) {

    /* ================================================================
       ESCONDE A ESTRUTURA DESKTOP
       ================================================================ */

    .enotorio-topbar,
    .enotorio-brand-row,
    .enotorio-primary-nav {
        display: none !important;
    }

    /* ================================================================
       HEADER MOBILE
       ================================================================ */

    .enotorio-mobile-header-inner {
        display: grid;
    }

    /* ================================================================
       MENU
       ================================================================ */

    .enotorio-mobile-menu-button {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        justify-self: start;

        margin: 0;
        padding: 0;

        border: 0;

        background: transparent;

        color: #999;

        transition:
            color .18s ease;
    }

    .enotorio-mobile-menu-button:hover,
    .enotorio-mobile-menu-button:focus-visible {
        color:
            var(--enotorio-accent);
    }

    /* ================================================================
       LOGO
       ================================================================ */

    .enotorio-mobile-brand {
        justify-self: center;
    }

    .enotorio-mobile-site-name {
        color: #111;

        font-family:
            var(--enotorio-font-serif);

        font-size: 1.35rem;

        font-weight: 700;

        text-decoration: none;
    }

    /* ================================================================
       AÇÕES
       ================================================================ */

    .enotorio-mobile-actions {
        display: flex;

        align-items: center;
        justify-content: flex-end;

        justify-self: end;

        gap: 10px;
    }

    .enotorio-mobile-actions a,
    .enotorio-mobile-search-button {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 24px;
        height: 30px;

        margin: 0;
        padding: 0;

        border: 0;

        background: transparent;

        color: #aaa;

        font-size: .9rem;
        line-height: 1;

        text-decoration: none;

        transition:
            color .18s ease;
    }

    .enotorio-mobile-actions a:hover,
    .enotorio-mobile-actions a:focus-visible,
    .enotorio-mobile-search-button:hover,
    .enotorio-mobile-search-button:focus-visible {
        color:
            var(--enotorio-accent);
    }

    /* ================================================================
       DESTAQUES
       ================================================================ */

    .enotorio-home-destaques {
        padding-top: 0px;
        padding-bottom: 24px;
        padding-left: 8px;
        padding-right: 8px;
    }

    /*
     * O Bootstrap g-4 gera muito espaço vertical
     * no celular. Deixamos mais editorial/compacto.
     */
    .enotorio-home-destaques .row.g-4 {
        --bs-gutter-y: 12px;
    }

    /* ================================================================
       PUBLICIDADE DEPOIS DO DESTAQUE
       ================================================================ */

    .enotorio-mobile-feature-ad-col {
        margin-top: 0;
    }

    .enotorio-mobile-feature-ad {
        position: relative;

        width: 100%;

        margin: 0;

        background: transparent;

        padding:10px 0;
    }

    .enotorio-mobile-feature-ad-label {
        display: block;

        margin-bottom: 4px;

        color: #999;

        font-family:
            var(--enotorio-font-sans);

        font-size: .42rem;
        line-height: 1;

        font-weight: 700;

        letter-spacing: .28em;

        text-align: right;

        text-transform: uppercase;
    }

    .enotorio-mobile-feature-ad .carousel,
    .enotorio-mobile-feature-ad .carousel-inner,
    .enotorio-mobile-feature-ad .carousel-item,
    .enotorio-mobile-feature-ad a {
        display: block;

        width: 100%;
    }

    .enotorio-mobile-feature-ad-image {
        display: block;

        width: 100%;
        height: auto;
    }

/*====================================================================
  MOBILE - HEADER FIXO
====================================================================*/

    /*
     * Como o header mobile sai do fluxo com position: fixed,
     * reservamos a altura dele no cabeçalho.
     */

    .enotorio-mobile-header {
        position: fixed;

        top: 0;
        right: 0;
        left: 0;

        z-index: 1035;

        display: block;

        background: rgba(255, 255, 255, .98);

        border-bottom:
            1px solid
            var(--enotorio-border);

        box-shadow:
            0 5px 18px
            rgba(0, 0, 0, .08);
    }

    /*
     * WordPress Admin Bar.
     */
    body.admin-bar .enotorio-mobile-header {
        top: 46px;
    }

    /*
     * A busca antiga pertence ao header desktop.
     * No mobile usamos #busca-mobile.
     */
    #busca-cabecalho {
        display: none !important;
    }

/*====================================================================
  MOBILE - BUSCA DO HEADER
====================================================================*/

    .enotorio-mobile-search-panel {
        border-top:
            1px solid
            #ededed;

        background: #fff;
    }

    .enotorio-mobile-search-form {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            42px;

        gap: 8px;

        padding:
            10px
            0
            12px;
    }

    .enotorio-mobile-search-form .form-control {
        height: 40px;

        border-color: #ddd;
        border-radius: 0;

        font-size: .86rem;

        box-shadow: none;
    }

    .enotorio-mobile-search-form .form-control:focus {
        border-color:
            var(--enotorio-accent);

        box-shadow: none;
    }

    .enotorio-mobile-search-form .btn {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 42px;
        height: 40px;

        padding: 0;

        border-radius: 0;
    }

}

/* ============================================================
   MOBILE - ÍCONE DA BUSCA ABERTA / FECHADA
   ============================================================ */

.enotorio-mobile-search-button
.enotorio-search-icon-close {
    display: none;
}

.enotorio-mobile-search-button[aria-expanded="true"]
.enotorio-search-icon-open {
    display: none;
}

.enotorio-mobile-search-button[aria-expanded="true"]
.enotorio-search-icon-close {
    display: inline-block;
}

/*====================================================================
  DESTAQUE PRINCIPAL - MOBILE
  FOTO EM CIMA / CONTEÚDO EMBAIXO
====================================================================*/

@media (max-width: 767.98px) {

    .enotorio-feature-main {
        background: #fff;
    }

    .enotorio-feature-main-link {
        display: block;

        color: inherit;
        text-decoration: none;

        background: #fff;
    }

    /* ---------------------------------------------------------------
       FOTO
       --------------------------------------------------------------- */

    .enotorio-feature-main-image {
        position: relative;

        display: block;

        width: 100%;
        height: auto;

        aspect-ratio: 16 / 10;

        object-fit: cover;
        object-position: center;

        margin: 0;
    }

    /* ---------------------------------------------------------------
       NÃO PRECISAMOS MAIS DO GRADIENTE
       --------------------------------------------------------------- */

    .enotorio-feature-main-overlay {
        display: none;
    }

    /* ---------------------------------------------------------------
       CONTEÚDO SAI DE CIMA DA FOTO
       --------------------------------------------------------------- */

    /* ---------------------------------------------------------------
       CATEGORIA
       --------------------------------------------------------------- */

    .enotorio-feature-category {
        display: inline-block;
    }

    /* ---------------------------------------------------------------
       MANCHETE
       --------------------------------------------------------------- */

    /* ---------------------------------------------------------------
       RESUMO
       --------------------------------------------------------------- */

    .enotorio-feature-main-excerpt {
        display: -webkit-box;

        margin:
            0
            0
            12px;

        color: #666;

        font-size: .79rem;
        line-height: 1.4;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        overflow: hidden;

        text-shadow: none;
    }

    /* ---------------------------------------------------------------
       DATA
       --------------------------------------------------------------- */

    .enotorio-feature-date {
        display: block;

        color: #888;

        font-size: .68rem;

        text-shadow: none;
    }

    .enotorio-feature-main-content {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;

        display: block;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 25px 25px 25px 25px;

        background: #fff;

        color: #222;

        transform: none !important;
    }

    .enotorio-feature-category {
        margin-bottom: 6px;
    }

    .enotorio-feature-main-title {
        margin: 0;

        font-size:
            clamp(
            1.25rem,
            5.4vw,
            1.55rem
            );

        line-height: 1.02;

        color: #222;

        text-shadow: none;
    }

    .enotorio-feature-main-excerpt,
    .enotorio-feature-main .enotorio-feature-date {
        display: none;
    }

/*====================================================================
  MOBILE - AJUSTE FINAL DO HEADER
====================================================================*/

    .category-page{
        margin-top:0px;
        padding: 0 8px;
    }

    /* espaço reservado para o header mobile fixo */
    .enotorio-header {
        padding-top: 78px;
    }

    /* faixa branca do header */
    .enotorio-mobile-header-inner {
        grid-template-columns: 44px 1fr 44px;
        align-items: center;
    }

    /* botão do menu */
    .enotorio-mobile-menu-button {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }

    /* logo */
    .enotorio-mobile-brand {
        width: clamp(175px, 50vw, 220px);
    }

    .enotorio-mobile-brand .custom-logo-link {
        display: block;
        width: 100%;
    }

    .enotorio-mobile-brand .custom-logo {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
    }

    /* botão de busca */
    .enotorio-mobile-search-button {
        width: 40px;
        height: 40px;
        font-size: 1.12rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* se houver ícones sociais nessa mesma faixa */
    .enotorio-mobile-header .social-icon,
    .enotorio-mobile-header .bi {
        font-size: 1.5rem;
    }
}

.enotorio-mobile-header-inner {
    min-height: 82px;
    padding: 12px 0;
}

/*====================================================================
  PAGINAÇÃO - BUSCA / ARQUIVOS
====================================================================*/

.navigation.pagination {
    margin-top: 36px;
}

.navigation.pagination .nav-links {
    display: flex;

    flex-wrap: wrap;
    align-items: center;

    gap: 7px;
}

.navigation.pagination .page-numbers {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;

    padding: 0 12px;

    border:
        1px solid
        var(--enotorio-border);

    background: #fff;

    color: #222;

    font-family:
        var(--enotorio-font-sans);

    font-size: .78rem;
    line-height: 1;

    font-weight: 700;

    text-decoration: none;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.navigation.pagination a.page-numbers:hover,
.navigation.pagination a.page-numbers:focus-visible {
    border-color:
        var(--enotorio-accent);

    background:
        var(--enotorio-accent);

    color: #fff;
}

.navigation.pagination .page-numbers.current {
    border-color:
        var(--enotorio-accent);

    background:
        var(--enotorio-accent);

    color: #fff;
}

.navigation.pagination .page-numbers.dots {
    min-width: auto;

    padding: 0 5px;

    border: 0;

    background: transparent;

    color: #888;
}

.navigation.pagination .prev,
.navigation.pagination .next {
    padding:
        0
        15px;
}

/*====================================================================
  PAGINAÇÃO - MOBILE
====================================================================*/

@media (max-width: 767.98px) {

    .navigation.pagination {
        margin-top: 28px;
    }

    .navigation.pagination .nav-links {
        gap: 5px;
    }

    .navigation.pagination .page-numbers {
        min-width: 34px;
        height: 34px;

        padding: 0 10px;

        font-size: .72rem;
    }

    .navigation.pagination .prev,
    .navigation.pagination .next {
        padding:
            0
            11px;
    }

}

/* ============================================================
   HEADER - BANNER FULL APÓS O MENU
   ============================================================ */

.enotorio-header-banner-full {
    width: 100%;
    padding: 30px 0 0 0;
    background: #ffffff;
}

/* CONTAINER DO BANNER */

.enotorio-header-banner-inner {
    position: relative;
    width: 100%;
}

/* PUBLICIDADE */

.enotorio-header-banner-full .enotorio-sponsored-label {
    display: block;

    margin-bottom: 6px;

    font-size: 8px;
    line-height: 1;
    letter-spacing: 4px;

    text-align: right;
    text-transform: uppercase;

    color: #999999;
}

/* CARROSSEL */

.enotorio-header-banner-carousel {
    width: 100%;
    box-shadow: 0 0 15px #dfdfdf;

}

/* SLIDES */

.enotorio-header-banner-carousel .carousel-item {
    width: 100%;
}

/* LINK */

.enotorio-header-banner-link {
    display: block;
    width: 100%;
}

/* IMAGEM */

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

        .enotorio-latest-heading{flex-direction: row; max-height: fit-content;}
.enotorio-latest-icon{font-size:1.5rem; margin-bottom:0; margin-right:10px;}

    .enotorio-header-banner-full {
        padding: 28px 8px;
    }

    .enotorio-header-banner-full .enotorio-sponsored-label {
        margin-bottom: 5px;

        font-size: 7px;
        letter-spacing: 3px;
    }

}

/* ============================================================
   HEADER DESKTOP - LOGO + AÇÕES
   ============================================================ */

@media (min-width: 768px) {

    .enotorio-header .enotorio-brand-row {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        min-height: 125px;

        padding-top: 32px;
        padding-bottom: 32px;
    }

    /* ========================================================
       LOGO
       ======================================================== */

    .enotorio-header .enotorio-brand {
        display: flex;
        align-items: center;

        flex: 0 0 auto;

        width: auto;

        margin: 0 !important;
        padding: 0;
    }

    /* ========================================================
       AÇÕES
       ======================================================== */

    .enotorio-brand-actions {
        display: flex;
        align-items: center;

        gap: 24px;

        margin-left: auto;
    }

    /* REDES SOCIAIS */

    .enotorio-brand-social a {

        font-size: 22px;

        color: #999;
    }

    .enotorio-brand-social a:hover {
        color:#333;
    }

    /* ========================================================
       BUSCA
       ======================================================== */

}

.enotorio-header .enotorio-brand .custom-logo-link {
    display: block;

    width: 300px;

    margin: 0 !important;
    padding: 0;
}

.enotorio-header .enotorio-brand .custom-logo {
    display: block;

    width: 300px;
    height: auto;

    max-width: none;

    margin: 0;
}

.enotorio-header-banner-image {
    display: block;

    width: 100%;
    height: auto;

    max-height: 350px;

    margin: 0 auto;

    object-fit: contain;
}

/* ============================================================
   HEADER DESKTOP - BUSCA EXPANSÍVEL
   ============================================================ */

@media (min-width: 768px) {

    /* FORMULÁRIO
       O lado direito permanece "ancorado".
       Quando aumenta, cresce para a esquerda.
    */

    .enotorio-brand-search-form {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        position: relative;

        width: 42px;
        height: 42px;

        margin: 0;

        transition:
            width .35s ease;
    }

    /* ========================================================
       CAMPO
       ======================================================== */

    .enotorio-brand-search-field {
        display: flex;
        align-items: center;

        width: 0;

        overflow: hidden;

        opacity: 0;

        transform: translateX(15px);

        transition:
            width .35s ease,
            opacity .2s ease,
            transform .35s ease;
    }

    .enotorio-brand-search-input {
        display: block;

        width: 100%;
        height: 38px;

        padding: 0 8px;

        border: 0;
        border-bottom: 1px solid #1e1d2d;

        outline: none;
        background: transparent;

        font-size: 14px;
        line-height: 38px;

        color: #1e1d2d;
    }

    .enotorio-brand-search-input::placeholder {
        color: #999;
    }

    /* ========================================================
       BOTÃO
       ======================================================== */

    .enotorio-brand-search {

        gap: 8px;

        font-size: 15px;
        line-height: 1;
        font-weight: 600;
    }

    /* ========================================================
       BUSCA ABERTA
       ======================================================== */

    .enotorio-brand-search-form.is-open {
        width: 300px;
    }

    .enotorio-brand-search-form.is-open
    .enotorio-brand-search-field {
        width: 220px;

        opacity: 1;

        transform: translateX(0);
    }

    /* Ao abrir, some o texto "Buscar".
       Fica somente o ícone no extremo direito.
    */

    .enotorio-brand-search-form.is-open
    [data-enotorio-header-search-label] {
        display: none;
    }

}

.enotorio-brand-search-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    position: relative;

    margin-left: 4px;
    padding-left: 20px;

    border-left: 1px solid #d8d8d8;
}

.enotorio-brand-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #1e1d2d;

    cursor: pointer;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.enotorio-brand-search-form.is-open
.enotorio-brand-search {
    color: #c62828;
}

.enotorio-brand-search:hover {
    color: #c62828;
    opacity: 1;
}

.enotorio-brand-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    line-height: 1;

    text-decoration: none;

    transition: all linear .2s;
}

.enotorio-brand-search i {
    font-size: 24px;
    line-height: 1;
}

.enotorio-brand-social {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* ============================================================
   DRAWER MOBILE - REDES SOCIAIS NO RODAPÉ
   ============================================================ */

.enotorio-drawer-social {
    display: none;
}

@media (max-width: 767.98px) {

    /*
     * Faz a tela principal do drawer trabalhar
     * verticalmente, permitindo empurrar as redes
     * para o final.
     */

    /* ========================================================
       REDES SOCIAIS
       ======================================================== */

    .enotorio-drawer-social-links a {

        width: 34px;
        height: 34px;
        border-radius: 50%;
        line-height: 1;
        background: #ffffff;
    }

/* ============================================================
   DRAWER MOBILE - REDES SOCIAIS
   ============================================================ */

    .enotorio-drawer-screen-menu {
        display: flex;
        flex-direction: column;

        min-height: calc(100dvh - 56px);
    }

    .enotorio-drawer-social {
        display: block;

        margin-top: auto;
        padding: 0;

        border-top: 0;

        text-align: right;
    }

    /* TÍTULO + LINHA */

    .enotorio-drawer-social-title {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        gap: 12px;

        width: 100%;

        margin-bottom: 12px;

        font-size: 14px;
        line-height: 1;
        font-weight: 500;

        letter-spacing: 0;
        text-transform: none;

        color: #222222;
    }

    .enotorio-drawer-social-title::after {
        content: "";

        flex: 1;

        height: 1px;

        background: #dedede;
    }

    /* ÍCONES */

    .enotorio-drawer-social-links {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        gap: 8px;
    }

    .enotorio-drawer-social-links a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        color: #333333;
        border:none;
        text-decoration: none;
        transition:
            color .2s ease,
            border-color .2s ease,
            background-color .2s ease;
    }

    .enotorio-drawer-social-links a:hover,
    .enotorio-drawer-social-links a:focus-visible {
        color: #ffffff;
        border-color: #222222;
        background: #222222;
    }

}

/* ============================================================
   AVISO DE COOKIES / PRIVACIDADE
   ============================================================ */

.enotorio-cookie-notice {
    border-radius: 10px;
    border:3px solid #222;
    position: fixed;

    left: 50%;
    bottom: 22px;

    z-index: 99999;

    width: calc(100% - 40px);
    max-width: 1335px;

    transform:
        translate(-50%, 25px);

    visibility: hidden;
    opacity: 0;

    background: rgba(36, 36, 36, .95);

    box-shadow:
        0 4px 18px rgba(0, 0, 0, .22);

    transition:
        opacity .3s ease,
        transform .3s ease,
        visibility .3s ease;
}

.enotorio-cookie-notice.is-visible {
    visibility: visible;
    opacity: 1;

    transform:
        translate(-50%, 0);
}

.enotorio-cookie-notice-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    min-height: 68px;

    padding-top: 15px;
    padding-bottom: 15px;
}

.enotorio-cookie-notice-text {
    flex: 1;

    margin: 0;

    font-size: 13px;
    line-height: 1.55;

    color: #ffffff;
}

.enotorio-cookie-notice-text a {
    color: #ffffff;

    font-weight: 600;
    text-decoration: underline;
}

.enotorio-cookie-notice-text a:hover {
    opacity: .8;
}

/* BOTÃO */

.enotorio-cookie-notice-button {
    flex: 0 0 auto;

    min-width: 118px;
    height: 42px;

    padding: 0 28px;

    border: 0;
    border-radius: 0;

    background: #e4b82d;

    color: #181818;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.enotorio-cookie-notice-button:hover {
    opacity: .9;

    transform: translateY(-1px);
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .enotorio-cookie-notice {
        bottom: 10px;

        width: calc(100% - 20px);
    }

    .enotorio-cookie-notice-inner {
        gap: 16px;

        padding-top: 13px;
        padding-bottom: 13px;
    }

    .enotorio-cookie-notice-text {
        font-size: 11px;
        line-height: 1.45;
    }

    .enotorio-cookie-notice-button {
        min-width: 72px;
        height: 38px;

        padding: 0 16px;

        font-size: 12px;
    }

}

/* ============================================================
   PÁGINAS INTERNAS
   ============================================================ */

.enotorio-page {
    padding: 55px 0 80px;
}

.enotorio-page-inner {
    width: 100%;
    max-width: 920px;

    margin: 0 auto;
}

/* CABEÇALHO */

.enotorio-page-header {
    margin-bottom: 34px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e5e5e5;
}

.enotorio-page-title {
    margin: 0;

    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.08;

    font-weight: 700;

    color: #1d1d1d;
}

/* IMAGEM DESTACADA */

.enotorio-page-featured {
    margin: 0 0 38px;
}

.enotorio-page-featured-image {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 2px;
}

/* CONTEÚDO */

.enotorio-page-content {
    font-size: 17px;
    line-height: 1.8;

    color: #333;
}

.enotorio-page-content p {
    margin-bottom: 22px;
}

.enotorio-page-content h2,
.enotorio-page-content h3,
.enotorio-page-content h4 {
    margin-top: 42px;
    margin-bottom: 18px;

    font-family: Georgia, "Times New Roman", serif;

    line-height: 1.2;

    color: #202020;
}

.enotorio-page-content h2 {
    font-size: 30px;
}

.enotorio-page-content h3 {
    font-size: 24px;
}

.enotorio-page-content h4 {
    font-size: 20px;
}

.enotorio-page-content ul,
.enotorio-page-content ol {
    margin-bottom: 24px;

    padding-left: 24px;
}

.enotorio-page-content li {
    margin-bottom: 8px;
}

.enotorio-page-content a {
    color: #b62025;

    text-decoration: underline;

    text-underline-offset: 3px;
}

.enotorio-page-content a:hover {
    color: #8f1519;
}

.enotorio-page-content strong {
    font-weight: 700;
}

.enotorio-page-content blockquote {
    margin: 32px 0;

    padding: 6px 0 6px 22px;

    border-left: 4px solid #c62828;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
    line-height: 1.55;

    color: #444;
}

/* TABELAS */

.enotorio-page-content table {
    width: 100%;

    margin: 30px 0;

    border-collapse: collapse;
}

.enotorio-page-content th,
.enotorio-page-content td {
    padding: 12px 14px;

    border: 1px solid #ddd;

    vertical-align: top;
}

.enotorio-page-content th {
    background: #f5f5f5;

    font-weight: 700;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .enotorio-page {
        padding: 35px 0 55px;
    }

    .enotorio-page-header {
        margin-bottom: 26px;

        padding-bottom: 18px;
    }

    .enotorio-page-title {
        font-size: 34px;
    }

    .enotorio-page-content {
        font-size: 16px;
        line-height: 1.72;
    }

    .enotorio-page-content h2 {
        font-size: 26px;
    }

    .enotorio-page-content h3 {
        font-size: 22px;
    }

}

/* ============================================================
   FOOTER - TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 991.98px) {

    .enotorio-footer-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .enotorio-footer-ad-image {

        margin: 0 auto;
    }

}

/* ============================================================
   FOOTER - NOVA ESTRUTURA
   Logo / redes / contato em uma linha
   Conteúdo institucional + publicidade abaixo
   ============================================================ */

.enotorio-footer-main {
    background: #fff;
}

/* ============================================================
   FAIXA SUPERIOR
   ============================================================ */

.enotorio-footer-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 32px;
    padding: 38px 0 32px;
    border-bottom: 1px solid #e2e2e2;
}

.enotorio-footer-top-brand {
    justify-self: start;
}

.enotorio-footer-logo {
    display: inline-block;
}

.enotorio-footer-logo img {
    display: block;
    width: 100%;
    max-width: 230px;
    height: auto;
}

/* REDES */

.enotorio-footer-top-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.enotorio-footer-top-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #999;
    background: transparent;
    text-decoration: none;
    transition:
        color .2s ease,
        border-color .2s ease,
        background-color .2s ease;
}

.enotorio-footer-top-social a:hover,
.enotorio-footer-top-social a:focus-visible {
   color: #333;
}

.enotorio-footer-top-social i {
    font-size: 22px;
    line-height: 1;
}

/* CONTATO */

.enotorio-footer-top-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-self: end;
    gap: 8px;
}

.enotorio-footer-top-contact a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #353535;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

.enotorio-footer-top-contact a:hover {
    color: #000;
}

.enotorio-footer-top-contact i {
    width: 16px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
}

/* ============================================================
   CONTEÚDO
   ============================================================ */

.enotorio-footer-content-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        300px;
    gap: 48px;
    align-items: start;
    padding: 38px 0 46px;
}

.enotorio-footer-column h2 {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #282828;
}

.enotorio-footer-column ul,
.enotorio-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.enotorio-footer-column li,
.enotorio-footer-menu li {
    margin: 0 0 11px;
}

.enotorio-footer-column a,
.enotorio-footer-menu a {
    color: #4a4a4a;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
}

.enotorio-footer-column a:hover,
.enotorio-footer-menu a:hover {
    color: #000;
}

/* ============================================================
   PUBLICIDADE
   ============================================================ */

.enotorio-footer-ad {
    width: 100%;
    justify-self: end;
}

.enotorio-footer-ad-label {
    display: block;
    margin-bottom: 7px;
    font-size: 8px;
    line-height: 1;
    letter-spacing: 3px;
    text-align: right;
    text-transform: uppercase;
    color: #8d8d8d;
}

.enotorio-footer-ad-box,
.enotorio-footer-ad-carousel,
.enotorio-footer-ad-carousel .carousel-inner,
.enotorio-footer-ad-carousel .carousel-item {
    width: 100%;
}

.enotorio-footer-ad-box {
    max-width: 300px;
    margin-left: auto;
}

.enotorio-footer-ad-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.enotorio-footer-ad-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    max-width: 100%;
    aspect-ratio: 300 / 250;
    margin-left: auto;
    border: 1px dashed #d4d4d4;
    color: #999;
    background: #fff;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 991.98px) {

    .enotorio-footer-top {
        grid-template-columns: 1fr auto 1fr;
        gap: 22px;
        padding: 28px 0 24px;
    }

    .enotorio-footer-logo img {
        max-width: 185px;
    }

    .enotorio-footer-top-social {
        gap: 8px;
    }

    .enotorio-footer-top-social a {
        width: 30px;
        height: 30px;
    }

    .enotorio-footer-top-social i {
        font-size: 15px;
    }

    .enotorio-footer-top-contact {
        gap: 6px;
    }

    .enotorio-footer-top-contact a {
        font-size: 11px;
    }

    .enotorio-footer-content-grid {
        padding: 30px 0 36px;
    }

    .enotorio-footer-column h2 {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .enotorio-footer-column li,
    .enotorio-footer-menu li {
        margin-bottom: 9px;
    }

    .enotorio-footer-column a,
    .enotorio-footer-menu a {
        font-size: 11px;
    }

    .enotorio-footer-ad-placeholder {
        width: 210px;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .enotorio-footer-top {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 0;
        padding-top:0;
        padding-bottom:60px;
    }

    .enotorio-footer-top-brand,
    .enotorio-footer-top-social,
    .enotorio-footer-top-contact {
        justify-self: center;
    }

    .enotorio-footer-logo img {
        max-width: 210px;
    }

    .enotorio-footer-top-contact {
        align-items: center;
    }

    .enotorio-footer-content-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 30px 24px;
        padding: 30px 0 38px;
    }

    .enotorio-footer-ad {
        grid-column: 1 / -1;
        justify-self: center;
    }

    .enotorio-footer-ad-label {
        text-align: center;
    }

    .enotorio-footer-ad-box,
    .enotorio-footer-ad-placeholder {
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575.98px) {

    .enotorio-footer-content-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .enotorio-footer-content-grid {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            minmax(0, 1fr)
            210px;

        gap: 24px;

        align-items: start;
    }

    .enotorio-footer-ad {
        grid-column: auto !important;
        grid-row: auto !important;

        width: 100%;
        max-width: 210px;

        justify-self: end !important;
        align-self: start;
    }

    .enotorio-footer-ad-box {
        width: 100%;
        max-width: 210px;

        margin: 0;
    }

    .enotorio-footer-ad-image {
        display: block;

        width: 100%;
        height: auto;
    }

/* ============================================================
   DESTAQUES SECUNDÁRIOS - TABLET
   768px até 991.98px
   ============================================================ */

    /* ========================================================
       LISTA - 3 COLUNAS
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary-list {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        grid-template-rows: none !important;

        gap: 16px;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;
    }

    /* ========================================================
       CARD
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary {
        display: block;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;

        background: #fff;
    }

    /* ========================================================
       LINK
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary-link {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        grid-template-rows:
            120px auto !important;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;

        text-decoration: none;

        background: #fff;
    }

    /* ========================================================
       IMAGEM
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary-media {
        position: static !important;

        display: block !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        height: 120px !important;

        overflow: hidden;
    }

    .enotorio-home-destaques
    .enotorio-feature-secondary-image {
        position: static !important;

        display: block;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover;

        transform: none !important;
    }

    /* ========================================================
       TEXTO
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary-content {
        position: static !important;

        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        grid-column: 1 !important;
        grid-row: 2 !important;

        width: 100% !important;

        height: auto !important;
        min-height: 100px !important;

        padding: 12px 14px 15px;

        overflow: visible !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }

    /* ========================================================
       CATEGORIA
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-category--small {
        position: static !important;

        display: inline-block;

        margin: 0 0 8px;

        opacity: 1 !important;
        visibility: visible !important;
    }

    /* ========================================================
       TÍTULO
       ======================================================== */

    .enotorio-home-destaques
    .enotorio-feature-secondary-title {
        position: static !important;

        display: block !important;

        width: 100%;

        margin: 0;

        font-size: 15px;
        line-height: 1.25;

        color: #171717 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        transform: none !important;
    }

}

/* ============================================================
   FOOTER - PÁGINAS INTERNAS
   ============================================================ */

body:not(.home) .enotorio-footer-main {
    background: #f9f9f9;
}

/* ============================================================
   NOTÍCIAS REGIONAIS - SECUNDÁRIAS
   Mantém a mesma altura do destaque principal
   ============================================================ */

.enotorio-regional-secondary-list {
    display: grid;

    grid-template-rows:
        repeat(2, minmax(0, 1fr));

    gap: 16px;

    height: 100%;
}


.enotorio-regional-secondary {
    height: 100%;

    min-height: 0;
}


.enotorio-regional-secondary-link {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        160px;

    width: 100%;
    height: 100%;

    min-height: 0;

    overflow: hidden;
}


/* CONTEÚDO */

.enotorio-regional-secondary-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    min-width: 0;

    padding: 16px;
}


/* SLOT DA IMAGEM */

.enotorio-regional-secondary-media {
    display: block;

    width: 160px;
    height: 100%;

    overflow: hidden;
}


/* IMAGEM */

.enotorio-regional-secondary-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

/* ============================================================
   NOTÍCIAS REGIONAIS
   SECUNDÁRIAS COM ALTURAS IGUAIS
   ============================================================ */

@media (min-width: 768px) {

    .enotorio-regional-secondary-list {
        display: grid;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 16px;

        height: 100%;
        min-height: 430px;
        align-self: stretch;
    }

    .enotorio-regional-secondary {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .enotorio-regional-secondary-link {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(92px, 42%);
        width: 100%;
        height: 100%;
        min-height: 0;
    }

    .enotorio-regional-secondary-content {
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }

    .enotorio-regional-secondary-media {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .enotorio-regional-secondary-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}

/* ============================================================
   NOTÍCIAS REGIONAIS
   AJUSTE FINAL DE PROPORÇÕES E SECUNDÁRIAS
   ============================================================ */


/* ------------------------------------------------------------
   DESKTOP
   ------------------------------------------------------------ */

@media (min-width: 1200px) {

    /*
     * Distribuição:
     * principal       = maior
     * secundárias     = ganha espaço
     * últimas notícias = mais estreita
     */
    .enotorio-regionals-grid.enotorio-regionals-grid--3-columns {
        grid-template-columns:
            minmax(0, 2fr)
            minmax(290px, 1.15fr)
            minmax(220px, 0.75fr);
    }


    /*
     * As três secundárias dividem exatamente
     * a mesma altura disponível.
     */
    .enotorio-regional-secondary-list {
        display: grid;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 16px;

        height: 100%;
        min-height: 430px;
        align-self: stretch;
    }


    /*
     * Cada card ocupa integralmente
     * a linha correspondente do grid.
     */
    .enotorio-regional-secondary {
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }


    /*
     * Conteúdo ganha mais espaço.
     * Imagem fica com aproximadamente 40%.
     */
    .enotorio-regional-secondary-link {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(120px, 40%);

        width: 100%;
        height: 100%;
        min-height: 0;
    }


    /*
     * Impede que manchetes maiores
     * alterem a altura dos cards.
     */
    .enotorio-regional-secondary-content {
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }


    /*
     * Máximo de 4 linhas para a manchete.
     */
    .enotorio-regional-secondary-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;

        overflow: hidden;
    }


    /*
     * Área da imagem acompanha
     * exatamente a altura do card.
     */
    .enotorio-regional-secondary-media {
        display: block;

        width: 100%;
        height: 100%;
        min-height: 0;

        overflow: hidden;
    }


    /*
     * Imagem preenche a área sem deformar.
     */
    .enotorio-regional-secondary-image {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
        max-height:135px;
    }


    /*
     * Últimas notícias acompanha
     * toda a altura da linha principal.
     */
    .enotorio-regional-latest {
        height: 100%;
        min-height: 430px;
    }

}


/* ------------------------------------------------------------
   TABLET
   Mantém a estrutura atual do tema.
   ------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 1199.98px) {

    .enotorio-regional-secondary-list {
        display: grid;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 16px;

        height: 100%;
        min-height: 430px;
    }

    .enotorio-regional-secondary {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .enotorio-regional-secondary-link {
        height: 100%;
        min-height: 0;
    }

    .enotorio-regional-secondary-media {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .enotorio-regional-secondary-image {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }

}


/* ------------------------------------------------------------
   MOBILE
   Deixa os cards voltarem ao fluxo natural.
   ------------------------------------------------------------ */

@media (max-width: 767.98px) {

    .enotorio-regional-secondary-list {
        height: auto;
    }

    .enotorio-regional-secondary {
        height: auto;
    }

    .enotorio-regional-secondary-link {
        height: auto;
    }

}