/* Historical Programa na Pista identity overrides. Loaded after Echo's compiled CSS. */
.fob-comment-form button[type="submit"],
.subscribe-form button[type="submit"],
.echo-header-top-subscribe-btn button {
    white-space: nowrap !important;
}

/* Contact form reCAPTCHA notice follows Echo's light/dark switch. */
.captcha-disclaimer {
    background: #18252e !important;
    border: 1px solid #344b58 !important;
    border-radius: 8px !important;
    color: #e8f0f4 !important;
    line-height: 1.55;
}

.captcha-disclaimer a {
    color: #a5df83 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.captcha-disclaimer a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

html[data-theme="light"] .captcha-disclaimer {
    background: #edf3f2 !important;
    border-color: #cbdad4 !important;
    color: #21332d !important;
}

html[data-theme="light"] .captcha-disclaimer a {
    color: #24642f !important;
}

/* Keep the status icon, message and close control on distinct columns. */
.toastify.pe-5 {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 24px;
    align-items: center;
    column-gap: 11px;
    width: 360px;
    max-width: calc(100vw - 30px);
    min-height: 54px;
    padding: 12px 13px !important;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
    cursor: default;
}

.toastify.toastify-success { background: #31703a !important; }
.toastify.toastify-danger { background: #a72e38 !important; }
.toastify.toastify-warning { background: #80550a !important; }
.toastify.toastify-info { background: #206178 !important; }

.toastify .toastify-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: none;
}

.toastify .toastify-icon svg { width: 21px; height: 21px; }

.toastify .toastify-text {
    min-width: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: break-word;
}

.toastify .toast-close {
    position: static !important;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    opacity: .85;
    border-radius: 5px;
}

.toastify .toast-close:hover,
.toastify .toast-close:focus-visible {
    opacity: 1;
    background: rgba(255, 255, 255, .16);
}

.toastify .toast-close:focus-visible { outline: 2px solid #fff; }
.toastify .toast-close svg { width: 17px; height: 17px; }

.home-four .echo-header-area.header-four .echo-home-1-menu .echo-site-main-logo-menu-social,
.home-four .echo-header-area.header-four .echo-home-1-menu .echo-site-main-logo-menu-social .echo-home-1-menu {
    background-color: var(--primary-color) !important;
}

/* ==========================================================================
   PROGRAMA NA PISTA - HEADER NAVIGATION & DROPDOWN SYSTEM
   ========================================================================== */

/* Barra Verde: alinhamento limpo, sem overflow e com respiro vertical para o logo */
.home-four .echo-header-area.header-four .echo-home-1-menu .echo-site-main-logo-menu-social {
    background-color: var(--primary-color) !important;
    overflow: visible !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Header normal e Sticky: fluxo limpo, apenas a barra verde acompanha o scroll */
body.home-four {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

.home-four .echo-header-area.header-four {
    position: sticky !important;
    top: 0;
    z-index: 100;
    width: 100%;
}

body.show-admin-bar.home-four .echo-header-area.header-four:not(.header-sticky) {
    top: 40px !important;
}

body.show-admin-bar.home-four .echo-header-area.header-sticky {
    top: 40px !important;
}

.home-four .echo-header-area.header-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: var(--primary-color) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

.home-four .echo-header-area.header-four.header-sticky .echo-header-top,
.echo-header-area.header-sticky .echo-header-top {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body:has(.echo-header-area.header-sticky) .ae-anno-announcement-wrapper {
    display: none !important;
}

.home-four .echo-header-area.header-sticky .echo-home-1-menu {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.home-four .logo-header-sidebar,
.home-four .echo-site-logo {
    display: flex !important;
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.home-four .logo-header-sidebar img,
.home-four .echo-site-logo img {
    max-height: 52px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.home-four .echo-footer-area .logo-area,
.home-four .echo-footer-area4 .logo-area {
    padding: 24px 0 !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-four .echo-footer-area .logo-area img,
.home-four .echo-footer-area4 .logo-area img {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.home-four .echo-header-area.header-four .echo-home-1-menu .echo-site-main-logo-menu-social .container,
.home-four .echo-header-area.header-four .echo-home-1-menu .echo-site-main-logo-menu-social .d-flex {
    overflow: visible !important;
}

/* Menu Principal (ul): Flex horizontal perfeitamente centralizado */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    list-style: none !important;
    overflow: visible !important;
}

/* Itens de Menu (li): altura 100% flexível, background transparente */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.menu-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.menu-item:hover {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Links do Topo (a): Pill arredondado moderno, 100% contido e sem vazar */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.menu-item > a.echo-dropdown-main-element {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 14px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.15px !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    background: transparent !important;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

/* Hover do link do topo e estado dropdown aberto: pill discreto e elegante */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.menu-item:hover > a.echo-dropdown-main-element,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.menu-item > a.echo-dropdown-main-element:hover,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.echo-has-dropdown:hover > a.echo-dropdown-main-element {
    background: rgba(0, 0, 0, 0.22) !important;
    color: #ffffff !important;
}

/* Ícone de seta do dropdown: rotação suave de 180° */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.echo-has-dropdown > a.echo-dropdown-main-element::after {
    display: inline-block !important;
    position: static !important;
    margin-left: 6px !important;
    font-size: 11px !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu > li.echo-has-dropdown:hover > a.echo-dropdown-main-element::after {
    transform: rotate(180deg) !important;
}

/* ==========================================================================
   DROPDOWN SUBMENU (.echo-submenu)
   Sem saltos de scale, sem corte, fade + slide suave de 6px
   ========================================================================== */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown {
    position: relative !important;
}

.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown > ul.echo-submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 99999 !important;
    min-width: 210px !important;
    width: max-content !important;
    background: #0d1520 !important;
    border-top: 3px solid var(--primary-color) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    text-align: left !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) scale(1) !important;
    pointer-events: none !important;
    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
                visibility 0.2s ease !important;
}

/* Ponte invisível para o ponteiro do mouse transitar do link para o dropdown sem fechar */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown > ul.echo-submenu::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 10px !important;
    background: transparent !important;
}

/* Hover: transição suave e estável */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover > ul.echo-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

/* Itens internos do Submenu */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.nav-item,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.menu-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Desativa bolinha com escala janky do tema Echo original */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.nav-item::before,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.menu-item::before {
    display: none !important;
    content: none !important;
}

/* Links internos do Submenu: tipografia nítida, padding generoso e transição suave */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.nav-item a,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.menu-item a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 9px 20px !important;
    color: #e2e8f0 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
    transform: none !important;
    white-space: nowrap !important;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, padding-left 0.16s ease !important;
}

/* Hover nos itens do Submenu */
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.nav-item:hover > a,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.menu-item:hover > a,
.home-four .echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu li.nav-item a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--primary-color) !important;
    border-left-color: var(--primary-color) !important;
    padding-left: 24px !important;
}


.home-four .echo-hero-section .content-catagory-tag,
.home-four .echo-footer-area-subscribe-button,
.home-four .echo-footer-area4 button.echo-footer-area-subscribe-button,
.home-four .echo-footer-area-subscribe-button button,
.home-four .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.home-four .echo-hero-section .content-catagory-tag {
    background: var(--primary-color) !important;
}

.home-four .echo-footer-area4 {
    background: var(--secondary-color) !important;
}

/* Header topo compacto: alinhamento limpo, anúncio à esquerda e botões à direita */
.home-four .ae-anno-announcement-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 44px !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 11 !important;
    pointer-events: none;
    overflow: hidden !important;
}

.home-four .ae-anno-announcement__items {
    align-items: center !important;
    justify-content: flex-start !important;
    height: 44px !important;
    min-height: 44px !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: left !important;
    pointer-events: auto;
}

.home-four .ae-anno-announcement {
    max-width: calc(100% - 390px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-four .ae-anno-announcement__content,
.home-four .ae-anno-announcement__text,
.home-four .ae-anno-announcement__text a {
    color: #ffffff !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    pointer-events: auto;
}

.home-four .ae-anno-announcement__controls,
.home-four .ae-anno-announcement__dismiss-button {
    display: none !important;
}

/* Barra Azul (Header Top) */
.home-four .echo-header-area.header-four .echo-header-top {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    background-color: var(--secondary-color, #080f19) !important;
    position: relative;
    z-index: 10;
}

.home-four .echo-header-area.header-four .echo-full-header-top {
    position: relative;
    z-index: 12;
    width: 100%;
    height: 44px !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top > .d-flex {
    position: relative;
    z-index: 14;
    min-height: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
}

/* Widgets da direita: nunca flex-grow para manter botões visíveis */
.home-four .echo-full-header-top > .d-flex > .wrapper-widget-load-ajax {
    width: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top .datetime-and-local-weather-content {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top .datetime-and-local-weather-content * {
    color: #ffffff !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-content,
.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-inner {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: #ffffff !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-content a,
.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-content button,
.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-content i,
.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-content svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.home-four .echo-header-area.header-four .echo-full-header-top .action-buttons-inner .echo-header-top-menu-bar {
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
    margin-left: 4px !important;
    padding-left: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
}

@media (max-width: 991px) {
    .home-four .ae-anno-announcement {
        max-width: calc(100% - 240px) !important;
    }
}

@media (max-width: 767px) {
    .home-four .echo-header-area.header-four .echo-header-top-date,
    .home-four .echo-full-header-top .datetime-and-local-weather-content {
        display: none !important;
    }
    .home-four .ae-anno-announcement {
        max-width: calc(100% - 110px) !important;
    }
}

@media (max-width: 575px) {
    .home-four .ae-anno-announcement {
        max-width: calc(100% - 90px) !important;
    }
}

.home-four .echo-footer-area,
.home-four .echo-footer-area4 {
    background-image: url('/storage/backgrounds/bg-footer.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

/* ==========================================================================
   PROGRAMA NA PISTA - PADRONIZAÇÃO DE IMAGENS E LIMITES DE CONTAINERS
   Imagens compridas (portrait) nunca estouram a altura do card;
   Imagens preenchem 100% de largura e altura sem distorcer.
   ========================================================================== */

/* Containers de Imagem dos Cards de Notícias */
.home-four .echo-popular-area-img,
.home-four .echo-trending-right-site-post-img,
.home-four .echo-hero-section .echo-latest-news-main-content .echo-latest-news-img,
.home-four .echo-hero-baner:not(.small) .echo-hero-banner-main-img {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 380px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background-color: #1a1b26 !important;
}

/* Imagens dentro dos containers de cards: preenchem 100% com object-fit cover */
.home-four .echo-popular-area-img a,
.home-four .echo-popular-area-img img,
.home-four .echo-popular-area-img a img,
.home-four .echo-trending-right-site-post-img a,
.home-four .echo-trending-right-site-post-img img,
.home-four .echo-trending-right-site-post-img a img,
.home-four .echo-hero-section .echo-latest-news-main-content .echo-latest-news-img a,
.home-four .echo-hero-section .echo-latest-news-main-content .echo-latest-news-img img,
.home-four .echo-hero-section .echo-latest-news-main-content .echo-latest-news-img a img,
.home-four .echo-hero-baner:not(.small) .echo-hero-banner-main-img a,
.home-four .echo-hero-baner:not(.small) .echo-hero-banner-main-img img,
.home-four .echo-hero-baner:not(.small) .echo-hero-banner-main-img a img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit !important;
}

/* Post horizontal menor com miniatura lateral (Música & Festival / Games) */
.home-four .echo-trending-left-site-post {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.home-four .echo-trending-left-site-post:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(var(--primary-color-rgb, 102, 187, 106), 0.45) !important;
}

.home-four .echo-trending-left-site-post-img {
    flex: 0 0 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 105px !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
    background-color: #1a1b26 !important;
}

.home-four .echo-trending-left-site-post-img a,
.home-four .echo-trending-left-site-post-img img,
.home-four .echo-trending-left-site-post-img a img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit !important;
}

/* Post de destaque no bloco Trending / Festival */
.home-four .echo-trending-right-site-post {
    padding: 16px !important;
    margin-bottom: 20px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
}

.home-four .echo-trending-right-site-post .echo-trending-right-site-post-img {
    margin-bottom: 16px !important;
}

.home-four .echo-trending-right-site-post .echo-trending-right-site-post-title {
    margin-bottom: 10px !important;
}

.home-four .echo-trending-right-site-post .echo-trending-right-site-post-title a.title-hover {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   PROGRAMA NA PISTA - MINIATURAS CIRCULARES (SEMPRE ESFERA, NUNCA OVAL)
   ========================================================================== */
.home-four .thumb-circle,
.home-four .thumb-circle-image,
.home-four .echo-hero-banner-main-img.thumb-circle,
.home-four .echo-hero-baner.small .echo-hero-banner-main-img,
.home-four .widget-blog-post-wrapper .echo-banner-right-area-content .right-side-news ul li .recovery-image-frame,
.home-four .echo-hero-section .echo-banner-right-area-content .echo-latest-news-img {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 82px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: block !important;
    background-color: #1a1b26 !important;
}

.home-four .thumb-circle a,
.home-four .thumb-circle img,
.home-four .thumb-circle-image,
.home-four .echo-hero-banner-main-img.thumb-circle a,
.home-four .echo-hero-banner-main-img.thumb-circle img,
.home-four .echo-hero-baner.small .echo-hero-banner-main-img a,
.home-four .echo-hero-baner.small .echo-hero-banner-main-img img,
.home-four .widget-blog-post-wrapper .echo-banner-right-area-content .right-side-news ul li .recovery-image-frame a,
.home-four .widget-blog-post-wrapper .echo-banner-right-area-content .right-side-news ul li .recovery-image-frame img,
.home-four .echo-hero-section .echo-banner-right-area-content .echo-latest-news-img a,
.home-four .echo-hero-section .echo-banner-right-area-content .echo-latest-news-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
}

/* Alinhamento dos blocos circulares no style-14 (Teatro) */
.home-four .echo-banner-area.home-seven .echo-hero-baner.small {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    text-align: left !important;
}
.home-four .echo-banner-area.home-seven .echo-hero-baner.small .content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* ==========================================================================
   PROGRAMA NA PISTA - RESPIRO E PADDING NOS CARDS DE POST
   ========================================================================== */

/* Cards do Grid (Feiras, Geral - style-6) */
.home-four .echo-popular-area-single-item {
    padding: 16px !important;
    margin-bottom: 28px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: calc(100% - 28px) !important;
    box-sizing: border-box !important;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

.home-four .echo-popular-area-single-item:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(var(--primary-color-rgb, 102, 187, 106), 0.45) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

.home-four .echo-popular-area-single-item .echo-popular-area-img {
    margin-bottom: 14px !important;
}

.home-four .echo-popular-area-single-item .echo-popular-area-item-title {
    margin-bottom: 10px !important;
    padding: 0 4px !important;
}

.home-four .echo-popular-area-single-item .echo-popular-area-item-title a.title-hover {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: left !important;
}

.home-four .echo-popular-area-single-item .echo-popular-area-read-view {
    margin-top: auto !important;
    padding-top: 8px !important;
    text-align: left !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Card principal do Hero (style-1) */
.home-four .echo-hero-section .echo-latest-news-main-content {
    padding: 18px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
}

.home-four .echo-hero-section .echo-latest-news-main-content .echo-latest-news-img {
    margin-bottom: 18px !important;
}

.home-four .echo-hero-section .echo-banner-right-area-content ul li {
    padding: 12px 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    margin-bottom: 14px !important;
    gap: 14px !important;
    display: flex !important;
    align-items: center !important;
}

/* Títulos das seções da homepage com respiro elegante (limpos de pseudos legados) */
.home-four .echo-trending-content h2::after,
.home-four .echo-trending-content h2::before,
.home-four .echo-popular-area-title h2::after,
.home-four .echo-popular-area-title h2::before,
.home-four .echo-banner-area.home-seven h2::after,
.home-four .echo-banner-area.home-seven h2::before,
.title-align-center::after,
.title-align-center::before,
.title-align-start::after,
.title-align-start::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: none !important;
}


/* ==========================================================================
   PROGRAMA NA PISTA - NEWSLETTER (PÍLULA PERFEITA, BOTÃO NUNCA OVAL)
   ========================================================================== */
.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form,
.home-four .echo-subscribe-box-button form {
    position: relative !important;
    width: 100% !important;
    max-width: 520px !important;
    height: 64px !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill,
.home-four .echo-subscribe-box-button form .echo-subscribe-input-fill {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input,
.home-four .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    width: 100% !important;
    height: 64px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 64px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 0 170px 0 50px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input:focus,
.home-four .echo-subscribe-box-button form .echo-subscribe-input-fill input:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 102, 187, 106), 0.25) !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill svg,
.home-four .echo-subscribe-box-button form .echo-subscribe-input-fill svg {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-footer-area-subscribe-button,
.echo-footer-area4 button.echo-footer-area-subscribe-button,
.home-four .echo-subscribe-box-button form .echo-footer-area-subscribe-button,
.home-four button.echo-footer-area-subscribe-button,
button.echo-footer-area-subscribe-button {
    position: absolute !important;
    right: 7px !important;
    top: -1px !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 145px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 24px !important;
    border-radius: 50px !important;
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    margin: 0 !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-footer-area-subscribe-button:hover,
.echo-footer-area4 button.echo-footer-area-subscribe-button:hover,
.home-four .echo-subscribe-box-button form .echo-footer-area-subscribe-button:hover,
.home-four button.echo-footer-area-subscribe-button:hover,
button.echo-footer-area-subscribe-button:hover {
    opacity: 0.92 !important;
    transform: scale(1.02) !important;
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form,
.home-four .echo-subscribe-box-button form {
    min-height: 64px !important;
}

@media (max-width: 575px) {
    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form,
    .home-four .echo-subscribe-box-button form {
        min-height: 58px !important;
        height: 58px !important;
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input,
    .home-four .echo-subscribe-box-button form .echo-subscribe-input-fill input {
        height: 58px !important;
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-footer-area-subscribe-button,
    .echo-footer-area4 button.echo-footer-area-subscribe-button,
    .home-four .echo-subscribe-box-button form .echo-footer-area-subscribe-button,
    .home-four button.echo-footer-area-subscribe-button {
        top: 4px !important;
        bottom: auto !important;
        transform: none !important;
        min-width: 132px !important;
        height: 50px !important;
    }
}

/* Skeleton and fallback states */
.home-four .echo-hero-section .echo-latest-news-img,
.home-four .echo-feature-area .echo-latest-news-img,
.home-four .echo-popular-news-area .echo-latest-news-img {
    background: #242532;
    animation: recovery-image-pulse 1.8s ease-in-out infinite alternate;
}
.home-four .echo-hero-section .echo-latest-news-img.is-loaded,
.home-four .echo-feature-area .echo-latest-news-img.is-loaded,
.home-four .echo-popular-news-area .echo-latest-news-img.is-loaded {
    animation: none;
    background: transparent;
}
.home-four .echo-latest-news-img.is-failed,
.home-four .echo-trending-left-site-post-img.is-failed,
.home-four .echo-trending-right-site-post-img.is-failed,
.home-four .echo-popular-area-img.is-failed,
.home-four .echo-hero-banner-main-img.is-failed {
    background: #242532;
    animation: recovery-image-pulse 1.8s ease-in-out infinite alternate;
}
.home-four .echo-latest-news-img.is-loaded,
.home-four .echo-trending-left-site-post-img.is-loaded,
.home-four .echo-trending-right-site-post-img.is-loaded,
.home-four .echo-popular-area-img.is-loaded,
.home-four .echo-hero-banner-main-img.is-loaded {
    animation: none;
}
.home-four .echo-latest-news-img.is-empty,
.home-four .echo-trending-left-site-post-img.is-empty,
.home-four .echo-trending-right-site-post-img.is-empty,
.home-four .echo-popular-area-img.is-empty,
.home-four .echo-hero-banner-main-img.is-empty {
    animation: none !important;
    background: #242532 !important;
}
.home-four .echo-latest-news-img.is-empty img,
.home-four .echo-trending-left-site-post-img.is-empty img,
.home-four .echo-trending-right-site-post-img.is-empty img,
.home-four .echo-popular-area-img.is-empty img,
.home-four .echo-hero-banner-main-img.is-empty img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: .35;
}

@keyframes recovery-image-pulse {
    from { background-color: #242532; }
    to { background-color: #303244; }
}
.home-four .main img,
.home-four main img,
.home-four .echo-feature-area img {
    background-color: #242532;
}

/* ==========================================================================
   TUBATUBI EDITORIAL REDESIGN - COM DETALHES VERDES
   ========================================================================== */

/* Padronização Absoluta de Largura de Containers em Todas as Seções */
.tubatubi-container,
.home-four .container,
.home-four .hm-7-container,
.home-four .container-fluid {
    max-width: 1320px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Seções e Espaçamentos Gerais */
.tubatubi-section {
    padding: 34px 0 !important;
}

/* Cabeçalhos de Seções (Títulos Editoriais Limpos) */
.tubatubi-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
    position: relative !important;
}

.tubatubi-heading-clean {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    position: relative !important;
}

/* Remoção definitiva de qualquer traço, linha ou quadrado herdado de outros estilos */
.tubatubi-heading-clean::before,
.tubatubi-heading-clean::after,
.tubatubi-section-header::after,
.tubatubi-section-header::before,
.tubatubi-heading-clean span::after,
.tubatubi-heading-clean span::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: none !important;
}

.tubatubi-accent-bar {
    display: inline-block !important;
    width: 4px !important;
    height: 22px !important;
    background-color: var(--primary-color) !important;
    border-radius: 2px !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.tubatubi-title-text {
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    line-height: 1.2 !important;
}

.section-view-all-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--primary-color) !important;
    -webkit-text-fill-color: var(--primary-color) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.section-view-all-link:hover {
    gap: 12px !important;
    color: var(--primary-color) !important;
    -webkit-text-fill-color: var(--primary-color) !important;
    filter: brightness(1.2) !important;
}

.section-view-all-link i {
    font-size: 12px !important;
    transition: transform 0.25s ease !important;
}

.section-view-all-link:hover i {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   CARDS TUBATUBI & SISTEMA DE ALTURAS PAREADAS (FLEX 100%)
   ========================================================================== */

/* Colunas e Alinhamento Vertical Estrito */
.align-items-stretch {
    align-items: stretch !important;
}

.tubatubi-card {
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 0 !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.tubatubi-card:hover {
    transform: translateY(-4px) !important;
}

.tubatubi-hero-card,
.tubatubi-card-large {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.tubatubi-side-posts-wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Contêiner de Imagens dos Cards (Preenchimento 100% Sem Espaço Vazio) */
.tubatubi-card-image-box {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

.tubatubi-card-image-box a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.tubatubi-card-image-box img,
.tubatubi-card-horizontal-img img,
.tubatubi-card img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tubatubi-card:hover .tubatubi-card-image-box img,
.tubatubi-card-horizontal:hover .tubatubi-card-horizontal-img img {
    transform: scale(1.05) !important;
}

/* Badges de Categoria nos Cards Grandes */
.card-category-overlay {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
    text-decoration: none !important;
}

.card-category-overlay .content-catagory-tag,
.content-catagory-tag {
    display: inline-block !important;
    background-color: var(--primary-color) !important;
    color: #0b0e14 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    border: none !important;
}

.card-category-overlay:hover .content-catagory-tag {
    filter: brightness(1.15) !important;
    transform: translateY(-1px) !important;
}

/* Corpo dos Cards Grandes */
.tubatubi-card-body {
    padding: 18px 20px 20px 20px !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.tubatubi-card a.title-hover,
.echo-popular-area-item-title a,
.echo-trending-right-site-post-title a,
.echo-latest-news-single-title a,
.echo-hero-title a {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.echo-latest-news-single-title a {
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.tubatubi-card-desc {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

/* Cards Horizontais Compactos (Pareamento Perfeito Sem Espaços Vazios) */
.tubatubi-card-horizontal {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    gap: 14px !important;
    overflow: hidden !important;
    min-height: 96px !important;
    margin-bottom: 0 !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.tubatubi-card-horizontal:hover {
    transform: translateY(-3px) !important;
}

.tubatubi-card-horizontal-img {
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 80px !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #1f2330 !important;
}

.tubatubi-card-horizontal-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
}

/* Categoria Limpa Acima do Título nos Cards Pequenos (Não Tampa a Foto) */
.tubatubi-meta-category {
    display: inline-block !important;
    color: var(--primary-color) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 1px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.tubatubi-meta-category:hover {
    text-decoration: underline !important;
}

.tubatubi-card-horizontal-body .title-hover {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin-bottom: 1px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.tubatubi-card-horizontal-body .post-meta,
.tubatubi-card-horizontal-body .echo-trending-post-bottom-icons {
    margin-top: 2px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* Metadados */
.post-meta,
.echo-popular-area-read-view,
.echo-trending-post-bottom-icons,
.echo-trending-right-site-like-comment-share-icons,
.echo-latest-news-time-views,
.post-meta-custom {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 10px !important;
    padding-top: 8px !important;
    font-size: 12px !important;
}

.post-meta svg,
.post-meta i,
.echo-popular-area-read-view svg,
.echo-popular-area-read-view i,
.echo-trending-post-bottom-icons svg,
.echo-trending-post-bottom-icons i,
.echo-trending-right-site-like-comment-share-icons svg,
.echo-trending-right-site-like-comment-share-icons i,
.echo-latest-news-time-views svg,
.echo-latest-news-time-views i,
.post-meta-custom i,
.post-meta-custom svg {
    color: var(--primary-color) !important;
    stroke: var(--primary-color) !important;
    width: 14px !important;
    height: 14px !important;
    vertical-align: -2px !important;
    margin-right: 4px !important;
}

.post-meta-date {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
}

/* Eliminação Definitiva das Miniaturas Ovais */
.thumb-circle,
.thumb-circle-image {
    border-radius: 8px !important;
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* ==========================================================================
   SISTEMA DE TEMAS DARK & WHITE (COMPATIBILIDADE TOTAL)
   ========================================================================== */

/* --- 1. MODO DARK (html[data-theme="dark"]) --- */
html[data-theme="dark"] body.home-four,
html[data-theme="dark"] .home-four,
html[data-theme="dark"] .home-four .main,
html[data-theme="dark"] .home-four main,
html[data-theme="dark"] .home-four #main-content,
html[data-theme="dark"] .home-four .echo-popular-news-area {
    background-color: #0b0e14 !important;
    background-image: none !important;
    color: #cbd5e1 !important;
}

/* ==========================================================================
   BACKGROUND DINÂMICO DA SEÇÃO HERO / DESTAQUE
   ========================================================================== */
section.tubatubi-hero-section,
.home-four section.tubatubi-hero-section,
.home-four .echo-hero-section.tubatubi-hero-section {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    padding: 50px 0 50px !important;
    transition: background-image 0.4s ease-in-out !important;
}

/* Título Destaques: Garantir visibilidade branca em ambos os modos (Dark e White) */
.tubatubi-hero-section .tubatubi-title-text,
.tubatubi-hero-section h3.tubatubi-heading-clean .tubatubi-title-text,
html:not([data-theme="dark"]) .tubatubi-hero-section .tubatubi-title-text,
html[data-theme="light"] .tubatubi-hero-section .tubatubi-title-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.tubatubi-hero-section .tubatubi-section-header,
html:not([data-theme="dark"]) .tubatubi-hero-section .tubatubi-section-header,
html[data-theme="light"] .tubatubi-hero-section .tubatubi-section-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="dark"] .tubatubi-card,
html[data-theme="dark"] .tubatubi-hero-card,
html[data-theme="dark"] .tubatubi-card-horizontal,
html[data-theme="dark"] .home-four .echo-hero-section .echo-latest-news-main-content {
    background: #141720 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .tubatubi-card:hover,
html[data-theme="dark"] .tubatubi-card-horizontal:hover {
    border-color: rgba(0, 214, 100, 0.45) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 214, 100, 0.12) !important;
}

html[data-theme="dark"] .tubatubi-card-body {
    background: #141720 !important;
}

html[data-theme="dark"] .tubatubi-title-text,
html[data-theme="dark"] .tubatubi-card a.title-hover,
html[data-theme="dark"] .echo-latest-news-single-title a,
html[data-theme="dark"] .echo-popular-area-item-title a,
html[data-theme="dark"] .echo-trending-right-site-post-title a,
html[data-theme="dark"] .echo-hero-title a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .tubatubi-card-desc,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .post-meta span,
html[data-theme="dark"] .post-meta a,
html[data-theme="dark"] .post-meta-date,
html[data-theme="dark"] .post-meta-custom,
html[data-theme="dark"] .post-meta-custom span,
html[data-theme="dark"] .echo-hero-area-like-read-comment-share,
html[data-theme="dark"] .echo-hero-area-like-read-comment-share span,
html[data-theme="dark"] .echo-hero-area-like-read-comment-share a,
html[data-theme="dark"] .echo-trending-post-bottom-icons,
html[data-theme="dark"] .echo-trending-post-bottom-icons span,
html[data-theme="dark"] .echo-trending-right-site-like-comment-share-icons,
html[data-theme="dark"] .echo-trending-right-site-like-comment-share-icons span,
html[data-theme="dark"] .echo-latest-news-time-views,
html[data-theme="dark"] .echo-latest-news-time-views span {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html[data-theme="dark"] .tubatubi-section-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .echo-popular-area-read-view,
html[data-theme="dark"] .echo-trending-post-bottom-icons,
html[data-theme="dark"] .echo-trending-right-site-like-comment-share-icons,
html[data-theme="dark"] .echo-latest-news-time-views {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ==========================================================================
   BACKGROUNDS DAS SEÇÕES GAMES E TEATRO (MODO DARK)
   ========================================================================== */
section.tubatubi-games-section,
.home-four section.tubatubi-games-section,
.home-four .echo-trending-area.tubatubi-games-section,
html[data-theme="dark"] section.tubatubi-games-section,
html[data-theme="dark"] .home-four section.tubatubi-games-section,
html[data-theme="dark"] .home-four .echo-trending-area.tubatubi-games-section {
    background-color: #0b0e14 !important;
    background-image: linear-gradient(180deg, rgba(11, 14, 20, 0.72) 0%, rgba(11, 14, 20, 0.88) 100%), url('/storage/backgrounds/bg-games.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 70px 0 !important;
}

section.tubatubi-teatro-section,
.home-four section.tubatubi-teatro-section,
.home-four .echo-banner-area.tubatubi-teatro-section,
html[data-theme="dark"] section.tubatubi-teatro-section,
html[data-theme="dark"] .home-four section.tubatubi-teatro-section,
html[data-theme="dark"] .home-four .echo-banner-area.tubatubi-teatro-section {
    background-color: #0b0e14 !important;
    background-image: linear-gradient(180deg, rgba(11, 14, 20, 0.75) 0%, rgba(11, 14, 20, 0.9) 100%), url('/storage/backgrounds/bg-teatro.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 70px 0 !important;
}

/* --- 2. MODO WHITE / LIGHT (html:not([data-theme="dark"]), html[data-theme="light"]) --- */
html:not([data-theme="dark"]) body.home-four,
html:not([data-theme="dark"]) .home-four,
html:not([data-theme="dark"]) .home-four .main,
html:not([data-theme="dark"]) .home-four main,
html:not([data-theme="dark"]) .home-four #main-content,
html:not([data-theme="dark"]) .home-four .echo-popular-news-area,
html[data-theme="light"] body.home-four,
html[data-theme="light"] .home-four,
html[data-theme="light"] .home-four .main,
html[data-theme="light"] .home-four main {
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #334155 !important;
}

/* ==========================================================================
   BACKGROUNDS DAS SEÇÕES GAMES E TEATRO (MODO WHITE)
   ========================================================================== */
html:not([data-theme="dark"]) section.tubatubi-games-section,
html[data-theme="light"] section.tubatubi-games-section,
html:not([data-theme="dark"]) .home-four section.tubatubi-games-section,
html[data-theme="light"] .home-four section.tubatubi-games-section,
html:not([data-theme="dark"]) .home-four .echo-trending-area.tubatubi-games-section {
    background-color: #f8fafc !important;
    background-image: linear-gradient(180deg, rgba(248, 250, 252, 0.82) 0%, rgba(248, 250, 252, 0.94) 100%), url('/storage/backgrounds/bg-games.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 70px 0 !important;
}

html:not([data-theme="dark"]) section.tubatubi-teatro-section,
html[data-theme="light"] section.tubatubi-teatro-section,
html:not([data-theme="dark"]) .home-four section.tubatubi-teatro-section,
html[data-theme="light"] .home-four section.tubatubi-teatro-section,
html:not([data-theme="dark"]) .home-four .echo-banner-area.tubatubi-teatro-section {
    background-color: #f8fafc !important;
    background-image: linear-gradient(180deg, rgba(248, 250, 252, 0.82) 0%, rgba(248, 250, 252, 0.94) 100%), url('/storage/backgrounds/bg-teatro.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 70px 0 !important;
}

html:not([data-theme="dark"]) .tubatubi-card,
html:not([data-theme="dark"]) .tubatubi-hero-card,
html:not([data-theme="dark"]) .tubatubi-card-horizontal,
html:not([data-theme="dark"]) .home-four .echo-hero-section .echo-latest-news-main-content,
html[data-theme="light"] .tubatubi-card,
html[data-theme="light"] .tubatubi-hero-card,
html[data-theme="light"] .tubatubi-card-horizontal {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

html:not([data-theme="dark"]) .tubatubi-card:hover,
html:not([data-theme="dark"]) .tubatubi-card-horizontal:hover,
html[data-theme="light"] .tubatubi-card:hover {
    border-color: rgba(0, 214, 100, 0.5) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08), 0 0 15px rgba(0, 214, 100, 0.1) !important;
}

html:not([data-theme="dark"]) .tubatubi-card-body,
html[data-theme="light"] .tubatubi-card-body {
    background: #ffffff !important;
}

html:not([data-theme="dark"]) .tubatubi-title-text,
html:not([data-theme="dark"]) .tubatubi-card a.title-hover,
html:not([data-theme="dark"]) .echo-latest-news-single-title a,
html:not([data-theme="dark"]) .echo-popular-area-item-title a,
html:not([data-theme="dark"]) .echo-trending-right-site-post-title a,
html:not([data-theme="dark"]) .echo-hero-title a,
html[data-theme="light"] .tubatubi-title-text,
html[data-theme="light"] .tubatubi-card a.title-hover {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

/* Legibilidade Nítida de Datas e Tempo de Leitura no Modo White */
html:not([data-theme="dark"]) .tubatubi-card-desc,
html:not([data-theme="dark"]) .post-meta,
html:not([data-theme="dark"]) .post-meta span,
html:not([data-theme="dark"]) .post-meta a,
html:not([data-theme="dark"]) .post-meta-date,
html:not([data-theme="dark"]) .post-meta-custom,
html:not([data-theme="dark"]) .post-meta-custom span,
html:not([data-theme="dark"]) .echo-hero-area-like-read-comment-share,
html:not([data-theme="dark"]) .echo-hero-area-like-read-comment-share span,
html:not([data-theme="dark"]) .echo-hero-area-like-read-comment-share a,
html:not([data-theme="dark"]) .echo-trending-post-bottom-icons,
html:not([data-theme="dark"]) .echo-trending-post-bottom-icons span,
html:not([data-theme="dark"]) .echo-trending-right-site-like-comment-share-icons,
html:not([data-theme="dark"]) .echo-trending-right-site-like-comment-share-icons span,
html:not([data-theme="dark"]) .echo-latest-news-time-views,
html:not([data-theme="dark"]) .echo-latest-news-time-views span,
html[data-theme="light"] .tubatubi-card-desc,
html[data-theme="light"] .post-meta,
html[data-theme="light"] .post-meta span,
html[data-theme="light"] .echo-hero-area-like-read-comment-share span {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html:not([data-theme="dark"]) .tubatubi-section-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not([data-theme="dark"]) .post-meta,
html:not([data-theme="dark"]) .echo-popular-area-read-view,
html:not([data-theme="dark"]) .echo-trending-post-bottom-icons,
html:not([data-theme="dark"]) .echo-trending-right-site-like-comment-share-icons,
html:not([data-theme="dark"]) .echo-latest-news-time-views {
    border-top: 1px solid #f1f5f9 !important;
}

/* Hover em Verde em Ambos os Modos */
.tubatubi-card:hover a.title-hover,
.tubatubi-card a.title-hover:hover,
.echo-latest-news-single-title a:hover {
    color: var(--primary-color) !important;
    -webkit-text-fill-color: var(--primary-color) !important;
}



.pnp-instagram-feed{margin:0 auto 48px;padding:34px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.pnp-instagram-feed__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.pnp-instagram-feed__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color,#6aa84f);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pnp-instagram-feed__header h2{margin:8px 0 5px;color:var(--footer-heading-color,#fff);font-size:30px;line-height:1.15}
.pnp-instagram-feed__header p{margin:0;color:var(--footer-text-color,rgba(255,255,255,.7));font-size:15px}
.pnp-instagram-feed__profile{flex:0 0 auto;border:1px solid var(--primary-color,#6aa84f);border-radius:999px;padding:10px 18px;color:#fff;font-size:14px;font-weight:700;transition:background-color .2s ease,color .2s ease}
.pnp-instagram-feed__profile:hover{background:var(--primary-color,#6aa84f);color:#fff}
.pnp-instagram-feed__carousel{position:relative;display:flex;align-items:center;gap:12px}
.pnp-instagram-feed__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;width:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.pnp-instagram-feed__grid::-webkit-scrollbar{display:none}
.pnp-instagram-feed__card{position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:8px;background:#171a20}
.pnp-instagram-feed__card{scroll-snap-align:start}
.pnp-instagram-feed__card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.pnp-instagram-feed__card:hover img{transform:scale(1.06)}
.pnp-instagram-feed__overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font-size:28px;opacity:0;transition:opacity .2s ease}
.pnp-instagram-feed__card:hover .pnp-instagram-feed__overlay{opacity:1}
.pnp-instagram-feed__type{position:absolute;top:10px;right:10px;color:#fff;font-size:16px;text-shadow:0 1px 3px #000}
.pnp-instagram-feed__empty{display:flex;align-items:center;gap:14px;min-height:84px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px;color:#fff;font-weight:700;transition:border-color .2s ease,background-color .2s ease}
.pnp-instagram-feed__empty>i:first-child{color:var(--primary-color,#6aa84f);font-size:28px}
.pnp-instagram-feed__empty>i:last-child{margin-inline-start:auto;color:var(--primary-color,#6aa84f);font-size:22px}
.pnp-instagram-feed__empty:hover{background:rgba(106,168,79,.08);border-color:var(--primary-color,#6aa84f);color:#fff}
.pnp-instagram-feed__control{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,0,0,.28);color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.pnp-instagram-feed__control:hover{background:var(--primary-color,#6aa84f);border-color:var(--primary-color,#6aa84f)}
@media (max-width:991px){.pnp-instagram-feed__grid{grid-auto-columns:calc((100% - 12px)/2)}}
@media (max-width:575px){.pnp-instagram-feed{padding-top:26px;margin-bottom:32px}.pnp-instagram-feed__header{display:block}.pnp-instagram-feed__profile{display:inline-block;margin-top:16px}.pnp-instagram-feed__grid{grid-auto-columns:100%;gap:7px}.pnp-instagram-feed__control{flex-basis:32px;width:32px;height:32px}}
.pnp-menu-highlights{padding:28px 22px 20px;background:rgba(255,255,255,.035);border-radius:12px}
.pnp-menu-highlights__header{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.pnp-menu-highlights__eyebrow{display:block;margin-bottom:5px;color:var(--primary-color,#6aa84f)!important;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pnp-menu-highlights__header h3{margin:0 0 4px;color:#fff!important;font-size:25px;line-height:1.15}
.pnp-menu-highlights__header p{margin:0;color:rgba(255,255,255,.72)!important;font-size:13px;line-height:1.4}
.pnp-menu-highlights .category-area{display:grid;grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none}
.pnp-menu-highlights .category-area .item{display:flex;align-items:center;gap:12px;margin:0;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.1);list-style:none}
.pnp-menu-highlights .category-area .item:last-child{padding-bottom:0;border-bottom:0}
.pnp-menu-highlights .category-area .image-area,.pnp-menu-highlights .category-area .image-area a,.pnp-menu-highlights .category-area .image-area img{display:block;width:92px;height:70px;min-width:92px;overflow:hidden;border-radius:7px}
.pnp-menu-highlights .category-area .image-area{background:#1b2028}
.pnp-menu-highlights .category-area .image-area img{object-fit:cover;transition:transform .25s ease}
.pnp-menu-highlights .category-area .item:hover .image-area img{transform:scale(1.06)}
.pnp-menu-highlights .category-area .content{min-width:0;flex:1}
.pnp-menu-highlights .category-label{display:block;margin-bottom:3px;color:var(--primary-color,#6aa84f)!important;font-size:11px;font-weight:700;line-height:1.2;text-transform:uppercase}

/* ==========================================================================\n+   CONTATO - CAMPO DE TELEFONE E SELECAO DE PAIS\n+   ========================================================================== */
.contact-form .iti {
    display: block !important;
    width: 100% !important;
    min-height: 54px;
    position: relative;
}

.contact-form .iti__input,
.contact-form .iti__input[type='text'],
.contact-form .iti__input[type='tel'] {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-left: 94px !important;
    padding-right: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: .01em;
    box-sizing: border-box !important;
}

.contact-form .iti__flag-container {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    padding: 1px !important;
}

.contact-form .iti__selected-flag {
    min-width: 82px;
    height: 100% !important;
    padding: 0 9px !important;
    border-right: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .035) !important;
    color: var(--text-body, #d8dce5);
}

.contact-form .iti__selected-flag:hover,
.contact-form .iti__flag-container:hover .iti__selected-flag {
    background: rgba(106, 168, 79, .14) !important;
}

.contact-form .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 8px !important;
    padding-left: 0 !important;
    font-size: 14px;
    color: inherit;
}

/* O dropdown e anexado ao body pelo plugin; estilizamos os dois modos para\n+   manter a leitura no tema escuro e evitar que ele fique cortado pelo mapa. */
.iti--container {
    z-index: 20000 !important;
}

.iti--container .iti__country-list,
.contact-form .iti__country-list {
    width: min(320px, calc(100vw - 24px)) !important;
    max-width: none !important;
    max-height: 286px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    white-space: normal !important;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 8px !important;
    background: #171c25 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38) !important;
    color: #eef1f5 !important;
}

.iti--container .iti__country-list .iti__search-container,
.contact-form .iti__country-list .iti__search-container {
    padding: 9px !important;
    background: #171c25 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}

.iti--container .iti__country-list .iti__search-input,
.contact-form .iti__country-list .iti__search-input {
    height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 6px !important;
    background: #0f1520 !important;
    color: #fff !important;
    font-size: 14px !important;
}

.iti--container .iti__country-list .iti__search-input::placeholder,
.contact-form .iti__country-list .iti__search-input::placeholder {
    color: rgba(255, 255, 255, .55) !important;
}

.iti--container .iti__country,
.contact-form .iti__country-list .iti__country {
    min-height: 39px;
    padding: 9px 12px !important;
    color: #eef1f5 !important;
    line-height: 21px;
}

.iti--container .iti__country:hover,
.iti--container .iti__country.iti__highlight,
.contact-form .iti__country-list .iti__country:hover,
.contact-form .iti__country-list .iti__country.iti__highlight {
    background: rgba(106, 168, 79, .18) !important;
}

.iti--container .iti__country-name,
.contact-form .iti__country-list .iti__country-name {
    color: #eef1f5 !important;
}

.iti--container .iti__dial-code,
.contact-form .iti__country-list .iti__dial-code {
    color: rgba(238, 241, 245, .64) !important;
}

@media (max-width: 575px) {
    .contact-form .iti__input,
    .contact-form .iti__input[type='text'],
    .contact-form .iti__input[type='tel'] {
        padding-left: 88px !important;
    }

    .contact-form .iti__selected-flag {
        min-width: 76px;
        padding-inline: 7px !important;
    }

    .iti--container .iti__country-list,
    .contact-form .iti__country-list {
        width: calc(100vw - 24px) !important;
        max-height: min(54vh, 286px) !important;
    }
}
.pnp-menu-highlights .recent-post-title{margin:0!important}
.pnp-menu-highlights .recent-post-title a{display:-webkit-box;color:#fff!important;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pnp-menu-highlights .recent-post-title a:hover{color:var(--primary-color,#6aa84f)!important}
.pnp-menu-highlights .desc{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:rgba(255,255,255,.55)!important;font-size:11px;line-height:1.2}
.pnp-menu-highlights .desc i{color:var(--primary-color,#6aa84f)}
.category-menu-area .recovery-image-frame.is-failed{background:linear-gradient(135deg,#1c2430,#11151c)}
@media (max-width:575px){.pnp-menu-highlights{padding:22px 16px 16px}.pnp-menu-highlights .category-area .image-area,.pnp-menu-highlights .category-area .image-area a,.pnp-menu-highlights .category-area .image-area img{width:82px;height:64px;min-width:82px}}

/* ==========================================================================
   BARRA DE CONSENTIMENTO DE COOKIES (VERDE PROGRAMA NA PISTA)
   ========================================================================== */
.js-site-notice.site-notice,
.site-notice {
    background-color: var(--primary-color) !important;
    color: #0b0e14 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3) !important;
    padding: 12px 16px !important;
    z-index: 99999 !important;
}

.js-site-notice.site-notice .site-notice__message,
.site-notice .site-notice__message {
    color: #0b0e14 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.js-site-notice.site-notice .site-notice__message a,
.site-notice .site-notice__message a {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.js-site-notice.site-notice .site-notice__actions button.site-notice__agree,
.site-notice .site-notice__actions button.site-notice__agree,
.site-notice .site-notice__actions button {
    background-color: #0b0e14 !important;
    color: #ffffff !important;
    border: 1px solid #0b0e14 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.js-site-notice.site-notice .site-notice__actions button.site-notice__agree:hover,
.site-notice .site-notice__actions button.site-notice__agree:hover,
.site-notice .site-notice__actions button:hover {
    background-color: #1a2332 !important;
    color: #ffffff !important;
    border-color: #1a2332 !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   SOBRE NÓS (ABOUT-US) - GALERIA EDITORIAL HARMONIZADA & ASSINATURA DUAL-MODE
   ========================================================================== */

/* Seção base */
.echo-about-area {
    position: relative !important;
    overflow-x: clip !important;
    padding: 60px 0 !important;
}

.echo-about-area .echo-about-area-inner {
    position: relative !important;
    overflow: visible !important;
}

.echo-about-area .echo-about-area-inner .content-area {
    padding-right: 20px;
}

.echo-about-area .echo-about-area-inner .content-area .title {
    font-size: clamp(28px, 3.2vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 14px !important;
}

.echo-about-area .echo-about-area-inner .content-area .sub-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--primary-color, #38e07b) !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.echo-about-area .echo-about-area-inner .content-area .desc {
    font-size: 16px !important;
    line-height: 1.75 !important;
    opacity: 0.9 !important;
    margin-bottom: 28px !important;
}

/* Bloco do Autor & Assinatura */
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area {
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    margin-top: 28px !important;
}

html:not([data-theme="dark"]) .echo-about-area .echo-about-area-inner .content-area .bottom-author-area,
html[data-theme="light"] .echo-about-area .echo-about-area-inner .content-area .bottom-author-area {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content {
    flex-shrink: 0 !important;
    position: relative !important;
    padding-right: 26px !important;
}

/* Divisória vertical elegante entre texto do autor e assinatura */
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::before,
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 44px !important;
    width: 1px !important;
    background: rgba(255, 255, 255, 0.16) !important;
}

html:not([data-theme="dark"]) .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::before,
html:not([data-theme="dark"]) .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::after,
html[data-theme="light"] .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::before,
html[data-theme="light"] .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::after {
    background: rgba(0, 0, 0, 0.14) !important;
}

.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content .author-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
}

.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content .desc {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    opacity: 0.75 !important;
}

/* Assinatura: anulação total do filtro destrutivo e suporte a 2 modos (claro / escuro) */
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .sign,
.echo-about-area .bottom-author-area .sign,
html[data-theme="dark"] .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .sign,
html .echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .sign {
    filter: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .sign .signature-img,
.echo-about-area .bottom-author-area .sign .signature-img,
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .sign img,
.echo-about-area .bottom-author-area .sign img {
    filter: none !important;
    background: transparent !important;
    max-height: 54px !important;
    width: auto !important;
    max-width: 175px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Ocultação obrigatória por padrão para evitar que apareçam ambas */
.echo-about-area .echo-about-area-inner .content-area .bottom-author-area .sign .signature-item,
.echo-about-area .bottom-author-area .sign .signature-item,
.echo-about-area .sign .signature-item {
    display: none !important;
    align-items: center !important;
    background: transparent !important;
}

/* 1. MODO ESCURO (html[data-theme="dark"] ou padrão do site quando não for light): mostra assinatura escura (branca) */
html[data-theme="dark"] .echo-about-area .bottom-author-area .sign .signature-item.signature-dark,
html[data-theme="dark"] .echo-about-area .sign .signature-item.signature-dark,
html:not([data-theme="light"]) .echo-about-area .bottom-author-area .sign .signature-item.signature-dark,
html:not([data-theme="light"]) .echo-about-area .sign .signature-item.signature-dark {
    display: flex !important;
}

html[data-theme="dark"] .echo-about-area .bottom-author-area .sign .signature-item.signature-light,
html[data-theme="dark"] .echo-about-area .sign .signature-item.signature-light,
html:not([data-theme="light"]) .echo-about-area .bottom-author-area .sign .signature-item.signature-light,
html:not([data-theme="light"]) .echo-about-area .sign .signature-item.signature-light {
    display: none !important;
}

/* 2. MODO CLARO (html[data-theme="light"]): mostra assinatura clara (preta) */
html[data-theme="light"] .echo-about-area .bottom-author-area .sign .signature-item.signature-light,
html[data-theme="light"] .echo-about-area .sign .signature-item.signature-light {
    display: flex !important;
}

html[data-theme="light"] .echo-about-area .bottom-author-area .sign .signature-item.signature-dark,
html[data-theme="light"] .echo-about-area .sign .signature-item.signature-dark {
    display: none !important;
}

/* Fallback para quando houver apenas uma assinatura */
.echo-about-area .bottom-author-area .sign .signature-item.signature-single,
.echo-about-area .sign .signature-item.signature-single {
    display: flex !important;
}

/* ==========================================================================
   GALERIA DE IMAGENS - HARMONIZAÇÃO E ENCAIXE PERFEITO
   ========================================================================== */
.echo-about-area .echo-about-area-inner .hero-image,
.echo-about-area .hero-image.about-us-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 22px !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-items: center !important;
}

/* Cancelamento de posições absolutas legadas do tema pai */
.echo-about-area .echo-about-area-inner .hero-image .image,
.echo-about-area .echo-about-area-inner .hero-image .image-2,
.echo-about-area .hero-image.about-us-gallery .about-image-card {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
}

html:not([data-theme="dark"]) .echo-about-area .echo-about-area-inner .hero-image .image,
html:not([data-theme="dark"]) .echo-about-area .echo-about-area-inner .hero-image .image-2,
html[data-theme="light"] .echo-about-area .echo-about-area-inner .hero-image .image,
html[data-theme="light"] .echo-about-area .echo-about-area-inner .hero-image .image-2 {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Desnível editorial elegante entre as duas fotos */
@media (min-width: 768px) {
    .echo-about-area .echo-about-area-inner .hero-image .image:first-child,
    .echo-about-area .hero-image.about-us-gallery .image-1 {
        transform: translateY(-14px) !important;
    }

    .echo-about-area .echo-about-area-inner .hero-image .image-2,
    .echo-about-area .hero-image.about-us-gallery .image-2 {
        transform: translateY(14px) !important;
    }

    .echo-about-area .echo-about-area-inner .hero-image .image:first-child:hover,
    .echo-about-area .hero-image.about-us-gallery .image-1:hover {
        transform: translateY(-18px) scale(1.02) !important;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
        border-color: rgba(56, 224, 123, 0.4) !important;
    }

    .echo-about-area .echo-about-area-inner .hero-image .image-2:hover,
    .echo-about-area .hero-image.about-us-gallery .image-2:hover {
        transform: translateY(10px) scale(1.02) !important;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
        border-color: rgba(56, 224, 123, 0.4) !important;
    }
}

/* Enquadramento fotográfico uniforme e harmonioso */
.echo-about-area .echo-about-area-inner .hero-image .image img,
.echo-about-area .echo-about-area-inner .hero-image .image-2 img,
.echo-about-area .hero-image.about-us-gallery .about-image-card img {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
    max-height: 460px !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 18px !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.echo-about-area .echo-about-area-inner .hero-image .image:hover img,
.echo-about-area .echo-about-area-inner .hero-image .image-2:hover img,
.echo-about-area .hero-image.about-us-gallery .about-image-card:hover img {
    transform: scale(1.05) !important;
}

/* Responsividade Mobile e Tablet */
@media (max-width: 991px) {
    .echo-about-area .echo-about-area-inner .content-area {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .echo-about-area .echo-about-area-inner .hero-image,
    .echo-about-area .hero-image.about-us-gallery {
        margin-top: 20px !important;
    }
}

@media (max-width: 575px) {
    .echo-about-area .echo-about-area-inner .hero-image,
    .echo-about-area .hero-image.about-us-gallery {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .echo-about-area .echo-about-area-inner .hero-image .image:first-child,
    .echo-about-area .echo-about-area-inner .hero-image .image-2,
    .echo-about-area .hero-image.about-us-gallery .about-image-card {
        transform: none !important;
    }

    .echo-about-area .echo-about-area-inner .hero-image .image img,
    .echo-about-area .echo-about-area-inner .hero-image .image-2 img,
    .echo-about-area .hero-image.about-us-gallery .about-image-card img {
        min-height: 250px !important;
        max-height: 300px !important;
        aspect-ratio: 16 / 10 !important;
    }

    .echo-about-area .echo-about-area-inner .content-area .bottom-author-area {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content {
        padding-right: 0 !important;
    }

    .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::before,
    .echo-about-area .echo-about-area-inner .content-area .bottom-author-area .content::after {
        display: none !important;
    }
}

/* Notícias rotativas na faixa superior. */
.home-four .echo-header-area.header-four .echo-full-header-top .pnp-top-ticker {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    height: 44px;
    margin-right: auto;
    overflow: hidden;
    color: #fff;
}

.home-four .echo-header-area.header-four .pnp-top-ticker-label {
    flex: 0 0 auto;
    margin-right: 12px;
    color: #a6d978;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.home-four .echo-header-area.header-four .pnp-top-ticker-slider {
    flex: 1 1 auto;
    width: 0;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
}

.home-four .echo-header-area.header-four .pnp-top-ticker-slider .swiper-slide,
.home-four .echo-header-area.header-four .pnp-top-ticker-slider a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-four .echo-header-area.header-four .pnp-top-ticker-slider a {
    color: #fff !important;
    font-size: 13px;
}

.home-four .echo-header-area.header-four .pnp-top-ticker-slider a:hover {
    color: #a6d978 !important;
}

@media (max-width: 575px) {
    .home-four .echo-header-area.header-four .pnp-top-ticker-label {
        display: none;
    }
}

/* Cards das listagens do blog, separados do fundo da página. */
.home-four .blog-list-content .post-item-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 12px;
    background: #191d28;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.home-four .blog-list-content .post-item-card .echo-hero-baner-text-heading-info-ct-1 {
    background: transparent;
}

html[data-theme="light"] .home-four .blog-list-content .post-item-card {
    border-color: #dce3e9;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}

/* Carrossel restrito ao card principal de Destaques. */
.tubatubi-hero-section .pnp-featured-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
}

.tubatubi-hero-section .pnp-featured-slider {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 12px;
}

.tubatubi-hero-section .pnp-featured-slider .swiper-slide {
    display: flex;
    height: auto;
}

.tubatubi-hero-section .pnp-featured-slider .tubatubi-hero-card {
    height: 100%;
}

.tubatubi-hero-section .pnp-featured-slider:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
}

.tubatubi-hero-section .pnp-featured-slider:not(.swiper-initialized) .swiper-slide:first-child {
    width: 100%;
}

.tubatubi-hero-section .pnp-featured-pagination {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    gap: 0;
    min-height: 30px;
    margin-top: 8px;
}

.tubatubi-hero-section .pnp-featured-pagination:empty {
    display: none;
}

.tubatubi-hero-section .pnp-featured-pagination .swiper-pagination-bullet {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
    cursor: pointer;
}

.tubatubi-hero-section .pnp-featured-pagination .swiper-pagination-bullet::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
}

.tubatubi-hero-section .pnp-featured-pagination .swiper-pagination-bullet-active::before {
    background: #8ccf5b;
    box-shadow: 0 0 0 3px rgba(140, 207, 91, 0.22);
}

.tubatubi-hero-section .pnp-featured-pagination .swiper-pagination-bullet:focus-visible {
    outline: 2px solid #8ccf5b;
    outline-offset: 3px;
}

html[data-theme="light"] .tubatubi-hero-section .pnp-featured-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)::before {
    background: #667085;
}
/* Public advertising page entry in the site footer. */
.av-footer-advertise { text-align: center; padding: 0 15px 28px; }
.av-footer-advertise a { color: #a6df7b !important; font-weight: 800; text-decoration: none; }
.av-footer-advertise a:hover { text-decoration: underline; }

/* Article inventory and clearly identified paid placements. */
.pnp-inline-ad {
    display: block;
    clear: both;
    margin: 2rem 0;
    text-align: center;
}
.pnp-ad-label {
    display: block;
    margin: 0 0 6px;
    color: #677481;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
}
.pnp-inline-ad picture,
.pnp-inline-ad img { display: block; margin-inline: auto; }
.pnp-house-ad {
    padding: 18px;
    border: 1px solid rgba(125, 170, 110, .45);
    border-radius: 12px;
    background: #142029;
    color: #f8faf8;
    text-align: left;
}
.pnp-house-ad .pnp-ad-label { color: #b5c4b8; text-align: left; }
.pnp-house-ad__body { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.pnp-house-ad strong { display: block; color: inherit; font-size: 17px; }
.pnp-house-ad p { margin: 5px 0 0; color: #c8d4d0; font-size: 14px; }
.pnp-house-ad a {
    flex: 0 0 auto;
    padding: 10px 15px;
    border-radius: 7px;
    background: #8ccf5b;
    color: #102018;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.pnp-house-ad a:hover,
.pnp-house-ad a:focus-visible { background: #a9e47f; color: #102018; }
html[data-theme="light"] .pnp-house-ad { background: #eef4ea; color: #1a2d23; }
html[data-theme="light"] .pnp-house-ad p { color: #42574b; }
html[data-theme="light"] .pnp-house-ad .pnp-ad-label { color: #526958; }
@media (max-width: 575px) {
    .pnp-house-ad__body { align-items: stretch; flex-direction: column; }
    .pnp-house-ad a { text-align: center; }
}

/* Product recommendations use real product photography and individual affiliate links. */
.home-four .pnp-affiliate-products {
    clear: both;
    width: 100%;
    margin: 24px 0;
    padding: 18px 20px;
    border: 1px solid #2a3340;
    border-radius: 12px;
    background: #151b23;
    text-align: left;
}
.home-four .pnp-affiliate-products .pnp-ad-label {
    margin: 0 0 4px;
    color: #aab7c3;
    text-align: left;
    letter-spacing: .06em;
}
.home-four .pnp-affiliate-products__heading {
    display: block;
    margin-bottom: 12px;
    color: #a7df79;
    font-size: 15px;
    line-height: 1.4;
}
.home-four .pnp-affiliate-products__items {
    display: grid;
    gap: 10px;
}
.home-four .pnp-affiliate-products__item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 8px;
    border-radius: 8px;
    color: #f3f6f8;
    text-decoration: none;
    transition: background .18s ease;
}
.home-four .pnp-affiliate-products__item:hover,
.home-four .pnp-affiliate-products__item:focus-visible {
    background: #223141;
    color: #fff;
}
.home-four .pnp-affiliate-products__item:focus-visible {
    outline: 2px solid #9bd96c;
    outline-offset: 2px;
}
.home-four .pnp-affiliate-products__item img {
    display: block;
    flex: 0 0 88px;
    width: 88px !important;
    height: 88px !important;
    margin: 0;
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}
.home-four .pnp-affiliate-products__copy {
    display: grid;
    min-width: 0;
    gap: 5px;
}
.home-four .pnp-affiliate-products__copy strong {
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}
.home-four .pnp-affiliate-products__copy small {
    color: #acc0cb;
    font-size: 12px;
    line-height: 1.35;
}
.home-four .pnp-affiliate-products--square {
    max-width: 320px;
    margin-inline: auto;
    padding: 12px;
}
.home-four .pnp-affiliate-products--square .pnp-affiliate-products__item {
    display: block;
    padding: 0;
}
.home-four .pnp-affiliate-products--square .pnp-affiliate-products__item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
}
html[data-theme="light"] .home-four .pnp-affiliate-products {
    border-color: #dce3e9;
    background: #f5f8f9;
}
html[data-theme="light"] .home-four .pnp-affiliate-products .pnp-ad-label,
html[data-theme="light"] .home-four .pnp-affiliate-products__copy small {
    color: #596b77;
}
html[data-theme="light"] .home-four .pnp-affiliate-products__heading { color: #426f29; }
html[data-theme="light"] .home-four .pnp-affiliate-products__item { color: #152331; }
html[data-theme="light"] .home-four .pnp-affiliate-products__item:hover,
html[data-theme="light"] .home-four .pnp-affiliate-products__item:focus-visible {
    background: #e6eee7;
    color: #152331;
}
@media (max-width: 575px) {
    .home-four .pnp-affiliate-products { padding: 14px; }
    .home-four .pnp-affiliate-products__item { gap: 10px; }
    .home-four .pnp-affiliate-products__item img {
        flex-basis: 72px;
        width: 72px !important;
        height: 72px !important;
    }
    .home-four .pnp-affiliate-products__copy strong { font-size: 13px; }
}

/* Match the member dashboard avatar in the public header. */
.home-four .pnp-header-account {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.home-four .pnp-header-account__avatar,
.home-four .pnp-header-account__avatar .avatar,
.home-four .pnp-header-account__initial {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.home-four .pnp-header-account__avatar {
    overflow: hidden;
}
.home-four .pnp-header-account__avatar .avatar {
    display: block;
    object-fit: cover;
    border: 2px solid #65a84e;
}
.home-four .pnp-header-account__initial {
    background: linear-gradient(135deg, #183818, #0d210d);
    border: 2px solid #65a84e;
    color: #a8e878;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 10px rgba(101, 168, 78, .4);
    box-shadow: 0 0 16px rgba(101, 168, 78, .25);
}
.home-four .pnp-header-account .user-name {
    max-width: 130px;
}

/* Shared image states for home cards, category lists, articles and widgets. */
.home-four img {
    color: transparent;
    font-size: 0;
}

.home-four .recovery-media-frame {
    position: relative;
}

.home-four .recovery-media-frame.is-loading,
.home-four .recovery-media-frame.is-error {
    background: #242532;
}

.home-four .recovery-media-frame.is-loading::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(100deg, #242532 8%, #343848 18%, #242532 33%);
    background-size: 200% 100%;
    animation: recovery-image-shimmer 1.35s linear infinite;
}

.home-four .recovery-media-frame.is-loading img.recovery-image,
.home-four .recovery-media-frame.is-error img.recovery-image {
    opacity: 0 !important;
}

.home-four .recovery-media-frame.is-loaded::before {
    content: none;
}

.home-four .recovery-media-frame.is-loaded img.recovery-image {
    opacity: 1 !important;
}

.home-four .recovery-media-frame.is-error::before {
    content: 'Imagem indisponível';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 8px;
    color: #aeb8c4;
    font-size: 11px;
    text-align: center;
    pointer-events: none;
}

.home-four img.recovery-image.is-loading {
    background: linear-gradient(100deg, #242532 8%, #343848 18%, #242532 33%);
    background-size: 200% 100%;
    animation: recovery-image-shimmer 1.35s linear infinite;
}

@keyframes recovery-image-shimmer {
    to { background-position-x: -200%; }
}

html:not([data-theme='dark']) .home-four .recovery-media-frame.is-loading,
html:not([data-theme='dark']) .home-four .recovery-media-frame.is-error {
    background: #e8edf2;
}

html:not([data-theme='dark']) .home-four .recovery-media-frame.is-loading::before,
html:not([data-theme='dark']) .home-four img.recovery-image.is-loading {
    background: linear-gradient(100deg, #e8edf2 8%, #f5f7fa 18%, #e8edf2 33%);
    background-size: 200% 100%;
}

html:not([data-theme='dark']) .home-four .recovery-media-frame.is-error::before {
    color: #64748b;
}

@media (prefers-reduced-motion: reduce) {
    .home-four .recovery-media-frame.is-loading::before,
    .home-four img.recovery-image.is-loading {
        animation: none;
    }
}