/*
Theme Name: MeuVasco
Theme URI: https://www.meuvasco.com.br
Author: Rafael / MeuVasco
Author URI: https://www.meuvasco.com.br
Description: Tema leve e personalizado do MeuVasco, inspirado no layout atual do site.
Version: 1.0.33.0
Text Domain: meuvasco-2025*/

:root {
    --mv-red: #cc0000;
    --mv-dark: #000000;
    --mv-bg: #f4f4f4;
    --mv-radius-card: 10px;
    --mv-radius-img: 6px;
}

/* =========================================================
   HOTFIX: Center content + prevent ad overlap (desktop/mobile)
   ========================================================= */

.mv-ad-single-incontent{
  clear: both;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 28px auto;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.mv-ad-single-incontent .adsbygoogle{
  display: block !important;
  margin: 0 auto !important;
  max-width: 100%;
}

@media (min-width: 861px){
  .mv-ad-single-incontent{ min-height: 260px; }
}

@media (max-width: 860px){
  .mv-ad-single-incontent{ min-height: 110px; }
}

/* Ensure article text stays centered in both mobile and desktop */
.mv-single .mv-post-card,
.single .mv-post-card{
  margin-left: auto;
  margin-right: auto;
}

/* Sticky footer ad: keep compact 300x50 and not cover content */
.mv-sticky-ad{
  max-height: 66px;
}
.mv-sticky-ad-inner{
  max-width: 360px;
}

body {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--mv-bg);
    color: #111;
    font-size: 15px;
    line-height: 1.6;
}

/* Layout base */

.mv-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 15px 40px;
    display: flex;
    gap: 24px;
}

.mv-content {
    /* Main column should naturally fill remaining space next to the sidebar */
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.mv-sidebar {
    /* Sidebar optimized for premium 300x600 (and 300x250) ad slots */
    width: 300px;
    flex: 0 0 300px;
}

/* Header */

.mv-header {
    background: var(--mv-dark);
    color: #fff;
}

.mv-header-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
}

.mv-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mv-logo img {
    max-height: 40px;
    width: auto;
}

/* Esconde a descrição longa do site que quebrava o layout */
.mv-site-title {
    display: none;
}

/* Desktop nav */

.mv-main-nav {
    /* Estrutura: Logo à esquerda | Menu no centro | Ações (buscar/conta) à direita */
    margin-left: 22px;
    flex: 1;
    display: flex;
    justify-content: center;
}

.mv-main-nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 22px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.mv-main-nav li {
    position: relative;
}

.mv-main-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    padding-bottom: 6px;
}

.mv-main-nav a:hover {
    color: #ffffff;
}

.mv-main-nav li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: transparent;
    border-radius: 999px;
    transition: background 0.2s ease;
}

.mv-main-nav li:hover::after,
.mv-main-nav .current-menu-item::after,
.mv-main-nav .current_page_item::after {
    background: var(--mv-red);
}

/* Botão hamburger (mobile) */

.mv-menu-toggle-checkbox {
    display: none;
}

.mv-menu-toggle {
    display: none;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 6px 10px;
}










/* Header search icon + inline bar — v27.5 (flat estilo ESPN, ícone clicável + X na posição da lupa) */

.mv-header {
}

/* Busca aberta: não altere o menu (evita parecer que o texto “mudou de peso”) */


.mv-header-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }

/* ==========================================================
   HEADER LAYOUT FIX
   Garante: Logo à esquerda • Menu central • Ações à direita
   (evita reordenação inesperada em alguns breakpoints)
   ========================================================== */

/* Força o header a continuar flex, mesmo se algum CSS externo sobrescrever */
.mv-header-inner{
  display:flex !important;
  align-items:center !important;
}

/* Ordem explícita dos blocos */
.mv-header-brand{ order:1 !important; flex:0 0 auto; }
.mv-header-nav{ order:2 !important; flex:1 1 auto; display:flex; justify-content:center; }
.mv-header-actions{
  order:3 !important;
  flex:0 0 auto;
  /* Mantém ações sempre coladas à direita (mesmo quando o menu some no mobile) */
  margin-left:auto !important;
  justify-content:flex-end;
}

/* Mantém o menu centralizado sem “puxar” para a esquerda */
.mv-header-nav ul{ justify-content:center; }

.mv-user-cta{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; text-decoration:none; font-weight:700; }
.mv-user-cta svg{ width:18px; height:18px; fill:currentColor; display:block; }
@media(max-width:820px){ .mv-user-cta .mv-user-text{ display:none; } .mv-header-nav{ display:none; } .mv-header-search{ display:none; } }
.mv-search-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.mv-search-toggle {
    margin-left: 0;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.mv-search-toggle:hover,
.mv-search-toggle:focus {
    outline: none;
    color: #e5e7eb;
}

.mv-search-icon {
    width: 20px;
    height: 20px;
    display: block;
}

.mv-search-toggle-x {
    display: none;
    font-size: 20px;
    line-height: 1;
    margin-left: 4px;
}

/* Área do Vascaíno: botão/conta no header */
.mv-user-login {
    margin-left: 12px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.mv-user-login:hover {
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}

/* User CTA (Entrar / Cadastre-se) */
.mv-user-area{display:flex;align-items:center;gap:10px;}
.mv-user-login{white-space:nowrap;}
.mv-user-register{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 12px;border-radius:10px;background:#18a957;color:#fff !important;font-weight:700;font-size:13px;line-height:1;text-decoration:none;}
.mv-user-register:hover{filter:brightness(0.95);}

/* Ícone de conta (usado no mobile para evitar quebrar o header quando não logado) */
.mv-user-icon{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);color:#fff;text-decoration:none;}
.mv-user-icon:hover{border-color:rgba(255,255,255,0.35);}

@media (max-width: 768px){
  .mv-user-area{gap:8px;}
  .mv-user-register{padding:7px 10px;font-size:12px;}
}

@media (max-width: 520px){
  .mv-user-login,
  .mv-user-register{display:none !important;}
  .mv-user-icon{display:inline-flex;}
}


.mv-user-menu {
    margin-left: 12px;
    position: relative;
}
.mv-user-menu summary {
    list-style: none;
}
.mv-user-menu summary::-webkit-details-marker {
    display: none;
}
.mv-user-summary {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    user-select: none;
}
.mv-user-summary:hover {
    border-color: rgba(255, 255, 255, 0.35);
}
.mv-user-avatar img {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: block;
}
.mv-user-avatar-letter{ width:28px; height:28px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:#fff; color:#111; font-size:13px; font-weight:900; }

.mv-user-name {
    font-weight: 700;
    font-size: 13px;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mv-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 8px;
    z-index: 80;
}
.mv-user-dropdown a {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    color: #111;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}
.mv-user-dropdown a:hover {
    background: #f3f4f6;
}
.mv-user-dropdown .mv-user-logout {
    color: #b91c1c;
}

/* Quando barra aberta, troca ícone de lupa por X */
.mv-search-open .mv-search-icon {
    display: none;
}
.mv-search-open .mv-search-toggle-x {
    display: block;
}

/* Em telas menores, a busca NÃO deve esconder a área de conta (Entrar/Cadastre-se).
   Mantemos a área visível e controlamos o layout pela largura/posicionamento da barra de busca. */

/* Container do header relativo para ancorar a barra */

.mv-header-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
}

/* Barra de busca reta (sem pill duplo) */

.mv-search-inline {
    position: absolute;
    top: 50%;
    /* ancorado no botão de busca e abrindo para a esquerda, sem empurrar o header */
    right: 44px;
    left: auto;
	/* evita a barra ficar enorme ("espaço branco"), mantendo proporção parecida com Lance */
	width: min(440px, 56vw);
    display: flex;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
    z-index: 40;
    padding: 0 10px;

    opacity: 0;
    pointer-events: none;
    transform: translateX(12px) translateY(-50%);
    transition: transform 0.22s ease-out, opacity 0.22s ease-out;
}

.mv-search-inline.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) translateY(-50%);
}

@media (max-width: 820px){
  .mv-search-inline{width: min(92vw, 560px);}
}

/* Ícone de busca clicável dentro da barra */

.mv-search-inline-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    color: #9ca3af;
    background: transparent;
    border: none;
    padding: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    appearance: none;
}

.mv-search-inline-icon-svg {
    width: 20px;
    height: 20px;
}

/* Formulário de busca ocupa o meio da barra */

.mv-search-inline .search-form,
.mv-search-inline form {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Input sem pill interno, só linha reta */

.mv-search-inline input[type="search"],
.mv-search-inline input[type="text"] {
    flex: 1;
    padding: 10px 8px;
    border-radius: 0;
    border: none;
    border-left: 1px solid #e5e7eb;
    font-size: 0.9rem;
}

/* Esconde o botão de submit "Pesquisar" para ficar só o ícone + campo + X */

.mv-search-inline input[type="submit"],
.mv-search-inline button[type="submit"] {
    display: none;
}

/* WP padrão: evita que o texto do label (screen-reader-text) ocupe espaço visível */
.mv-search-inline .screen-reader-text,
.mv-mobile-search .screen-reader-text,
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Garante que o label não crie “coluna” antes do input */
.mv-search-inline .search-form label,
.mv-mobile-search .search-form label {
    display: block;
    width: 100%;
    margin: 0;
}

/* Botão X na borda direita, mesma posição da lupa original */

.mv-search-inline-close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: #111827;
    border: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    cursor: pointer;
}

.mv-search-inline-close:hover,
.mv-search-inline-close:focus {
    background: #000000;
}

/* Mobile: barra ocupa praticamente toda a largura logo abaixo do header, com slide vertical */


/* Força o input da barra de busca a ficar 100% flat (sem pill, sem borda herdada) */
.mv-search-inline input[type="search"],
.mv-search-inline input[type="text"] {
    flex: 1;
    padding: 10px 8px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 0.9rem;
}

@media (max-width: 768px) {

    .mv-search-inline {
        top: 100%;
        left: 10px;
        right: 60px;
        width: auto;
        padding: 0 10px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
        transform: translateY(-8px) translateX(0);
        opacity: 0;
        pointer-events: none;
        transition: transform 0.22s ease-out, opacity 0.22s ease-out;
    }

    .mv-search-inline.is-open {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) translateX(0);
    }

    .mv-search-toggle {
        margin-left: 10px;
        padding: 4px;
    }
}
/* Hero da home */

.mv-hero {
    margin-bottom: 18px;
}

.mv-hero-grid {
    display: grid;
    grid-template-columns: 2.1fr 1.3fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
}

.mv-hero-main {
    grid-row: 1 / 3;
    position: relative;
    background: #000;
    color: #fff;
    border-radius: var(--mv-radius-card);
    overflow: hidden;
    min-height: 420px;
}

.mv-hero-main-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mv-hero-main-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 26px 26px 22px;
    background: linear-gradient(to top, rgba(0,0,0,0.92), rgba(0,0,0,0.3), transparent);
}

.mv-hero-main-title {
    font-size: 2.3rem;
    line-height: 1.22;
    margin: 0 0 8px;
    font-weight: 800;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}

.mv-hero-main-meta {
    font-size: 0.85rem;
    opacity: 0.92;
}

.mv-hero-main a {
    color: #fff;
    text-decoration: none;
}

.mv-hero-side {
    position: relative;
    border-radius: var(--mv-radius-card);
    overflow: hidden;
    background: #000;
    color: #fff;
    min-height: 200px;
}

.mv-hero-side-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mv-hero-side-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 16px 16px 14px;
    background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.2), transparent);
}

.mv-hero-side-title {
    font-size: 1.15rem;
    margin: 0 0 4px;
    font-weight: 700;
}

.mv-hero-side-meta {
    font-size: 0.8rem;
    opacity: 0.9;
}

.mv-hero-side a {
    color: #fff;
    text-decoration: none;
}

/* Wrapper de lista */

.mv-list-wrapper {
    background: #fff;
    padding: 10px 0 10px;
    margin: 0 auto 30px;
    border-radius: var(--mv-radius-card);
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.mv-list-header {
    padding: 14px 22px 4px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ícone da Cruz de Malta ao lado do título da seção */
.mv-section-icon {
    display: inline-block;
    font-family: 'meuvasco' !important;
    font-size: 20px;
    line-height: 1;
    color: var(--mv-red);
    margin-right: 8px;
    vertical-align: middle;
}

.mv-section-icon::before,






.mv-list-header h1,
.mv-list-header h2 {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
}

.mv-list {
    margin: 0 22px 10px;
}

.mv-list-post {
    display: grid;
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    gap: 22px;
    padding: 24px 0;
    border-top: 1px solid #eee;
}

.mv-list-post:first-child {
    border-top: none;
}

.mv-list-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--mv-radius-img);
}

/* Padroniza a altura/ratio das thumbs em listas (evita cards com thumbs mais altas/baixas) */
.mv-list-thumb {
    display: block;
    overflow: hidden;
    border-radius: var(--mv-radius-img);
    aspect-ratio: 16 / 9;
    background: rgba(0,0,0,0.04);
}

.mv-list-title {
    font-size: 1.3rem;
    margin: 0 0 6px;
    font-weight: 800;
}

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

.mv-list-title a:hover {
    color: var(--mv-red);
}

.mv-list-excerpt {
    font-size: 0.96rem;
    color: #444;
    margin-bottom: 0;
}

.mv-list-meta {
    font-size: 0.8rem;
    color: #777;
}

/* Share discreto dentro da lista */
.mv-list-share {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

/* Widgets */

.mv-widget {
    background: #fff;
    padding: 18px 16px;
    margin-bottom: 16px;
    border-radius: var(--mv-radius-card);
    /* sem sombra para ficar mais clean na sidebar */
    box-shadow: none;
    border: 1px solid #eee;
}

.mv-widget-title {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Conteúdo genérico / single */

.mv-post {
    background: #fff;
    padding: 26px 26px;
    margin: 24px auto;
    border-radius: var(--mv-radius-card);
    max-width: 900px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}


/* Single: deixar o conteúdo mais aberto (menos espaçamento interno) */
.single .mv-single-card .mv-post {
    padding: 0;
}

.mv-post h1,
.mv-post h2 {
    margin-top: 0;
}

.mv-post h1 {
    font-size: 2.1rem;
    line-height: 1.35;
    font-weight: 800;
}

.mv-post-meta {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Compartilhamento compacto na linha da data (desktop) */
@media (min-width: 768px) {
    .mv-post-meta .mv-meta-share {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .mv-post-meta .mv-meta-share .mv-share-btn {
        width: 32px;
        height: 32px;
        margin: 0;
    }
    .mv-post-meta .mv-meta-share .mv-share-btn img,
    .mv-post-meta .mv-meta-share .mv-share-btn svg {
        width: 14px;
        height: 14px;
    }
}

.mv-post-comments-link {
    color: #666666;
    text-decoration: none;
    font-weight: 500;
}

.mv-post-comments-link:hover {
    text-decoration: underline;
}

/* Área dos botões de compartilhar */
.mv-post-share {
    margin: 10px 0;
    opacity: 0.9;
    transform: scale(0.82);
    text-align: center;
}

/* Links dentro do conteúdo do post */
.mv-post-content a {
    color: var(--mv-red);
    text-decoration: underline;
}

.mv-post-content a:hover {
    color: #ff3333;
}

.mv-post-content a:visited {
    color: var(--mv-red);
}


/* Largura máxima do texto/imagens dentro do post */
/* Post body (desktop): usar toda a largura do card, sem limitar a 640px */
.single .mv-post-content {
    max-width: 100%;
    margin: 0 0 32px;
}

/* Imagens dentro do conteúdo: sempre 100% do container */
.single .mv-post-content img,
.single .mv-post-content figure,
.single .mv-post-content .wp-block-image {
    max-width: 100%;
}
/* Garantir que mídia dentro do conteúdo respeite a largura disponível */
.single .mv-post-content img,
.single .mv-post-content video,
.single .mv-post-content iframe,
.single .mv-post-content embed,
.single .mv-post-content object {
    max-width: 100%;
}



/* Texto do conteúdo */
.mv-post-content,
.mv-page-content {
    font-size: 1rem;
    line-height: 1.8;
}

/* ===== v99.2 – Subtítulos (H2/H3) no conteúdo =====
   Corrige Gutenberg (h2/h3 com class wp-block-heading) e reduz força
   para não confundir com o título principal. */
.mv-post-content h2,
.mv-post-content h2.wp-block-heading,
.mv-page-content h2,
.mv-page-content h2.wp-block-heading {
    font-size: 1.12rem;
    line-height: 1.26;
    font-weight: 600;
    margin: 8px 0 6px;
    letter-spacing: -0.005em;
}

.mv-post-content h3,
.mv-post-content h3.wp-block-heading,
.mv-page-content h3,
.mv-page-content h3.wp-block-heading {
    font-size: 0.98rem;
    line-height: 1.32;
    font-weight: 600;
    margin: 6px 0 6px;
    letter-spacing: -0.005em;
}

/* Evita “buraco” grande quando o subtítulo vem logo após outro bloco */
.mv-post-content h2:first-child,
.mv-page-content h2:first-child,
.mv-post-content h3:first-child,
.mv-page-content h3:first-child {
    margin-top: 0;
}

/* Limitar largura das imagens dentro do conteúdo */
.mv-post-content img,
.mv-post-content figure img {
    max-width: 640px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Tratar blocos wide/full do Gutenberg para não estourar */
.mv-post-content .alignwide,
.mv-post-content .alignfull,
.mv-post-content img.alignwide,
.mv-post-content img.alignfull,
.mv-post-content figure.alignwide,
.mv-post-content figure.alignfull {
    max-width: 640px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Figure e legenda (caption) das imagens */
.mv-post-content figure {
    margin: 0 0 1.5em;
    text-align: center;
}

.mv-post-content figcaption,
.mv-post-content .wp-caption-text {
    font-size: 0.85rem;
    color: #666;
    margin-top: 12px;
    text-align: center;
}





/* Captioned images: keep rounded corners even when wrapped in <a> */
.mv-post-content figure > a,
.mv-post-content figure a,
.mv-post-content .wp-caption > a,
.mv-post-content .wp-caption a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.mv-post-content figure img,
.mv-post-content .wp-caption img {
  border-radius: 16px;
}

/* Slightly more breathing room between image and caption text */
.mv-post-content .wp-caption-text {
  margin-top: 12px;
}

/* Embeds de vídeo responsivos no conteúdo dos posts */
/* Default (iframes) */
.mv-post-content .mv-video-embed.mv-video-iframe {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 1.5rem 0;
    border-radius: var(--mv-radius-card);
    overflow: hidden;
    background: #000;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    aspect-ratio: 16 / 9;
}

/* Native <video> (Twitter/GE, mp4, etc.)
   Do not force aspect-ratio; let the browser size it to avoid cutting controls/end frames. */
.mv-post-content .mv-video-embed.mv-video-native {
    width: 100%;
    max-width: 100%;
    margin: 1.5rem 0;
    background: transparent;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    border-radius: var(--mv-radius-card);
}

/* Iframe embeds fill the rounded container */
.mv-post-content .mv-video-embed.mv-video-iframe iframe,
.mv-post-content .mv-video-embed.mv-video-iframe video,
.mv-post-content .mv-video-embed.mv-video-iframe .wp-block-embed__wrapper,
.mv-post-content .mv-video-embed.mv-video-iframe .wp-block-video {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Native <video> should keep its natural height */
.mv-post-content .mv-video-embed.mv-video-native video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--mv-radius-card);
}

/* Garante que figuras de vídeo não adicionem margens extras */
.mv-post-content figure .mv-video-embed {
    margin: 0 auto;
}

/* Comentários nativos do WP */

.mv-post .comments-area {
    margin-top: 30px;
    border-top: none;
    padding-top: 0;
}

.mv-post .comments-title {
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.mv-post .comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mv-post .comment-list > li {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
}

.mv-post .comment-body {
    font-size: 0.95rem;
}

.mv-post .comment-meta {
    font-size: 0.8rem;
    color: #777;
    margin-bottom: 0;
}

.mv-post .comment-author {
    font-weight: 600;
}

.mv-post .comment-content {
    margin-top: 4px;
}

.mv-post .reply {
    margin-top: 4px;
}

.mv-post .reply a {
    font-size: 0.8rem;
    color: var(--mv-red);
}

/* Formulário de comentário */

.mv-post .comment-respond {
    margin-top: 24px;
}

.mv-post .comment-respond h3 {
    font-size: 1.1rem;
    margin-bottom: 12px;
}

.mv-post .comment-form p {
    margin-bottom: 10px;
}

.mv-post .comment-form label {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 4px;
}

.mv-post .comment-form input[type="text"],
.mv-post .comment-form input[type="email"],
.mv-post .comment-form input[type="url"],
.mv-post .comment-form textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 0.95rem;
    box-sizing: border-box;
}

.mv-post .comment-form textarea {
    min-height: 120px;
    resize: vertical;
}

.mv-post .form-submit input[type="submit"] {
    background: var(--mv-red);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 8px 18px;
    font-size: 0.95rem;
    cursor: pointer;
}

.mv-post .form-submit input[type="submit"]:hover {
    background: #111;
}

/* Paginação */

.mv-pagination {
    text-align: center;
    margin-top: 10px;
}

.mv-pagination .page-numbers {
    display: inline-block;
    margin: 0 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.mv-pagination .page-numbers.current {
    background: var(--mv-red);
    color: #fff;
    font-weight: 600;
}

.mv-pagination .page-numbers:hover {
    background: #111;
    color: #fff;
}

/* Responsivo */

@media (max-width: 1200px) {
    .mv-header-inner {
        padding: 10px 18px;
        gap: 20px;
    }

    .mv-main-nav ul {
        gap: 16px;
    }
}

@media (max-width: 1024px) {
    .mv-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 15px 40px;
    display: flex;
    gap: 24px;
}

    .mv-sidebar {
    width: 300px;
    flex: 0 0 300px;
}

    .mv-hero-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .mv-hero-main {
        grid-row: auto;
        min-height: 340px;
    }

    .mv-list-wrapper {
        margin: 8px auto 24px;
        border-radius: 8px;
    }

    .mv-list {
        margin: 0 16px 10px;
    }
}

@media (max-width: 768px) {
    .mv-header-inner {
        padding: 8px 14px;
    }

    .mv-main-nav {
        width: 100%;
        margin-left: 0;
        margin-top: 4px;
    }

    .mv-menu-toggle {
        display: block;
        margin-left: auto;
    }

    /* Esconde menu por padrão no mobile */
    .mv-main-nav {
        display: none;
    }

    #mv-menu-toggle:checked ~ nav.mv-main-nav {
        display: block;
    }

    .mv-main-nav ul {
        flex-direction: column;
        gap: 8px;
        padding: 10px 4px 12px;
        background: #000;
        border-top: 1px solid #222;
    }

    .mv-main-nav li {
        padding: 2px 4px;
    }

    .mv-main-nav a {
        font-size: 0.9rem;
    }

    .mv-list-post {
        grid-template-columns: 1fr;
    }

    .mv-post {
        margin: 16px auto;
        padding: 18px 14px;
    }

    .mv-post-share {
        transform: scale(0.9);
    }

    .mv-post-content img,
    .mv-post-content figure img {
        max-width: 100%;
    }
}

@media (max-width: 520px) {
    .mv-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 15px 40px;
    display: flex;
    gap: 24px;
}
}


/* === Ajustes extras de espaço na sidebar (v1.8.4) === */
.mv-sidebar .mv-widget {
    padding: 20px 20px;
}

.mv-sidebar .mv-widget-title {
    margin-bottom: 12px;
}

/* Classificação: linhas mais confortáveis */
.mv-sidebar .mvcs-table th,
.mv-sidebar .mvcs-table td {
    padding: 6px 6px;
    font-size: 13px;
}

/* Próximos jogos: mais espaçamento entre jogos */
.mv-sidebar .mvpj-game {
    padding: 8px 4px;
    border-bottom: 1px solid #f3f3f3;
}

.mv-sidebar .mvpj-game:last-child {
    border-bottom: none;
}

/* Um pouco mais de largura para a coluna da sidebar em telas grandes */
@media (min-width: 1025px) {
    .mv-sidebar {
    width: 300px;
    flex: 0 0 300px;
}
}
/* Ajustes extras de respiro na sidebar (classificação + próximos jogos) */
.mv-sidebar .mv-widget {
    padding: 20px 20px;
}

.mv-sidebar .mvcs-table th,
.mv-sidebar .mvcs-table td {
    padding: 6px 6px;
    font-size: 13px;
}

.mv-sidebar .mvpj-game {
    padding: 8px 4px;
    border-bottom: 1px solid #f3f3f3;
}

.mv-sidebar .mvpj-game:last-child {
    border-bottom: none;
}

.mv-sidebar .mv-widget-title {
    margin-bottom: 12px;
}

/* Força classificação da sidebar a usar toda a largura disponível */
.mv-sidebar .mvcs-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* Garante que a tabela da classificação ocupe todo o espaço */
.mv-sidebar .mvcs-table {
    width: 100%;
}

/* Ajuste de padding nas células para melhor leitura */
.mv-sidebar .mvcs-table th,
.mv-sidebar .mvcs-table td {
    padding-left: 8px;
    padding-right: 8px;
}


/* ---------------------------
 * Ajustes finos – layout mobile
 * --------------------------- */
@media (max-width: 1024px) {
    .mv-container {
        flex-direction: column;
        max-width: 100%;
        padding: 10px 12px 30px;
        gap: 16px;
    }

    .mv-main {
        width: 100%;
    }

    .mv-sidebar {
        width: 100%;
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    /* Hero em coluna no mobile */
    .mv-hero-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 10px;
    }

    .mv-hero-main,
    .mv-hero-secondary {
        min-height: 200px;
    }

    .mv-hero-main .mv-hero-meta,
    .mv-hero-main .mv-hero-title {
        font-size: 14px;
        padding: 10px 12px;
    }

    .mv-hero-main .mv-hero-title {
        font-size: 18px;
        line-height: 1.3;
    }

    /* Lista de últimas notícias mais compacta */
    .mv-post-list-item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px 12px;
        gap: 10px;
    }

    .mv-post-thumb {
        width: 36%;
        min-width: 36%;
        /* mantém thumbs consistentes (evita imagens verticais gigantes) */
        aspect-ratio: 16 / 10;
        border-radius: 10px;
        overflow: hidden;
    }

    .mv-post-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 0;
    }

    .mv-post-body {
        width: 64%;
    }

    .mv-post-title {
        font-size: 15px;
        line-height: 1.35;
        margin-bottom: 4px;
    }

    .mv-post-meta {
        font-size: 11px;
        opacity: .8;
    }

    .mv-post-excerpt {
        font-size: 13px;
        line-height: 1.4;
        max-height: 3.2em;
        overflow: hidden;
    }

    /* Sidebar em bloco cheio */
    .mv-sidebar .widget {
        margin-bottom: 14px;
        box-shadow: none;
        border-radius: 10px;
    }

    .mv-sidebar .mvcs-table,
    .mv-sidebar .mvcs-wrapper {
        font-size: 12px;
    }

    .mv-sidebar .mvcs-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Single post */
    .mv-single-wrap {
        max-width: 100%;
        padding: 12px 14px 30px;
    }

    .mv-single-title {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .mv-single-meta {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .mv-single-share {
        justify-content: flex-start;
        gap: 6px;
        margin-bottom: 14px;
    }

    .mv-single-content {
        font-size: 15px;
        line-height: 1.6;
    }

    .mv-single-content img {
        height: auto;
        max-height: 60vh;
    }
}


/* ---------------------------
 * Ajustes finos – mobile v19.4
 * --------------------------- */
@media (max-width: 768px) {
    /* HERO em coluna e com textos mais confortáveis */
    .mv-hero-grid {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .mv-hero-main,
    .mv-hero-secondary {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .mv-hero-title {
        word-break: normal;
        white-space: normal;
        font-size: 17px;
        line-height: 1.3;
        padding: 8px 12px;
    }

    .mv-hero-meta {
        font-size: 12px;
        padding: 0 12px 10px;
    }

    /* Título da lista de notícias mais compacto */
    .mv-list-header h1 {
        font-size: 19px;
        line-height: 1.25;
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 12px;
    }

    /* Cards da lista de notícias em layout horizontal */
    .mv-post-list-item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
        padding: 10px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    }

    .mv-post-thumb {
        width: 40%;
        flex: 0 0 40%;
        /* mantém thumbs consistentes também no desktop */
        aspect-ratio: 16 / 10;
        border-radius: 10px;
        overflow: hidden;
    }

    .mv-post-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 0;
    }

    .mv-post-body {
        flex: 1;
        width: 60%;
    }

    .mv-post-title {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 4px;
    }

    .mv-post-excerpt {
        font-size: 13px;
        line-height: 1.4;
        max-height: 3.2em;
        overflow: hidden;
    }
}


/* ---------------------------
 * Mobile: ocultar sidebar (Classificação / Próximos Jogos)
 * --------------------------- */
@media (max-width: 768px) {
    .mv-sidebar {
        display: none;
    }
}


/* ---------------------------
 * Mobile layout fix – expand content when sidebar is hidden (v19.6)
 * --------------------------- */
@media (max-width: 768px) {
    .mv-content,
    .mv-main {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .mv-main {
        display: block;
    }

    .mv-hero-grid {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .mv-hero-grid article {
        width: 100% !important;
    }
}


/* ---------------------------
 * Mobile refinements – hero title & Cruz alignment (v19.7)
 * --------------------------- */
@media (max-width: 768px) {
    /* diminuir título do destaque principal */
    .mv-hero-main-title {
        font-size: 1.7rem !important;
        line-height: 1.25 !important;
    }

    /* alinhamento fino da Cruz de Malta + título da lista */
    .mv-list-header {
        align-items: center;
    }

    .mv-section-icon {
        font-size: 18px;
        margin-right: 6px;
        position: relative;
        top: 1px;
    }

    .mv-list-header h1,
    .mv-list-header h2 {
        font-size: 1.25rem;
    }
}


/* ---------------------------
 * Cruz de Malta – alinhamento absoluto (v19.8)
 * --------------------------- */
.mv-list-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mv-section-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    color: #b40000 !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
}

.mv-list-header h1,
.mv-list-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
}


/* ---------------------------
 * Ajustes v19.9 – share buttons na home e excerpt mais curto
 * --------------------------- */

/* Excerpt mais curto por padrão */
.mv-post-excerpt {
    font-size: 14px;
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
}

/* No mobile, ainda mais compacto */
@media (max-width: 768px) {
    .mv-post-excerpt {
        font-size: 13px;
        line-height: 1.3;
        max-height: 2.1em;
        overflow: hidden;
    }

    /* Cruz de Malta sobe 5px apenas no mobile */
    .mv-section-icon {
        top: -8px !important;
    }
}

/* Container genérico para botões de compartilhamento na lista */
.mv-share-inline,
.mv-share-buttons {
    margin-top: 4px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .mv-share-inline,
    .mv-share-buttons {
        transform: scale(0.8);
        opacity: 0.9;
        margin-top: 0;
    }
}


/* Ajuste do título "Últimas notícias do Vasco" no mobile */
@media (max-width: 767px) {
  .mv-section-title {
    position: relative;
    top: -5px;
  }
}

/* Share buttons nativos na homepage */
.mv-list-share {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.mv-share-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.mv-share-whatsapp { background: #25D366; }
.mv-share-x { background: #000; }
.mv-share-facebook { background: #1877F2; }

@media (max-width: 767px) {
  .mv-share-btn {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}


/* Leia mais link na lista */
.mv-readmore {
  font-size: 0.85rem;
  color: #888;
  text-decoration: none;
}
.mv-readmore:hover {
  color: #c8102e;
  text-decoration: underline;
}

/* Ajuste dos ícones SVG de share */
.mv-share-icon {
  width: 14px;
  height: 14px;
}
@media (max-width: 767px) {
  .mv-share-icon {
    width: 12px;
    height: 12px;
  }
}


/* Logo do MeuVasco no cabeçalho */
.mv-logo img {
  display: block;
  height: auto;
  width: 180px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .mv-logo img {
    width: 140px;
  }
}


/* Navegação principal - layout desktop */
.mv-main-nav ul {
  display: flex;
  align-items: center;
    justify-content: center;
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mv-main-nav li {
  margin: 0;
}

.mv-main-nav a {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  padding: 6px 0;
}

.mv-main-nav a:hover {
  color: #f5f5f5;
}

/* Toggle do menu (hamburger) - escondido no desktop */
.mv-menu-toggle {
  display: none;
}

/* Mobile header & menu */
@media (max-width: 900px) {
  .mv-header-inner {
    padding: 10px 16px;
  }

  .mv-main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--mv-dark);
    padding: 10px 18px 14px;
    display: none;
    z-index: 20;
  }

  .mv-main-nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .mv-menu-toggle {
    display: block;
    margin-left: auto;
  }

  #mv-menu-toggle:checked ~ nav.mv-main-nav {
    display: block;
  }
}


/* Ajustes finos header/menu + logo maior no mobile */

/* Mobile/Tablet menu colapsado */
@media (max-width: 992px) {
  .mv-header {
}


  .mv-header-inner {
    align-items: center;
  }

  .mv-main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--mv-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 10px 18px 14px;
    display: none;
    z-index: 50;
  }

  .mv-main-nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .mv-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 4px 8px;
    margin-left: auto;
    color: #fff;
  }

  .mv-menu-toggle-checkbox:checked ~ .mv-main-nav {
    display: block;
  }
}

/* Logo um pouco maior no mobile */
@media (max-width: 768px) {
  .mv-logo img {
    width: 160px;
  }
}


/* === MV SEO home (card estilo JNews) v20.28 === */
.mv-seo-home{
  margin:48px auto 32px;
  max-width:1060px;
  background:#f9fafb;
  border-radius:24px;
  padding:32px 40px 30px;
  color:#111;
  font-size:17px;
  line-height:1.75;
  text-align:center;
  box-shadow:0 16px 40px rgba(15,23,42,0.08);
}
.mv-seo-home h2{
  font-size:clamp(2.0rem,2.6vw,2.4rem);
  margin:0 0 18px;
  font-weight:700;
}
.mv-seo-home h3{
  font-size:1.2rem;
  margin:28px 0 10px;
  font-weight:700;
}
.mv-seo-home p{
  margin:0 auto 10px;
  max-width:780px;
}
.mv-seo-home .mv-seo-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  list-style:none;
  padding:0;
  margin:24px 0 0;
}
.mv-seo-home .mv-seo-links a{
  background:#eef1f5;
  border-radius:999px;
  padding:8px 16px;
  text-decoration:none;
  color:#111;
  font-weight:600;
  transition:background .18s ease, transform .18s ease;
}
.mv-seo-home .mv-seo-links a:hover{
  background:#e1e4ea;
  transform:translateY(-1px);
}
@media (max-width:768px){
  .mv-seo-home{
    margin:32px 16px 24px;
    padding:24px 18px 20px;
    font-size:16px;
    text-align:left;
  }
  .mv-seo-home h2{
    font-size:1.5rem;
    margin-bottom:14px;
    text-align:left;
  }
  .mv-seo-home h3{
    font-size:1.1rem;
    margin-top:20px;
  }
  .mv-seo-home p{
    max-width:none;
  }
  .mv-seo-home .mv-seo-links{
    justify-content:flex-start;
  }
}




/* === Lightbox para imagens dentro de posts (single) v20.31 === */
.mv-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.mv-lightbox.is-open {
    display: flex;
}
.mv-lightbox-img {
    max-width: 100%;
    max-height: 95vh;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,.6);
    opacity: 0;
    transform: scale(.96);
    transition: opacity .25s ease, transform .25s ease;
}
.mv-lightbox.is-open .mv-lightbox-img {
    opacity: 1;
    transform: scale(1);
}

/* Ações do lightbox (ex.: Pinterest) */
.mv-lightbox-actions {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10000;
}

.mv-lightbox-pin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(0,0,0,.65);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.mv-lightbox-pin:hover {
    background: rgba(0,0,0,.9);
}
.mv-lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: none;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.mv-lightbox-close:hover {
    background: rgba(0,0,0,.9);
}

.mv-lightbox-prev,
.mv-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: none;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mv-lightbox-prev {
    left: 24px;
}
.mv-lightbox-next {
    right: 24px;
}
.mv-lightbox-prev:hover,
.mv-lightbox-next:hover {
    background: rgba(0,0,0,.85);
}

/* Cursor “zoom” nas imagens clicáveis dentro de posts */
a.mv-lightbox-trigger img {
    cursor: zoom-in;
}



/* === Imagens em destaque dentro de posts (single) === */
/* Desktop: imagem mais larga que o texto, estilo revista / Medium */
.single-post .mv-post-content img:not(.emoji):not(.wp-smiley):not(.avatar) {
    display: block;
    width: calc(100% + 80px);
    max-width: none;
    height: auto;
    margin: 32px -40px;
    border-radius: 18px !important;
}

/* Mobile: volta para largura do conteúdo, sem bleed lateral */
@media (max-width: 768px) {
    .single-post .mv-post-content img:not(.emoji):not(.wp-smiley):not(.avatar) {
        width: 100%;
        max-width: 100%;
        margin: 24px 0;
        border-radius: 12px !important;
    }
}


/* v20.34-stable - escondendo setas do lightbox (se existirem) */
.mv-lightbox-prev,
.mv-lightbox-next {
    display: none !important;
}


/* v20.35 - navegação do lightbox reativada */
.mv-lightbox-prev,
.mv-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: none;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.mv-lightbox-prev {
    left: 24px;
}

.mv-lightbox-next {
    right: 24px;
}

.mv-lightbox-prev:hover,
.mv-lightbox-next:hover {
    background: rgba(0,0,0,.9);
}


/* =======================
 * SINGLE POST – REFINOS VISUAIS v20.36
 * ======================= */

.single-post .mv-post {
    margin: 20px auto 5px;
    padding: 0 18px 32px;
}

.single-post .mv-post > h1 {
    font-size: clamp(2.1rem, 3vw, 2.6rem);
    line-height: 1.25;
    margin: 0 0 10px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.single-post .mv-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-size: 0.9rem;
    color: #6b7280;
    margin-bottom: 0px;
}

.single-post .mv-post-share {
    margin: 8px 0 24px;
}

.single-post .mv-post-share .mv-share-buttons,
.single-post .mv-post-share .mv-share-inline {
    transform-origin: left center;
}

.single-post .mv-post p {
    font-size: 1.02rem;
    line-height: 1.8;
    margin: 0 0 1rem;
}

.single-post .mv-post h2,
.single-post .mv-post h3 {
    /* Subtítulos no conteúdo (Single): mais discretos e com menos espaço acima */
    margin-top: 1.1rem;
    margin-bottom: 0.55rem;
    font-weight: 600;
    letter-spacing: -0.005em;
}

.single-post .mv-post h2 {
    font-size: 1.18rem;
    line-height: 1.28;
}

.single-post .mv-post h3 {
    font-size: 1.05rem;
    line-height: 1.32;
}

/* Se o primeiro bloco do texto for um subtítulo, não cria “buraco” */
.single-post .mv-post .mv-post-content > h2:first-child,
.single-post .mv-post .mv-post-content > h3:first-child,
.single-post .mv-post .mv-post-content > .wp-block-heading:first-child {
    margin-top: 0;
}

.single-post .mv-post ul,
.single-post .mv-post ol {
    margin: 0 0 1.2rem 1.4rem;
    padding-left: 0;
}

.single-post .mv-post blockquote {
    margin: 1.6rem 0;
    padding: 0.8rem 1rem;
    border-left: 3px solid #111827;
    background: rgba(17,24,39,0.03);
    font-style: italic;
}

@media (max-width: 768px) {
    .single-post .mv-post {
        margin: 20px 0 0px;
        padding: 0 14px 24px;
    }

    .single-post .mv-post > h1 {
        font-size: 1.6rem;
    }

    .single-post .mv-post-share {
        margin-bottom: 18px;
    }
}


/* =======================
 * SINGLE POST – LAYOUT + SIDEBAR
 * ======================= */

.mv-single-layout {
    max-width: 1120px;
    margin: 40px auto 56px;
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr);
    gap: 40px;
    align-items: flex-start;
}

.mv-single-main .mv-post {
    margin: 0;
    padding: 0 0 32px;
}

.mv-single-sidebar {
    font-size: 0.95rem;
}



/* =======================
 * SIDEBAR SINGLE – REFINOS VISUAIS
 * ======================= */

.mv-sidebar-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 18px 18px 12px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.mv-sidebar-title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #111827;
}

.mv-sidebar-item + .mv-sidebar-item {
    border-top: 1px solid rgba(15, 23, 42, 0.04);
    margin-top: 12px;
    padding-top: 12px;
}

.mv-sidebar-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    padding: 10px 14px;
    border-radius: 18px;
    margin: 0 -4px;
    transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.mv-sidebar-thumb {
    flex: 0 0 120px;
    max-width: 120px;
    border-radius: 12px;
    overflow: hidden;
}

.mv-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.22s ease;
}

.mv-sidebar-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mv-sidebar-cat {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}

.mv-sidebar-post-title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.mv-sidebar-date {
    font-size: 0.78rem;
    color: #9ca3af;
}

.mv-sidebar-link:hover {
    background: #f3f4f6;
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

.mv-sidebar-link:hover .mv-sidebar-thumb img {
    transform: scale(1.04);
}

.mv-sidebar-link:hover .mv-sidebar-post-title {
    text-decoration: underline;
}

/* =======================
 * SIDEBAR SINGLE – LISTAS COMPACTAS, TAGS E ANÚNCIO
 * ======================= */

/* Espaçamento entre cards da sidebar */
.mv-sidebar-box + .mv-sidebar-box {
    margin-top: 20px;
}

/* Listas compactas: Relacionados e Mais lidas */
.mv-sidebar-list-compact .mv-sidebar-item + .mv-sidebar-item {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    margin-top: 6px;
    padding-top: 6px;
}

.mv-sidebar-list-compact .mv-sidebar-link {
    gap: 4px;
    padding: 6px 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}


/* Widget Meuvascopédia na sidebar */
.mv-sidebar-meuvascopedia-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mv-sidebar-meuvascopedia-link {
  display: block;
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #111827;
  text-decoration: none;
  background: #f9fafb;
  transition: background-color 0.16s ease, transform 0.12s ease, box-shadow 0.12s ease;
}

.mv-sidebar-meuvascopedia-link:hover {
  background: #f3f4f6;
  box-shadow: 0 6px 16px rgba(15,23,42,0.08);
  transform: translateY(-1px);
}
/* Tags reutilizadas no fim do post e em outros locais */
.mv-sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mv-sidebar-tag {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #111827;
    text-decoration: none;
}

.mv-sidebar-tag:hover {
    background: #e5e7eb;
    color: #000000;
}

/* Placeholder de anúncio */
.mv-sidebar-ad-placeholder {
    font-size: 0.8rem;
    color: #6b7280;
    text-align: center;
    padding: 16px 8px;
    border: 1px dashed #e5e7eb;
    border-radius: 12px;
}

/* Card de próximos jogos */
.mv-sidebar-nextgame {
    font-size: 0.9rem;
}

/* Tags no fim do post */
.mv-post-tags-wrapper {
    margin: 8px 0 0;
    padding-top: 8px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.mv-post-tags-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    color: #6b7280;
}

.mv-post-tags {
    margin: 0;
}

/* Comentários mais compactos no mobile */
@media (max-width: 768px) {
    .comment-body {
        padding: 10px 12px 12px !important;
    }
    .comment {
        margin-bottom: 18px !important;
    }
}

/* Ajustes do botão de GIF / barra de ferramentas do comentário */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.mv-comment-toolbar-hint {
    font-size: 0.8rem;
    color: #777;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .mv-comment-toolbar {
        align-items: center;
        flex-wrap: nowrap;
    }

    .mv-comment-toolbar-hint {
        flex-basis: auto;
        margin-top: 0;
    }
}

/* =======================
 * ÁREA DE COMENTÁRIOS – SINGLE
 * ======================= */

.comments-area {
    margin-top: 40px;
    padding-top: 0;
    border-top: none;
}

.comments-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.comment-list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.comment {
    margin-bottom: 18px;
}

.comment-body {
    position: relative;
    padding: 14px 16px 14px 16px;
    border-radius: 18px;
    background: #f9fafb;
}

.comment-meta {
    font-size: 0.8rem;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    align-items: center;
    color: #6b7280;
}

.comment-author {
    font-weight: 600;
    color: #111827;
}

.comment-metadata a {
    color: #9ca3af;
}

.comment-content {
    font-size: 0.9rem;
    line-height: 1.5;
}

.comment .reply {
    margin-top: 6px;
}

.comment .reply a {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #ef4444;
}

.comment .reply a:hover {
    text-decoration: underline;
}

/* Resposta (nível filho) com indentação suave */
.children {
    list-style: none;
    margin: 10px 0 0 24px;
    padding: 0;
}

/* Formulário de comentário */
.comment-respond {
    margin-top: 28px;
    padding: 20px 18px 22px;
    border-radius: 16px;
    background: #f9fafb;
}

.comment-reply-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 12px;
}

.comment-respond p {
    margin-bottom: 10px;
}

.comment-respond label {
    font-size: 0.85rem;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    padding: 8px 10px;
    font-size: 0.9rem;
}

.comment-respond textarea {
    min-height: 160px;
    resize: vertical;
}

.comment-respond .form-submit {
    margin-top: 14px;
}

/* não mexe no estilo do botão, só garante alinhamento */
.comment-respond .form-submit input[type="submit"] {
    display: inline-block;
}
/* Caixa principal da sidebar */
.mv-sidebar-box {
    background: #f9fafb;
    border-radius: 16px;
    padding: 18px 18px 10px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.mv-sidebar-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #111827;
}

.mv-sidebar-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mv-sidebar-item + .mv-sidebar-item {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    margin-top: 10px;
    padding-top: 10px;
}

.mv-sidebar-link {
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.mv-sidebar-thumb {
    flex: 0 0 72px;
    max-width: 72px;
    border-radius: 12px;
    overflow: hidden;
}

.mv-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mv-sidebar-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mv-sidebar-cat {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
}

.mv-sidebar-post-title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.mv-sidebar-date {
    font-size: 0.78rem;
    color: #9ca3af;
}

.mv-sidebar-link:hover .mv-sidebar-post-title {
    text-decoration: underline;
}

/* Responsivo: sidebar abaixo do conteúdo no mobile */
@media (max-width: 1024px) {
    .mv-single-layout {
        display: block;
        margin: 24px auto 40px;
    }

    .mv-single-main .mv-post {
        padding-bottom: 24px;
    }

    .mv-single-sidebar {
        margin-top: 28px;
    }
}

/* Single post layout: ocupar toda a largura quando não houver sidebar global */
.single .mv-content {
    width: 100%;
}


/* Overrides finais single/sidebar */


/* =======================
 * SIDEBAR SINGLE – REFINOS VISUAIS
 * ======================= */

.mv-sidebar-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 18px 18px 12px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.mv-sidebar-title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #111827;
}

.mv-sidebar-item + .mv-sidebar-item {
    border-top: 1px solid rgba(15, 23, 42, 0.04);
    margin-top: 12px;
    padding-top: 12px;
}

.mv-sidebar-link {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    border-radius: 14px;
    padding: 4px 4px;
    transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.mv-sidebar-thumb {
    flex: 0 0 120px;
    max-width: 120px;
    border-radius: 12px;
    overflow: hidden;
}

.mv-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.22s ease;
}

.mv-sidebar-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mv-sidebar-cat {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}

.mv-sidebar-post-title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.mv-sidebar-date {
    font-size: 0.78rem;
    color: #9ca3af;
}

.mv-sidebar-link:hover {
    background: #f3f4f6;
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

.mv-sidebar-link:hover .mv-sidebar-thumb img {
    transform: scale(1.04);
}

.mv-sidebar-link:hover .mv-sidebar-post-title {
    text-decoration: underline;
}

/* =======================
 * ÁREA DE COMENTÁRIOS – SINGLE
 * ======================= */

.comments-area {
    margin-top: 40px;
    padding-top: 0;
    border-top: none;
}

.comments-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.comment-list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.comment {
    margin-bottom: 18px;
}

.comment-body {
    position: relative;
    padding: 14px 16px 14px 16px;
    border-radius: 18px;
    background: #f9fafb;
}

.comment-meta {
    font-size: 0.8rem;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    align-items: center;
    color: #6b7280;
}

.comment-author {
    font-weight: 600;
    color: #111827;
}

.comment-metadata a {
    color: #9ca3af;
}

.comment-content {
    font-size: 0.9rem;
    line-height: 1.5;
}

.comment .reply {
    margin-top: 6px;
}

.comment .reply a {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #ef4444;
}

.comment .reply a:hover {
    text-decoration: underline;
}

/* Resposta (nível filho) com indentação suave */
.children {
    list-style: none;
    margin: 10px 0 0 24px;
    padding: 0;
}

/* Formulário de comentário */
.comment-respond {
    margin-top: 28px;
    padding: 20px 18px 22px;
    border-radius: 16px;
    background: #f9fafb;
}

.comment-reply-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 12px;
}

.comment-respond p {
    margin-bottom: 10px;
}

.comment-respond label {
    font-size: 0.85rem;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    padding: 8px 10px;
    font-size: 0.9rem;
}

.comment-respond textarea {
    min-height: 160px;
    resize: vertical;
}

.comment-respond .form-submit {
    margin-top: 14px;
}

/* não mexe no estilo do botão, só garante alinhamento */
.comment-respond .form-submit input[type="submit"] {
    display: inline-block;
}



/* Overrides finais single/sidebar */
.mv-sidebar-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.mv-sidebar-thumb {
    width: 100%;
    max-width: 100%;
    height: 170px;
    border-radius: 16px;
    overflow: hidden;
}

.mv-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mv-sidebar-post-title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

@media (min-width: 1024px) {
    .single .mv-post-content img {
        max-width: 680px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}



/* === Single post layout refinements v20.46 === */

/* Limit content width when sidebar is present */
.single .mv-main-with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
    gap: 40px;
    align-items: flex-start;
}

.mv-main-column {
    display: flex;
    flex-direction: column;
}

/* Card for the article content */

.single .mv-single-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    /* Mais "aberto" no desktop (menos padding interno) */
    padding: 20px 30px 30px;
}

@media (max-width: 768px) {
    .single .mv-single-card {
        padding: 16px 12px 18px;
    }
}

/* Conteúdo da single quase encostando nas bordas do card */
.single .mv-single-card .mv-post {
    padding: 0;
}

/* Título da single */
.single .mv-single-title {
    font-size: clamp(32px, 2.6vw, 40px);
    line-height: 1.15;
}

/* ===== v99.3 – Breadcrumb alinhado sem “encolher” o topo =====
   Mantém breadcrumb e título na mesma coluna, mas deixa o header ocupar
   toda a largura interna do card (sem limitar a 640px). */
.single .mv-single-header{
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Comentários dentro do card branco */
.single .mv-single-card .comments-area {
    margin-top: 40px;
    padding-top: 0;
    border-top: none;
}

/* Comentários: acompanham a largura do card */
.single .comments-area {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


/* Sidebar de notícias – layout em coluna (thumb em cima, texto embaixo) */
.mv-single-sidebar .mv-sidebar-post {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mv-single-sidebar .mv-sidebar-post-thumb {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.mv-single-sidebar .mv-sidebar-post-thumb img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.mv-single-sidebar .mv-sidebar-post-meta {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.mv-single-sidebar .mv-sidebar-post-title {
    font-size: 14px;
    line-height: 1.35;
}

/* Responsivo – abaixo de 1024px some a sidebar e tudo vira 1 coluna */
@media (max-width: 1024px) {
    .single .mv-main-with-sidebar {
        display: block;
    }

    .single .mv-single-card {
        padding: 26px 18px 36px;
    }

    .single .mv-single-title {
        font-size: 26px;
    }
}



/* === Wrapper da single para centralizar e dar respiro === */
.mv-single-wrapper {
    padding: 16px 8px 26px;
}

.single .mv-single-wrapper {
    padding-top: 16px;
}

@media (max-width: 768px) {
    .mv-single-wrapper {
        padding: 10px 4px 20px;
    }
}

/* Garante que o grid principal da single respeite o limite de largura */
.single .mv-main-with-sidebar {
    max-width: 1120px;
    margin: 0 auto;
}





/* Força o formulário de comentários a usar o mesmo fundo branco do card */
.mv-comments-card {
    background: #ffffff;
}

.mv-comments-card .comment-respond,
.mv-comments-card .mv-comment-form-card,
.mv-comments-card .comment-form {
    background: transparent !important;
}

/* === Comentários mais atraentes + integração GIPHY === */

.mv-comments-area {
    margin-top: 24px;
}

.mv-comments-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 24px;
}

.mv-comment-list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
}

.mv-comment-list .comment {
    margin-bottom: 24px;
}

.mv-comment-list .comment-body {
    background: #fafafa;
    border-radius: 18px;
    padding: 14px 18px 16px;
}

.mv-comment-list .comment-author {
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.mv-comment-list .comment-author .avatar {
    border-radius: 50%;
    margin-right: 10px;
}

.mv-comment-list .comment-metadata {
    font-size: 0.8rem;
    color: #999;
    margin-bottom: 0;
}

.mv-comment-list .reply {
    margin-top: 8px;
}

.mv-comment-list .comment-reply-link {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #e20813;
}

.mv-comment-list .comment-reply-link:hover {
    text-decoration: underline;
}

/* Card do formulário de comentário */
.mv-comment-form-card {
    margin-top: 16px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}


.mv-comment-form-title {
    font-size: 1.2rem;
    margin-bottom: 16px;
}

.mv-comment-form p {
    margin-bottom: 14px;
}

.mv-comment-form input[type="text"],
.mv-comment-form input[type="email"],
.mv-comment-form textarea {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #e2e2e2;
    padding: 10px 12px;
    font-size: 0.95rem;
}

.mv-comment-form textarea {
    min-height: 170px;
}

.mv-comment-submit {
    background: #e20813;
    border-radius: 999px;
    padding: 10px 26px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    color: #ffffff;
}

.mv-comment-submit:hover {
    background: #111111;
    color: #ffffff;
}

/* Barra com botão de GIF */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.mv-gif-button {
    border-radius: 999px;
    border: none;
    padding: 6px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: #111827;
    color: #ffffff;
}

.mv-gif-button:hover {
    filter: brightness(1.05);
}

.mv-comment-toolbar-hint {
    font-size: 0.8rem;
    color: #777;
}

/* Modal de GIFs */

.mv-gif-modal[hidden] {
    display: none;
}

.mv-gif-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.mv-gif-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.mv-gif-modal-inner {
    position: relative;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 18px;
    padding: 16px 18px 18px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
}

.mv-gif-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mv-gif-modal-header h3 {
    font-size: 1rem;
    font-weight: 700;
}

.mv-gif-modal-close {
    border: none;
    background: transparent;
    font-size: 1.4rem;
    cursor: pointer;
    line-height: 1;
}

.mv-gif-search-row {
    margin-bottom: 10px;
}

.mv-gif-search-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 999px;
    border: 1px solid #e5e5e5;
    padding: 8px 12px;
    font-size: 0.9rem;
}

.mv-gif-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
    max-height: 360px;
    overflow-y: auto;
    margin-top: 6px;
}

.mv-gif-item {
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}

.mv-gif-item img {
    display: block;
    width: 100%;
    height: auto;
}

.mv-gif-empty-hint {
    margin-top: 8px;
    font-size: 0.8rem;
    color: #777;
}

/* Evita scroll de fundo quando o modal estiver aberto */
body.mv-gif-modal-open {
    overflow: hidden;
}

@media (max-width: 640px) {
    .mv-gif-modal-inner {
        margin: 40px 16px;
    }
}


/* GIFs dentro dos comentários */
.mv-comment-list .comment-body .comment-content img {
    max-width: 260px;
    height: auto;
    display: block;
    border-radius: 18px;
    margin: 16px auto 6px;
}

/* Garante que nada estoure fora do card do comentário */
.mv-comment-list .comment-body {
    overflow: hidden;
}

/* Link de responder mais elegante */
.mv-comment-list .reply {
    margin-top: 8px;
}

.mv-comment-list .reply a {
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 600;
    color: #e30613;
}

.mv-comment-list .reply a:hover {
    text-decoration: underline;
}

/* Hierarquia para respostas encadeadas */
.mv-comment-list .children {
    margin-left: 40px;
    margin-top: 18px;
    border-left: 2px solid #f1f1f1;
    padding-left: 18px;
}

/* Modal de GIF um pouco mais compacto em desktop */
@media (min-width: 1024px) {
    .mv-gif-modal-inner {
        max-width: 640px;
    }
}


/* Espaçamento extra entre comentário principal e respostas */
.mv-comment-list .comment {
    margin-bottom: 28px;
}

.mv-comment-list .children {
    margin-left: 40px;
    margin-top: 20px;
    border-left: 2px solid #f1f1f1;
    padding-left: 18px;
}


/* Espaçamento final entre comentário principal e respostas */
.mv-comment-list > .comment {
    margin-bottom: 32px;
}

.mv-comment-list .children {
    margin-top: 22px;
}


/* === Overrides finais para comentários + GIFs (v20.57) === */

/* Força tamanho máximo dos GIFs dentro do comentário */
.mv-comment-list .comment-body .comment-content img {
    max-width: 300px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 16px auto !important;
    border-radius: 18px !important;
}

/* Espaçamento claro entre comentário principal e respostas */
.mv-comment-list > .comment {
    margin-bottom: 40px !important;
}

/* Espaço entre o comentário principal e o bloco de respostas */
.mv-comment-list .children {
    margin-top: 28px !important;
    padding-left: 22px;
    border-left: 2px solid #eeeeee;
}


/* === Refinos finais comentários v20.58 === */

/* Hierarquia de autor + data */
.mv-comment-author-name {
    font-weight: 600;
    color: #111111;
}

.mv-comment-date {
    color: #555555;
    font-size: 0.92rem;
}

/* Hover mais suave no link de responder */
.mv-comment-list .reply a {
    color: #c40000;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.mv-comment-list .reply a:hover {
    color: #9c0000;
}

/* Destaque sutil nos GIFs */
.mv-comment-list .comment-body .comment-content img {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}


/* === Bloco de login social nos comentários (Nextend placeholder) === */
.mv-social-login-box {
    margin-bottom: 20px;
    padding: 8px 0 4px;
    text-align: center;
}


.mv-social-login-title {
    font-size: 0.98rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: #111827;
}

.mv-social-login-placeholder {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.mv-social-login-btn {
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: default;
    opacity: 0.65;
}

.mv-social-login-btn-google {
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

.mv-social-login-btn-facebook {
    background: #1d4ed8;
    color: #ffffff;
}


/* Centraliza os botões sociais do Nextend dentro do header de comentários */
.mv-social-login-box .nsl-container,
.mv-social-login-box .nsl-container .nsl-button-group {
    display: flex !important;
    justify-content: center !important;
}

.mv-social-login-box .nsl-container .nsl-button {
    margin: 0 6px !important;
}

.mv-social-login-note {
    font-size: 0.86rem;
    color: #6b7280;
    margin: 18px auto 0;
    padding-top: 12px;
    max-width: 460px;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}


/* Preview de GIF abaixo do campo de texto */
.mv-gif-preview {
    margin-top: 6px;
    margin-bottom: 10px;
    min-height: 0;
}

.mv-gif-preview img {
    max-width: 300px;
    height: auto;
    display: block;
    margin: 8px auto 0;
    border-radius: 18px;
}



/* GIF Preview + remove button */
.mv-gif-preview {
    margin-top: 6px;
    margin-bottom: 10px;
    text-align: center;
}

.mv-gif-preview-wrap {
    position: relative;
    display: inline-block;
}

.mv-gif-preview img {
    max-width: 300px;
    height: auto;
    display: block;
    margin: 8px auto 0;
    border-radius: 18px;
}

.mv-gif-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: none;
    background: rgba(15, 23, 42, 0.9);
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.mv-gif-remove:hover {
    background: rgba(185, 28, 28, 0.95);
}


/* === Botão GIF bolha MeuVasco (ícone SVG) === */
.mv-gif-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.35);
    margin-right: 10px;
    transition:
        transform 0.16s ease-out,
        box-shadow 0.16s ease-out,
        filter 0.16s ease-out;
}

.mv-gif-button .mv-gif-icon {
    width: 40px;
    height: 40px;
    display: block;
}

/* Hover/focus – efeito bolha flutuando */
.mv-gif-button:hover,
.mv-gif-button:focus-visible {
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 14px 24px rgba(15, 23, 42, 0.45);
    filter: brightness(1.04);
    outline: none;
}

/* Clique – leve afundada */
.mv-gif-button:active {
    transform: translateY(1px) scale(0.96);
    box-shadow: 0 6px 12px rgba(15, 23, 42, 0.35);
}

/* Alinhar o texto "Use um GIF..." com o centro da bolha */
.mv-gif-button + span {
    display: inline-flex;
    align-items: center;
    height: 46px;
}

/* Mobile */
@media (max-width: 640px) {
    .mv-gif-button {
        width: 40px;
        height: 40px;
        box-shadow: 0 8px 14px rgba(15, 23, 42, 0.35);
    }
    .mv-gif-button .mv-gif-icon {
        width: 36px;
        height: 36px;
    }
}


/* ===== Ajuste fino do botão GIF (v20.67) ===== */

/* Toolbar inteira (botão + texto) */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}

/* Botão GIF em formato de bolha */
.mv-gif-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b1120;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.25);
    border: none;
    cursor: pointer;
    margin-right: 4px;
    transition:
        transform 0.16s ease-out,
        box-shadow 0.16s ease-out,
        filter 0.16s ease-out;
}

/* Ícone SVG dentro do botão */
.mv-gif-button img.mv-gif-icon {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
}

/* Hover/Focus */
.mv-gif-button:hover,
.mv-gif-button:focus-visible {
    transform: scale(1.05) translateY(-1px);
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.35);
    filter: brightness(1.04);
    outline: none;
}

/* Clique */
.mv-gif-button:active {
    transform: scale(0.96) translateY(1px);
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.35);
}

/* Texto ao lado do botão */
.mv-comment-toolbar-hint {
    font-size: 14px;
    color: #6b7280;
    display: inline-block;
}

/* Garante alinhamento mesmo sem a classe acima */
.mv-gif-button + span {
    display: inline-flex;
    align-items: center;
    height: 44px;
}

/* Mobile: deixa um pouco menor */
@media (max-width: 640px) {
    .mv-gif-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .mv-gif-button img.mv-gif-icon {
        width: 26px;
        height: 26px;
    }
}


/* v20.68 - Premium GIF button alignment */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mv-comment-toolbar-hint {
    line-height: 44px;
    display: inline-block;
    color: #6b7280;
}

/* Premium slight-up alignment */
.mv-gif-button {
    margin-top: -2px;
}


/* v20.69 - ajuste de legibilidade do ícone GIF */
.mv-gif-button img.mv-gif-icon {
    width: 30px;
    height: 30px;
}


/* v20.70 - GIF icon final alignment & aspect ratio */
.mv-gif-button img.mv-gif-icon {
    width: 32px;
    height: 32px;
    display: block;
    object-fit: contain;
}


/* v20.72 - ajustes de single + sidebar */

/* 1) Sidebar "Mais notícias": imagens padronizadas com crop elegante */
.mv-single-sidebar img {
    width: 100%;
    display: block;
    border-radius: 18px;
}

/* Capas da sidebar com crop correto */
.mv-sidebar-thumb {
    height: 170px;
    overflow: hidden;
    border-radius: 18px;
}

.mv-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 2) Evitar "card duplo" dentro do conteúdo da single */
.single-post .mv-post {
    background: transparent;
    box-shadow: none;
    padding: 0;
    max-width: none;
}


/* v20.73 - ajustes extras da sidebar single */
/* esconder label de categoria ("BLOG") abaixo das capas */
.mv-sidebar-cat {
    display: none;
}


/* v20.74 - refinamento da lista de "Mais notícias" na single */
.mv-single-sidebar-list .mv-sidebar-item + .mv-sidebar-item {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    margin-top: 18px;
    padding-top: 18px;
}


@media (max-width: 768px) {
    .mv-share-inline,
    .mv-share-buttons {
        transform: scale(0.70);
        opacity: 0.9;
        margin-top: 0;
    }
}


/* Bloco SEO FAQ - Homepage Últimas Notícias */
.mv-seo-faq {
    text-align: left;
}

.mv-seo-faq-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 12px;
}

.mv-seo-faq-intro {
    font-size: 0.96rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0 0 10px;
    max-width: 780px;
}

.mv-seo-faq-grid {
    margin-top: 18px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    overflow: hidden;
}

/* Cada item (linha) do acordeão */
.mv-seo-faq-item {
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.mv-seo-faq-item:last-child {
    border-bottom: none;
}

.mv-seo-faq-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #111827;
}

.mv-seo-faq-summary::-webkit-details-marker {
    display: none;
}

.mv-seo-faq-icon {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

/* Rotaciona o ícone quando está aberto (de “+” para “x”) */
.mv-seo-faq-item[open] .mv-seo-faq-icon {
    transform: rotate(45deg);
}

.mv-seo-faq-body {
    padding: 0 16px 12px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #4b5563;
}

/* Responsivo */
@media (max-width: 768px) {
    .mv-seo-home.mv-seo-faq {
        margin: 24px auto 32px;
        padding: 22px 16px 22px;
        border-radius: 18px;
    }

    .mv-seo-faq-summary {
        padding: 10px 12px;
        font-size: 0.92rem;
    }

    .mv-seo-faq-body {
        padding: 0 12px 10px;
    }
}

/* === v22 consolidated manual tweaks & pagination/footer styles === */

/* Header logo group tighter (desktop & mobile) */
.mv-logo {
    align-items: center;
    gap: 0;
}

/* List headers with icon + title perfectly aligned */
.mv-list-header {
    padding: 14px 22px 14px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Global pagination styling */
.mv-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 40px 0 10px;
}

.mv-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    transition: all 0.18s ease-out;
}

.mv-pagination .page-numbers.current {
    background: #e11d2f;
    border-color: #e11d2f;
    color: #ffffff;
    box-shadow: 0 14px 32px rgba(185, 28, 28, 0.35);
}

.mv-pagination .page-numbers:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
}

.mv-pagination .page-numbers.prev,
.mv-pagination .page-numbers.next {
    padding-inline: 18px;
}

/* Footer tweaks: nicer spacing & alignment */
.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}



.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}



.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


/* Mobile: stack footer content neatly */
@media (max-width: 768px) {
    
.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


}


/* v23.3 – Sidebar home: Meuvascopédia sempre primeiro na coluna */
.mv-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mv-sidebar > * {
    margin-bottom: 0 !important;
}

.mv-sidebar .mv-sidebar-box {
    order: -1;
}


/* v23.6 – Refinos de menu mobile, cruz+título, paginação e footer */

/* Cruz + "Últimas notícias do Vasco" – alinhamento e respiro */
.mv-list-header {
    padding: 14px 22px 12px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mv-list-header h1,
.mv-list-header h2 {
    margin: 0;
    line-height: 1.2;
}

/* Menu mobile: logo à esquerda, hambúrguer à direita, links logo abaixo */
@media (max-width: 768px) {
    .mv-header-inner {
        padding: 8px 14px;
        flex-wrap: wrap;
        align-items: center;
    }

    .mv-logo {
        flex: 0 0 auto;
    }

    .mv-menu-toggle {
        display: block;
        margin-left: auto;
    }

    .mv-main-nav {
        width: 100%;
        margin: 6px 0 0;
        display: none;
    }

    #mv-menu-toggle:checked ~ nav.mv-main-nav {
        display: block;
    }

    .mv-main-nav ul {
        flex-direction: column;
        gap: 8px;
        padding: 10px 4px 12px;
        background: #000;
        border-top: 1px solid #222;
    }

    .mv-main-nav li {
        padding: 2px 4px;
    }

    .mv-main-nav a {
        font-size: 0.9rem;
    }
}

/* Paginação – pill mais consistente */
.mv-pagination {
    text-align: center;
    margin-top: 16px;
}

.mv-pagination .page-numbers {
    display: inline-block;
    margin: 0 4px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 0.9rem;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
}

.mv-pagination .page-numbers.current {
    background: #111827;
    color: #fff;
    border-color: #111827;
    font-weight: 700;
}

.mv-pagination .page-numbers:hover {
    background: #111827;
    color: #fff;
}

/* Footer – links em linha, sem bullets */
.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


/* Mobile: footer empilhado com links abaixo do texto */
@media (max-width: 768px) {
    
.mv-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    margin-top: 40px;
    width: 100%;
}


}


/* v23.7 – Paginação simplificada (sem pills e sombras) */
.mv-pagination {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9rem;
}

.mv-pagination .page-numbers {
    display: inline-block;
    margin: 0 3px;
    padding: 4px 8px;
    border-radius: 4px;
    background: transparent;
    color: #111827;
    border: 1px solid transparent;
    text-decoration: none;
    box-shadow: none;
}

.mv-pagination .page-numbers.current {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
    font-weight: 600;
}

.mv-pagination .page-numbers:hover {
    background: #f3f4f6;
    color: #111827;
    border-color: #d1d5db;
}

/* Deixa os links "Anterior" e "Próximo" mais discretos */
.mv-pagination .page-numbers.prev,
.mv-pagination .page-numbers.next {
    padding-inline: 10px;
    font-weight: 500;
}


/* v23.8 – Paginação minimalista definitiva */
.mv-pagination .page-numbers {
    all: unset !important;
    font-size: 0.95rem !important;
    color: #111 !important;
    display: inline-block !important;
    margin: 0 6px !important;
    cursor: pointer !important;
}

.mv-pagination .page-numbers.current {
    font-weight: 700 !important;
    color: #000 !important;
    text-decoration: underline !important;
}

.mv-pagination .page-numbers:hover {
    text-decoration: underline !important;
}

.mv-pagination .page-numbers.prev,
.mv-pagination .page-numbers.next {
    font-weight: 600 !important;
    margin: 0 10px !important;
}


/* v23.9 – Paginação estilo portal, ultra minimalista */
.mv-pagination {
    text-align: center;
    margin: 32px 0 20px;
    font-size: 0.95rem;
    font-weight: 500;
}

.mv-pagination .page-numbers {
    all: unset !important;
    display: inline-block;
    margin: 0 8px;
    color: #111;
    cursor: pointer;
    line-height: 1.4;
}

.mv-pagination .page-numbers:hover {
    text-decoration: underline;
}

.mv-pagination .page-numbers.current {
    font-weight: 700;
    text-decoration: underline;
    color: #000;
}

.mv-pagination .page-numbers.prev,
.mv-pagination .page-numbers.next {
    margin: 0 12px;
    color: #111;
    font-weight: 600;
}


/* v24.0 – Paginação clean mantendo comportamento de link */
.mv-pagination {
    text-align: center;
    margin: 32px 0 20px;
    font-size: 0.95rem;
    font-weight: 500;
}

.mv-pagination .page-numbers {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
    margin: 0 6px !important;
    font-size: 0.95rem !important;
    color: #111 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 0 !important;
}

.mv-pagination .page-numbers.current {
    font-weight: 700 !important;
    text-decoration: underline !important;
    color: #000 !important;
}

.mv-pagination .page-numbers:hover {
    text-decoration: underline !important;
}

.mv-pagination .page-numbers.prev,
.mv-pagination .page-numbers.next {
    font-weight: 600 !important;
    margin: 0 12px !important;
}


/* v24.1 – Ajustes de páginas especiais full width e títulos das widgets */

/* Páginas estáticas (ex: Classificação, Próximos Jogos, etc.) usam toda a largura útil */
body.page:not(.home) .mv-content {
    width: 100%;
}

/* Opcional: remove qualquer espaço lateral residual quando não há sidebar */
body.page:not(.home) .mv-container {
    gap: 0;
}

/* Títulos padrão das widgets da sidebar */
.mv-sidebar .widget-title,
.mv-sidebar .mv-widget-title,
.mv-sidebar-box > h3 {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 14px;
    padding: 0;
    color: #0f172a;
    text-align: left;
}

/* Esconde spans extras em títulos de widgets criados por plugins */
.mv-sidebar .widget-title span,
.mv-sidebar .mv-widget-title span {
    display: none;
}


/* v24.2 – Títulos de widgets padronizados + páginas especiais full width */

/* Sidebar: todos os títulos (Meuvascopédia, Classificação, Próximos Jogos) */
.mv-sidebar .widget-title,
.mv-sidebar .mv-widget-title,
.mv-sidebar-box > h3,
.mv-sidebar .mv-sidebar-title {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 14px;
    padding: 0;
    color: #0f172a;
    text-align: left;
}

/* Esconde spans adicionais de alguns plugins */
.mv-sidebar .widget-title span,
.mv-sidebar .mv-widget-title span,
.mv-sidebar .mv-sidebar-title span {
    display: none;
}

/* Páginas especiais (ex: /classificacao-vasco/, /proximos-jogos/) em largura total */
body.page:not(.home) .mv-container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    gap: 0;
}

body.page:not(.home) .mv-content {
    width: 100%;
}


/* v24.3 – Páginas full width reais + títulos de widgets consistentes */

/* Páginas estáticas (Classificação, Próximos Jogos etc.) usam toda a largura do container */
body.page .mv-post {
    max-width: 100%;
}

/* Sidebar: unificar fonte/estilo de todos os títulos de widgets */
.mv-sidebar .widget-title,
.mv-sidebar .mv-widget-title,
.mv-sidebar .mv-sidebar-title,
.mv-sidebar-box > h3 {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #0f172a !important;
    text-align: left !important;
}

.mv-sidebar .widget-title span,
.mv-sidebar .mv-widget-title span,
.mv-sidebar .mv-sidebar-title span {
    display: none !important;
}


/* v24.4 – Páginas especiais com largura igual à da homepage */
body.page .mv-container {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* Mantém as páginas usando toda a largura do container (sem limite de 900px) */
body.page .mv-post {
    max-width: 100%;
}


/* v24.5 – Ajuste definitivo de largura das páginas especiais (internalizado) */

/* Container principal das páginas (ex: /classificacao-vasco/) */
body.page .mv-container {
    max-width: 1350px !important;   /* largura estilo homepage */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* O artigo da página não pode travar em 900px */
body.page .mv-post {
    max-width: 100% !important;
}


/* v25.1 – Ajustes mobile: GIF nos comentários + imagens da lista + breadcrumbs */

/* Imagens da lista (Últimas notícias / Mais notícias) mais altas no mobile */
@media (max-width: 768px) {
    .mv-list-thumb img {
        max-height: 260px;
    }
}

/* Layout corrigido do bloco GIF na área de comentários */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 12px 0 6px;
    flex-wrap: wrap;
}

.mv-comment-toolbar-hint {
    font-size: 0.8rem;
    color: #6b7280;
    line-height: 1.35;
}

/* Mobile: botão em cima, texto logo abaixo, sem quebrar estranho */
@media (max-width: 600px) {
    .mv-comment-toolbar {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .mv-comment-toolbar .mv-gif-button {
        margin-bottom: 4px;
    }

    .mv-comment-toolbar-hint {
        max-width: 260px;
        line-height: 1.4;
    }
}

/* Nome do autor do comentário quando tem link */
.mv-comment-author-name a {
    color: #111111;
    font-weight: 600;
    text-decoration: none;
}

.mv-comment-author-name a:hover {
    text-decoration: underline;
}

/* Breadcrumbs abaixo do logo: Home › Categoria › Post */
.mv-breadcrumbs {
    margin-top: 12px;
    margin-bottom: 16px;
    font-size: 0.8rem;
    color: #6b7280;
}

.mv-breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mv-breadcrumbs a {
    color: #4b5563;
    text-decoration: none;
}

.mv-breadcrumbs a:hover {
    text-decoration: underline;
}

.mv-breadcrumb-sep {
    color: #9ca3af;
}

.mv-breadcrumbs li:last-child span {
    font-weight: 600;
    color: #374151;
}

/* Espaço suave entre conteúdo e comentários */
.entry-content hr {
    margin-top: 24px;
    margin-bottom: 24px;
}

#comments {
    margin-top: 12px;
}

/* Mobile: breadcrumb e título com respiro */
@media (max-width: 600px) {
    .mv-breadcrumbs {
        font-size: 0.8rem;
        padding-left: 0;
        padding-right: 0;
    }

    body.single .mv-single-header {
        margin-top: 4px;
    }

    body.single .mv-single-header h1.mv-single-title {
        margin-top: 10px;
    }
}


/* v25.2 – Overrides finais: altura das imagens e bloco GIF */

/* Imagens da lista (homepage / mais notícias) – corrigir altura no mobile */
@media (max-width: 768px) {
    .mv-list-thumb img {
        height: auto;
        max-height: 260px;
    }
}

/* Bloco GIF dos comentários – layout igual ao aprovado no mobile e desktop */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 12px 0 6px;
    flex-wrap: wrap;
}

.mv-gif-button {
    flex-shrink: 0;
}

/* v26.0 – Polish editorial: mídia (imagens/vídeos) dentro do conteúdo das notícias */

/* 1) Imagens no conteúdo: respiro, acabamento e evitar "grudar" */
.entry-content img,
.mv-post-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 22px auto;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

/* Quando várias imagens aparecem em sequência (sem <p>) */
.entry-content img + img,
.mv-post-content img + img {
    margin-top: 28px;
}

/* Caso comum no WP antigo: <a><img></a><a><img></a> colado */
.entry-content a[href$=".jpg"],
.entry-content a[href$=".jpeg"],
.entry-content a[href$=".png"],
.entry-content a[href$=".webp"],
.entry-content a[href$=".gif"],
.entry-content a[href$=".avif"],
.entry-content a[href*=".jpg?"],
.entry-content a[href*=".jpeg?"],
.entry-content a[href*=".png?"],
.entry-content a[href*=".webp?"],
.entry-content a[href*=".gif?"],
.entry-content a[href*=".avif?"],
.mv-post-content a[href$=".jpg"],
.mv-post-content a[href$=".jpeg"],
.mv-post-content a[href$=".png"],
.mv-post-content a[href$=".webp"],
.mv-post-content a[href$=".gif"],
.mv-post-content a[href$=".avif"],
.mv-post-content a[href*=".jpg?"],
.mv-post-content a[href*=".jpeg?"],
.mv-post-content a[href*=".png?"],
.mv-post-content a[href*=".webp?"],
.mv-post-content a[href*=".gif?"],
.mv-post-content a[href*=".avif?"] {
    display: block;
    margin: 22px auto;
    border-radius: 12px;
    overflow: hidden;
}

/* Nestes casos, a margem fica no <a> (evita colar) */
.entry-content a[href$=".jpg"] img,
.entry-content a[href$=".jpeg"] img,
.entry-content a[href$=".png"] img,
.entry-content a[href$=".webp"] img,
.entry-content a[href$=".gif"] img,
.entry-content a[href$=".avif"] img,
.entry-content a[href*=".jpg?"] img,
.entry-content a[href*=".jpeg?"] img,
.entry-content a[href*=".png?"] img,
.entry-content a[href*=".webp?"] img,
.entry-content a[href*=".gif?"] img,
.entry-content a[href*=".avif?"] img,
.mv-post-content a[href$=".jpg"] img,
.mv-post-content a[href$=".jpeg"] img,
.mv-post-content a[href$=".png"] img,
.mv-post-content a[href$=".webp"] img,
.mv-post-content a[href$=".gif"] img,
.mv-post-content a[href$=".avif"] img,
.mv-post-content a[href*=".jpg?"] img,
.mv-post-content a[href*=".jpeg?"] img,
.mv-post-content a[href*=".png?"] img,
.mv-post-content a[href*=".webp?"] img,
.mv-post-content a[href*=".gif?"] img,
.mv-post-content a[href*=".avif?"] img {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Legenda/Crédito quando o HTML vem assim: <a><img>Texto...</a>
   (WPCC às vezes injeta o texto dentro do <a>) */
.mv-media-credit {
    display: block;
    margin: -12px auto 22px;
    padding: 0 6px;
    font-size: 15px;
    line-height: 1.35;
    color: rgba(0,0,0,.70);
    font-style: italic;
}

body.dark .mv-media-credit {
    color: rgba(255,255,255,.70);
}

/* 2) Galerias Gutenberg */
.entry-content .wp-block-gallery,
.mv-post-content .wp-block-gallery {
    gap: 14px;
}

/* 3) Vídeos/embeds: acabamento sem quebrar Instagram */
.entry-content figure.wp-block-embed,
.mv-post-content figure.wp-block-embed {
    margin: 28px auto 10px;
}

.entry-content iframe,
.entry-content video,
.mv-post-content iframe,
.mv-post-content video {
    display: block;
    max-width: 100%;
    margin: 28px auto;
    border-radius: 12px;
    border: 0;
}

/* IMPORTANTE:
   Alguns embeds (wpcc-iframe / Gutenberg wrapper) usam iframe ABSOLUTO dentro de um container 16:9.
   Se aplicarmos margin no iframe absoluto, ele "desce" dentro do frame e acaba cortando os controles.
   Então zeramos a margin nesses casos. */
.entry-content figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.entry-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper iframe,
.mv-post-content figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.mv-post-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper iframe,
.entry-content iframe.wpcc-iframe,
.mv-post-content iframe.wpcc-iframe,
.entry-content div[style*="padding-bottom:56.25%"] iframe,
.mv-post-content div[style*="padding-bottom:56.25%"] iframe {
    margin: 0 !important;
}

/* YouTube/Vimeo: corrigir proporção e evitar controles "caindo" */
.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[src*="youtube-nocookie.com"],
.entry-content iframe[src*="player.vimeo.com"],
.mv-post-content iframe[src*="youtube.com"],
.mv-post-content iframe[src*="youtu.be"],
.mv-post-content iframe[src*="youtube-nocookie.com"],
.mv-post-content iframe[src*="player.vimeo.com"] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    background: #000;
}

/* Melhor fix (Gutenberg): usa o wrapper do embed para cortar bordas e manter 16:9 */
.entry-content figure.wp-block-embed-youtube .wp-block-embed__wrapper,
.entry-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper,
.mv-post-content figure.wp-block-embed-youtube .wp-block-embed__wrapper,
.mv-post-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.entry-content figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.entry-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper iframe,
.mv-post-content figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.mv-post-content figure.wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

/* WP Content Crawler (wpcc-iframe): vídeos embeds via shortcode */
.entry-content iframe.wpcc-iframe,
.mv-post-content iframe.wpcc-iframe {
    border: 0 !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.entry-content div[style*="padding-bottom:56.25%"],
.mv-post-content div[style*="padding-bottom:56.25%"] {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

/* Vídeo local (Gutenberg): garante corte de borda e não deixa controles “vazarem” */
.entry-content figure.wp-block-video,
.mv-post-content figure.wp-block-video {
    margin: 28px auto;
}

.entry-content figure.wp-block-video video,
.mv-post-content figure.wp-block-video video {
    width: 100%;
    height: auto;
    border-radius: 14px;
    display: block;
}

/* Instagram/Facebook/Twitter embeds (Gutenberg): mantém acabamento sem forçar proporção */
.entry-content figure.wp-block-embed-instagram .wp-block-embed__wrapper,
.entry-content figure.wp-block-embed-facebook .wp-block-embed__wrapper,
.entry-content figure.wp-block-embed-twitter .wp-block-embed__wrapper,
.mv-post-content figure.wp-block-embed-instagram .wp-block-embed__wrapper,
.mv-post-content figure.wp-block-embed-facebook .wp-block-embed__wrapper,
.mv-post-content figure.wp-block-embed-twitter .wp-block-embed__wrapper {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

/* Ajuste de legenda/“Fonte:” logo após vídeo (quando existir) */
.entry-content figure.wp-block-embed + p,
.mv-post-content figure.wp-block-embed + p,
.entry-content figure.wp-block-video + p,
.mv-post-content figure.wp-block-video + p {
    margin-top: 8px;
    margin-bottom: 24px;
    font-size: 0.92rem;
    color: #6b7280;
    line-height: 1.35;
}


.mv-comment-toolbar-hint {
    font-size: 0.85rem;
    line-height: 1.3;
    color: #6b7280;
    max-width: 260px;
    margin-top: 2px;
}

@media (max-width: 600px) {
    .mv-comment-toolbar {
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }

    .mv-comment-toolbar-hint {
        margin-top: 2px;
        max-width: 240px;
    }
}


/* v25.3 – Reset bloco GIF + aumentar imagens de 'Mais notícias' apenas na single (mobile) */

/* Voltar layout do GIF para o estilo original aprovado */
.mv-comment-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.mv-comment-toolbar-hint {
    font-size: 0.8rem;
    color: #777;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .mv-comment-toolbar {
        align-items: center;
        flex-wrap: nowrap;
    }

    .mv-comment-toolbar-hint {
        flex-basis: auto;
        margin-top: 0;
    }
}

/* Aumentar thumbs de 'Mais notícias' na SINGLE, sem mexer na homepage */
@media (max-width: 768px) {
    .mv-single-sidebar .mv-sidebar-thumb {
        flex: 0 0 150px;
        max-width: 150px;
    }
}


/* v25.6 – Breadcrumb refinado (desktop + mobile) */

/* Ajusta respiro e tipografia do breadcrumb */
.mv-breadcrumbs {
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 0.85rem;
    color: #777777;
}

.mv-breadcrumbs a {
    color: #777777;
    text-decoration: none;
}

.mv-breadcrumbs a:hover {
    color: #111111;
    text-decoration: underline;
}

/* Último item um pouco mais forte */
.mv-breadcrumbs li:last-child span {
    font-weight: 600;
    color: #374151;
}

/* Mobile: breadcrumb mais compacto e com corte visual no fim */
@media (max-width: 768px) {
    .mv-breadcrumbs {
        font-size: 0.8rem;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 4px;
        padding-right: 4px;
    }

    .mv-breadcrumb-current {
        display: inline-block;
        max-width: 55vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }

    /* Um pouco menos de espaço acima do card no mobile */
    .single .mv-single-card {
        padding-top: 20px;
    }
}

/* Desktop: reduz levemente o espaço superior do card da single */
@media (min-width: 769px) {
    .mv-single-card {
        padding-top: 32px;
    }
}


/* v25.7 – Breadcrumb refinado (alinhamento e mobile) */

/* Remove espaço extra antigo no topo do header da single */
.single .mv-single-header {
    margin-top: 0;
}

/* Single: topo do card um pouco mais compacto em todas as telas */
.single .mv-single-card {
    padding-top: 5px;
}

/* Breadcrumb base: tipografia e espaçamentos suaves */
.mv-breadcrumbs {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 0.85rem;
    color: #777777;
}

.mv-breadcrumbs a {
    color: #777777;
    text-decoration: none;
}

.mv-breadcrumbs a:hover {
    color: #111111;
    text-decoration: underline;
}

/* Último item com leve destaque */
.mv-breadcrumbs li:last-child span {
    font-weight: 600;
    color: #374151;
}

/* ---------- Mobile (até 768px) ---------- */
@media (max-width: 768px) {

    /* Breadcrumb no mobile seguindo o mesmo layout do desktop,
       apenas um pouco menor e com possibilidade de quebrar linha */
    .mv-breadcrumbs {
        font-size: 0.8rem;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .mv-breadcrumbs ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        align-items: center;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .mv-breadcrumbs li,
    .mv-breadcrumb-current {
        display: inline;
        max-width: none;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}
/* ---------- Desktop (a partir de 769px) ---------- */
@media (min-width: 769px) {

    /* Breadcrumb em linha com espaçamento */
    .mv-breadcrumbs ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
    }
}


/* v25.8 – ajustes finos de mobile: breadcrumb + sidebar "Mais notícias" */

/* Breadcrumb da single ainda mais compacto no mobile */
@media (max-width: 768px) {
    .single .mv-single-card {
        padding-top: 12px;
    }

    .single .mv-breadcrumbs {
        margin-top: 0;
        margin-bottom: 2px;
        font-size: 0.78rem;
    }
}

/* Sidebar "Mais notícias" da single:
   mantém desktop elegante e suaviza altura no mobile */
.mv-sidebar-thumb {
    height: 150px;
}

@media (max-width: 768px) {
    .mv-sidebar-thumb {
        height: 135px;
    }
}


/* v26.0 – ajustes mobile finais:
   - Breadcrumb single alinhado e legível
   - Thumbs de "Mais notícias" com altura fixa confortável */
@media (max-width: 768px) {

    /* Card da single e breadcrumb mais próximos do topo,
       mas ainda com respiro visual */
    .single .mv-single-card {
        padding-top: 10px;
    }

    .single .mv-breadcrumbs {
        margin-top: 2px;
        margin-bottom: 8px;
        font-size: 0.8rem;
    }

    /* Último item do breadcrumb não quebra feio */
    .single .mv-breadcrumb-current {
        max-width: calc(100vw - 130px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Sidebar "Mais notícias" – thumbs um pouco menores,
       preenchendo bem a largura no mobile */
    .single .mv-sidebar-thumb {
        flex: 0 0 100%;
        max-width: 100%;
        height: 150px;
        overflow: hidden;
        border-radius: 18px;
    }

    .single .mv-sidebar-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* v26.1 – Ajuste final de breadcrumb no mobile (single) */
@media (max-width: 768px) {

    /* Aproxima mais do título sem colar demais */
    .single .mv-single-card {
        padding-top: 6px !important;
    }

    /* Breadcrumb mais compacto */
    .single .mv-breadcrumbs {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        font-size: 0.78rem !important;
        line-height: 1.25 !important;
        padding-left: 4px;
        padding-right: 4px;
    }

    /* Evita quebra feia, mantém em uma linha */
    .single .mv-breadcrumbs ul {
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .single .mv-breadcrumbs li {
        display: inline !important;
    }

    /* Último item com corte limpo e espaço suficiente */
    .single .mv-breadcrumb-current {
        display: inline-block !important;
        max-width: 58vw !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        vertical-align: bottom;
    }
}

/* BREADCRUMB FIX v26.2 */
@media (max-width: 768px){
.single .mv-breadcrumbs{margin:6px 12px 4px;font-size:11px;line-height:1.3;white-space:normal!important;overflow:visible!important}
.single .mv-breadcrumbs ul{display:flex;flex-wrap:wrap;gap:3px 4px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%;padding:0;margin:0}
.single .mv-breadcrumbs li,.single .mv-breadcrumb-current{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%;line-height:1.3}}


/* Breadcrumb mobile ellipsis seguro — v26.3 */
@media (max-width: 768px) {

    .single .mv-breadcrumbs ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 6px;
        overflow: visible;
        white-space: normal;
    }

    .single .mv-breadcrumbs li {
        white-space: normal;
        overflow: visible;
    }

    /* Ellipsis apenas no título final */
    .single .mv-breadcrumb-current {
        max-width: 52vw;              /* largura menor para forçar ellipsis em títulos longos */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: bottom;
    }
}


@media(max-width:768px){
    .mv-search-toggle{
        margin-left:8px!important;
        margin-right:8px!important;
    }
}


.mv-footer-inner {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 32px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #6b7280;
    font-size: 14px;
    gap: 24px;
}


.mv-footer-inner nav {
    display: flex;
    gap: 24px;
}

.mv-footer-inner nav a {
    color: #374151;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.mv-footer-inner nav a:hover {
    color: #000000;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .mv-footer-inner {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .mv-footer-inner nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
}


/* ===============================
 * Comentários - estilo Instagram
 * =============================== */

.mv-comments-area .comment-body {
    position: relative;
}

/* GIFs / imagens dentro do comentário */
.mv-comments-area .comment-content img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    margin: 20px auto 0;
}

/* Container de ações (coração etc.) */
.mv-comment-actions {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* Botão de like tipo Instagram (apenas visual por enquanto) */
.mv-comment-like {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    color: #d11a2a; /* vermelho Vasco */
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.mv-comment-like:hover,
.mv-comment-like:focus {
    transform: scale(1.08);
    opacity: 0.9;
}

.mv-comment-like:active {
    transform: scale(0.92);
}




/* ================================
   Comentários estilo Instagram
   ================================ */
.mv-comment-body {
    padding: 24px 24px 16px;
    border-radius: 24px;
    background: #ffffff;
}

.mv-comment-inner {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.mv-comment-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.mv-comment-main {
    flex: 1;
    min-width: 0;
}

.mv-comment-header-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.mv-comment-text-wrap {
    flex: 1;
    min-width: 0;
}

.mv-comment-author-name {
    font-weight: 600;
    margin-right: 6px;
    font-size: 0.95rem;
}

.mv-comment-content-inline {
    display: inline;
}

.mv-comment-content-inline p {
    display: inline;
    margin: 0;
    font-size: 0.95rem;
}

.mv-comment-body img {
    border-radius: 18px;
    max-width: 100%;
    height: auto;
}

/* Gifs/imagens dentro do comentário: ocupam quase toda a largura, igual Instagram */
.mv-comment-text-wrap img {
    display: block;
    margin-top: 12px;
    width: calc(100% + 48px) !important;
    max-width: none !important;
    height: auto !important;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 18px;
}

/* Like (coração) à direita */
.mv-comment-like-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 4px 0 0 0;
    color: #999;
    transition: transform 0.15s ease, color 0.15s ease;
}

.mv-comment-like-btn.is-liked {
    color: #e0245e;
    transform: scale(1.1);
}

.mv-comment-meta-line {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #8e8e8e;
}

.mv-comment-likes-count {
    font-weight: 600;
    margin-right: 2px;
}

.mv-comment-meta-line a {
    color: #8e8e8e;
    text-decoration: none;
    font-weight: 500;
}

.mv-comment-meta-line a:hover {
    text-decoration: underline;
}

.mv-comment-meta-separator {
    opacity: 0.75;
}

/* Versão mobile: mantém layout agradável */
@media (max-width: 768px) {
    .mv-comment-body {
        padding: 16px 16px 12px;
    }

    .mv-comment-avatar img {
        width: 36px;
        height: 36px;
    }

    .mv-comment-like-btn {
        font-size: 1.1rem;
    }
}


/* Ajuste comentários: gifs horizontais maiores e meta em linha estilo Instagram */
.mv-comment-text-wrap img {
    display: block;
    margin-top: 12px;
    width: calc(100% + 48px) !important;
    max-width: none !important;
    height: auto !important;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 18px;
}

.mv-comment-meta-line {
    font-weight: 500;
}


/* Ajustes extras comentários estilo Instagram */

/* Imagens/GIFs dentro do texto do comentário: horizontais mais largos */

.mv-comment-content-inline img {
    display: block;
    margin: 12px auto 4px auto;
    max-width: 450px;
    max-height: 360px;
    width: auto;
    height: auto;
    border-radius: 18px;
}


/* Garantir que o texto "curtidas" tenha o mesmo tamanho e peso da linha toda */
.mv-comment-meta-line,
.mv-comment-meta-line span,
.mv-comment-meta-line a {
    font-size: 0.8rem;
    font-weight: 500;
}

/* Remover qualquer transformação em caixa alta do link Responder dentro da meta */
.mv-comment-reply a {
    text-transform: none;
    letter-spacing: 0;
}

/* Coração um pouco menor + animação de like */
.mv-comment-like-btn {
    font-size: 1.05rem;
}

@keyframes mv-heart-pop {
    0% {
        transform: scale(0.7);
    }
    45% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1.0);
    }
}

.mv-comment-like-btn.is-liked {
    animation: mv-heart-pop 0.22s ease-out;
}


/* Comentários — ajustes finos */

/* Data com mesma cor/peso das curtidas */
.mv-comment-meta-line,
.mv-comment-meta-line span,
.mv-comment-meta-line a {
    font-size: 0.8rem;
    font-weight: 500;
    color: #8e8e8e;
}

/* GIFs horizontais realmente ocupando a largura do cartão */
.comment-content.mv-comment-content-inline img {
    display: block;
    margin-top: 8px;
    margin-bottom: 4px;
    width: min(100%, 640px) !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 18px;
}

/* Coração: somente contorno quando não curtido, sólido quando curtido */
.mv-comment-like-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: #e0245e;
}

.mv-comment-like-btn::before {
    content: "\2661"; /* coração contorno */
    font-size: 1.1rem;
    line-height: 1;
}

/* Estado curtido: coração sólido */
.mv-comment-like-btn.is-liked::before {
    content: "\2665";
}

/* Animação pop no like */
@keyframes mv-heart-pop {
    0%   { transform: scale(0.7); }
    45%  { transform: scale(1.25); }
    100% { transform: scale(1.0); }
}

.mv-comment-like-btn.is-liked {
    animation: mv-heart-pop 0.22s ease-out;
}


/* ===== Comentários: coração SVG e GIFs ===== */

/* Botão base */
.mv-comment-like-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

/* Ícone de coração SVG */
.mv-comment-like-btn .mv-heart-icon {
    width: 22px;
    height: 22px;
}

.mv-comment-like-btn .mv-heart-icon path {
    fill: transparent;
    stroke: #e0245e;
    stroke-width: 2;
    transition: transform 0.22s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out;
    transform-origin: center;
}

/* Estado curtido: coração sólido */
.mv-comment-like-btn.is-liked .mv-heart-icon path {
    fill: #e0245e;
    stroke: #e0245e;
}

/* Clique / animação pop */
@keyframes mv-heart-pop-svg {
    0%   { transform: scale(0.7); }
    45%  { transform: scale(1.25); }
    100% { transform: scale(1.0); }
}

.mv-comment-like-btn.is-liked .mv-heart-icon path {
    animation: mv-heart-pop-svg 0.22s ease-out;
}

/* Hover opcional em desktop */
@media (hover: hover) {
    .mv-comment-like-btn:hover .mv-heart-icon path {
        transform: scale(1.05);
    }
}

/* GIFs horizontais dentro do corpo do comentário */
.mv-comment-body .mv-comment-main img {
    display: block;
    margin-top: 8px;
    margin-bottom: 4px;
    width: min(100%, 640px) !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 18px;
}



/* Esconder ícones/links de like antigos de plugins de terceiros dentro dos comentários */
.mv-comment-card [class*="wpulike"],
.mv-comment-card [class*="wp-ulike"],
.mv-comment-card [class*="wpd-like"],
.mv-comment-card [class*="wpd_like"],
.mv-comment-card [class*="wpd-vote"],
.mv-comment-card [class*="comment-like"],
.mv-comment-card .wpulike,
.mv-comment-card .wpd-like,
.mv-comment-card .wp_ulike_general_class {
    display: none !important;
}


/* Override: remove old pseudo-element heart so only SVG icon is shown */
.mv-comment-like-btn::before,
.mv-comment-like-btn.is-liked::before {
    content: none !important;
}


/* Alinhamento da lista de comentários com o título "respostas" */
.single-post .mv-post .comments-area ol.mv-comment-list,
.single-post .mv-post .comments-area ul.mv-comment-list {
    margin-left: 0;
    padding-left: 0;
}

/* Evitar scroll horizontal em devices pequenos */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}



/* =========================================================
   Arquivo de categorias / tags (archive.php)
   ========================================================= */

.mv-archive-header {
    padding-top: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.mv-archive-title {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0;
}

.mv-archive-description {
    max-width: 720px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #555;
}

.mv-archive-description p {
    margin: 0 0 0.35rem;
}

/* Cards da listagem de categoria */
.archive .mv-list {
    padding-top: 10px;
}

.archive .mv-list-item,
.archive .mv-archive-item {
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 22px;
    padding: 18px 22px;
    border-bottom: 1px solid #f3f3f3;
}

.archive .mv-list-item:last-child,
.archive .mv-archive-item:last-child {
    border-bottom: none;
}

.archive .mv-list-thumb,
.archive .mv-archive-thumb {
    border-radius: var(--mv-radius-card);
    overflow: hidden;
}

.archive .mv-list-thumb img,
.archive .mv-archive-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.archive .mv-list-content > h2,
.archive .mv-archive-content > h2 {
    font-size: 1.06rem;
    margin: 0 0 4px;
}

.archive .mv-list-content > h2 a,
.archive .mv-archive-content > h2 a {
    color: var(--mv-text);
    text-decoration: none;
}

.archive .mv-list-content > h2 a:hover,
.archive .mv-archive-content > h2 a:hover {
    color: var(--mv-red);
}

.archive .mv-archive-meta {
    font-size: 0.8rem;
    color: #777;
    margin-bottom: 0;
}

.archive .mv-archive-meta a {
    color: inherit;
}

/* Responsivo */
@media (max-width: 960px) {
    .archive .mv-list-item,
    .archive .mv-archive-item {
        grid-template-columns: 170px 1fr;
        gap: 16px;
        padding-inline: 16px;
    }
}

@media (max-width: 720px) {
    .archive .mv-archive-header {
        padding-inline: 16px;
    }

    .archive .mv-list-item,
    .archive .mv-archive-item {
        grid-template-columns: 1fr;
    }
}


/* v29.5 – Footer links style fix */
.mv-footer-nav,
.mv-footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mv-footer-nav li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: 1.4rem;
    font-size: 0.85rem;
}

.mv-footer-nav li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #9aa0a6;
}

.mv-footer-nav a {
    color: #5f6368;
    text-decoration: none;
    font-weight: 500;
}

.mv-footer-nav a:hover {
    color: #202124;
    text-decoration: underline;
}


/* v29.7 – GIF mobile fix */
@media (max-width: 768px) {
    .mv-comment-content-inline img,
    .mv-comment-gif img,
    .mv-comment-media img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
}


/* v30.0 – Mobile fine-tuning for latest section and thumbs */
@media (max-width: 768px) {
    /* Alinhar título "Últimas notícias do Vasco" com a Cruz */
    .mv-list-header {
        display: flex;
        align-items: center;
    }

    .mv-list-header h1 {
        margin: 0;
        line-height: 1.1;
        transform: translateY(-7px);
    }

    .mv-section-icon {
        margin-top: 1px;
    }

    /* Diminuir ligeiramente a altura das capas na home (~20px a menos) */
    .mv-list-thumb img {
        max-height: 170px;
        width: 100%;
        object-fit: cover;
        display: block;
    }
}


/* === Mobile header refinement v30.4 (menu left, logo centered, search right) === */
@media (max-width: 768px) {
    .mv-header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .mv-main-nav {
        margin-left: 0;
        flex: unset;
    }

    .mv-menu-toggle {
        order: 1;
    }

    .mv-logo {
        order: 2;
        margin: 0 auto;
    }

    .mv-search-toggle {
        order: 3;
    }
}


/* === Mobile header final tweak v30.5 — hide desktop nav so logo centraliza perfeitamente === */
@media (max-width: 768px) {
    .mv-main-nav {
        display: none !important;
    }
}


/* === Mobile header alignment hard-fix v30.6 — garante menu encostado à esquerda === */
@media (max-width: 768px) {
    .mv-menu-toggle {
        margin-left: 0 !important;
        display: block !important;
        padding-left: 0 !important;
        justify-content: flex-start !important;
    }
}


/* === Mobile header + search refine v30.7 === */
@media (max-width: 768px) {

    /* Garante que o menu abra mesmo com o display:none !important anterior */
    #mv-menu-toggle:checked ~ nav.mv-main-nav {
        display: block !important;
    }

    /* Barra de busca abrindo a partir da direita, próxima ao ícone */
    .mv-search-inline {
        left: auto;
        right: 10px;
        width: min(280px, 90vw);
        padding: 0 10px;
    }
}


/* === v30.9 – Esconde widgets fixos (Meuvascopédia, Classificação etc.) somente na Home === */
.home .mv-sidebar-box {
    display: none;
}


/* === v30.10 – Correção do header DESKTOP (logo à esquerda, menu ao centro/direita, busca à direita) === */
@media (min-width: 769px) {
    .mv-header-inner {
        display: flex;
        align-items: center;
        gap: 32px;
    }

    .mv-logo {
        order: 1;
    }

    .mv-main-nav {
        order: 2;
        margin-left: auto;
        flex: 1;
    }

    .mv-search-toggle {
        order: 3;
    }
}


/* === v30.11 – Corrige sidebar da home: volta Meuvascopédia e esconde só widgets de classificação/próximos jogos === */
.home .mv-sidebar-box {
    display: block;
}

/* === Header final override (v2.2) — ações (search/entrar) sempre à direita === */
.mv-site-header .mv-header-inner{
  display:flex !important;
  align-items:center !important;
}
.mv-site-header .mv-header-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
@media (max-width: 820px){
  .mv-site-header .mv-header-inner{ justify-content:space-between !important; }
  .mv-site-header .mv-header-nav{ display:none !important; }
  .mv-site-header .mv-header-actions{ margin-left:auto !important; }
}

.home .mv-widget {
    display: none;
}

/* === v2.6 — Busca no mobile dentro do menu (mantém logo central) === */
.mv-mobile-search{ display:none; }

@media (max-width: 768px){
  /* Esconde o toggle de busca no header (a busca fica dentro do menu) */
  .mv-search-toggle{ display:none !important; }

  /* Mostra a busca no topo do menu aberto */
  #mv-menu-toggle:checked ~ nav.mv-main-nav .mv-mobile-search{
    display:block;
  }

  .mv-mobile-search{
    padding:12px 16px;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }

  .mv-mobile-search .search-form{
    display:block;
    margin:0;
  }

  .mv-mobile-search .search-form label{ display:block; }

  .mv-mobile-search .search-field{
    width:100% !important;
    height:42px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.06);
    color:#fff;
    padding:0 12px;
    outline:none;
  }

  .mv-mobile-search .search-field::placeholder{ color:rgba(255,255,255,0.65); }
}



.home .mv-sidebar-box,
.home .mv-widget {
    display: none !important;
}


/* === v30.13 – Sidebar da Home: visível no desktop, oculta no mobile === */

/* Mobile (até 768px): esconder todas as widgets da sidebar na Home */
@media (max-width: 768px) {
    .home .mv-sidebar-box,
    .home .mv-widget {
        display: none !important;
    }
}

/* Desktop (a partir de 769px): garantir que apareçam normalmente */
@media (min-width: 769px) {
    .home .mv-sidebar-box,
    .home .mv-widget {
        display: block !important;
    }
}


/* === MeuVasco 2025 – Blocos de anúncios (v31-ads) === */
.mv-ad {
    margin: 16px 0;
    text-align: center;
}

/* Banner fixo inferior - apenas mobile */
.mv-mobile-fixed-ad {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    padding: 6px 4px;
    text-align: center;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.18);
}

@media (min-width: 769px) {
    .mv-mobile-fixed-ad {
        display: none;
    }
}


/* Ajustes de anúncios (31.5) */
.mv-home-ads {
    margin: 16px 0 24px;
}
.mv-home-ads .mv-ad-home-inline {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mv-ad-sidebar-middle {
    margin-bottom: 10px;
    text-align: center;
}


/* === Ads fine-tune v31.8 === */
/* Home inline ad: keep inside block and responsive */
.mv-home-ads {
    overflow: hidden;
}
.mv-home-ads iframe,
.mv-home-ads img,
.mv-home-ads ins {
    max-width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile fixed footer ad: limit height and avoid taking half screen */
@media (max-width: 768px) {
    .mv-mobile-fixed-ad {
        max-height: 90px;
        overflow: hidden;
    }
    .mv-mobile-fixed-ad ins,
    .mv-mobile-fixed-ad iframe {
        max-height: 90px !important;
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
}


/* === HERO visual fix v34.1 (desktop + mobile) ======================= */

/* Desktop / base: alturas consistentes nos cards do HERO */
.mv-hero-main {
    height: 420px; /* altura fixa para o destaque principal no desktop */
}

.mv-hero-side {
    height: 210px; /* altura fixa para os destaques laterais no desktop */
}

/* Garantir que as thumbs realmente preencham o card */
.mv-hero-main-thumbnail,
.mv-hero-side-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobile: comportamento estilo app de notícia, com proporção 16:9 */
@media (max-width: 768px) {

    /* HERO em coluna com espaçamento confortável */
    .mv-hero-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    /* Cada card vira um bloco 16:9 com overlay no rodapé */
    .mv-hero-main,
    .mv-hero-side {
        position: relative;
        height: auto;
        min-height: 0;
        border-radius: var(--mv-radius-card);
        overflow: hidden;
    }

    .mv-hero-main::before,
    .mv-hero-side::before {
        content: "";
        display: block;
        padding-top: 56.25%; /* 16:9 */
    }

    .mv-hero-main-thumbnail,
    .mv-hero-side-thumbnail {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mv-hero-main-overlay,
    .mv-hero-side-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 12px 12px 10px;
        background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.85) 65%);
    }

    /* Tipografia mais enxuta no mobile */
    .mv-hero-main-title {
        font-size: 1.6rem;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    .mv-hero-side-title {
        font-size: 1.35rem;
        line-height: 1.3;
        margin-bottom: 3px;
    }

    .mv-hero-main-meta,
    .mv-hero-side-meta {
        font-size: 0.85rem;
        opacity: 0.9;
    }
}
/* === Fim HERO visual fix v34.1 ===================================== */

/* === Mobile feed compact v34.4 === */
@media (max-width: 768px) {

    /* Deixar cards de lista mais compactos no mobile */
    .mv-list-post {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 12px 0;
        margin-bottom: 14px;
    }

    .mv-list-thumb {
        margin-bottom: 4px;
    }

    .mv-list-title {
        font-size: 1.08rem;
        line-height: 1.22;
        margin: 0 0 3px;
    }

    /* Meta (data) mais legível e próxima do conteúdo */
    .mv-list-meta {
        margin-top: 2px;
        font-size: 0.85rem;
        color: #555555;
    }

    /* Botões de share mais próximos da data */
    .mv-list-share {
        margin-top: 3px;
    }

    /* Ocultar descrição e link "Leia mais" nas listas de notícias (home/arquivos) */
    .mv-list-excerpt,
    .mv-readmore {
        display: none !important;
    }
}
/* === Fim Mobile feed compact v34.4 === */


/* === Hero Desktop heights v34.8 === */
@media (min-width: 1024px) {
    .mv-hero-main {
        height: 380px;
    }
    .mv-hero-side {
        height: 190px;
    }
}

/* === Mobile PageNavi compact v34.8 === */
@media (max-width: 768px) {
    .wp-pagenavi {
        padding: 6px 0 2px;
        margin: 4px 0 0 !important;
        text-align: center;
    }

    .wp-pagenavi a,
    .wp-pagenavi span {
        display: inline-block;
        padding: 5px 8px;
        margin: 0 2px;
        font-size: 0.9rem;
        line-height: 1.2;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #ffffff;
    }

    .wp-pagenavi span.pages,
    .wp-pagenavi span.extend {
        border: none;
        background: transparent;
        padding: 0 4px;
        margin: 0 1px;
    }

    .wp-pagenavi .current {
        background: #000000 !important;
        color: #ffffff !important;
        border-color: #000000 !important;
        font-weight: 600;
    }

    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi a.previouspostslink {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* === Nextend Social Login - comentários MeuVasco v34.8 === */
.comments-area .nsl-container {
    margin: 8px 0 14px;
}

/* Container dos botões em linha */
.comments-area .nsl-container .nsl-container-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Botões (Google / Facebook / X) como pílulas */
.comments-area .nsl-container .nsl-button {
    margin: 0;
    border-radius: 999px;
    padding: 8px 14px;
    box-shadow: none;
}

/* Só ícone, mantém tamanho consistente */
.comments-area .nsl-container .nsl-button svg,
.comments-area .nsl-container .nsl-button img {
    width: 22px;
    height: 22px;
}

/* Botão específico do X (Twitter) - quando ativado no Nextend */
.comments-area .nsl-button-twitter,
.comments-area .nsl-button-x {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* Texto abaixo dos botões */
.comments-area p.comment-notes {
    margin-top: 4px;
}


/* === Nextend Social Login - Comentários (forçar ícones redondos) v34.9 === */
.comments-area .nsl-container {
    margin: 8px 0 12px;
}

/* linha de botões */
.comments-area .nsl-container .nsl-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    padding: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    box-shadow: none !important;
}

/* se vier texto no botão, esconde no bloco dos comentários */
.comments-area .nsl-container .nsl-button span {
    display: none !important;
}

/* tamanho do ícone dentro do botão */
.comments-area .nsl-container .nsl-button svg,
.comments-area .nsl-container .nsl-button img {
    width: 24px;
    height: 24px;
}

/* botão do X (Twitter) preto, seguindo padrão do site */
.comments-area .nsl-button-twitter,
.comments-area .nsl-button-x {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* === Social Login icons side by side v35.1 === */
.comments-area .nsl-container {
    display:flex;
    flex-direction:row;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
    margin:10px 0 20px;
}
.comments-area .nsl-container .nsl-button {
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:50%;
    padding:0!important;
    margin:0!important;
}
.comments-area .nsl-container .nsl-button span {display:none!important;}
.comments-area .nsl-container .nsl-button svg,
.comments-area .nsl-container .nsl-button img {
    width:24px;
    height:24px;
}


/* === Créditos de imagem elegantes na single v35.6 === */
/* Aplica apenas ao parágrafo logo abaixo da imagem, usado como legenda/crédito */
.single .mv-post-content img + p {
    position: relative;
    margin-top: 10px;
    margin-bottom: 24px;
    padding: 8px 12px 8px 34px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #666666;
    background-color: #f7f7f7;
    border-radius: 8px;
}

/* Ícone de câmera à esquerda do crédito */
.single .mv-post-content img + p::before {
    content: "📸";
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 1rem;
}

/* Links dentro do crédito herdam a cor e ficam discretos */
.single .mv-post-content img + p a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding-bottom: 1px;
}

/* Hover do link do crédito: usa o vermelho padrão do tema */
.single .mv-post-content img + p a:hover {
    color: var(--mv-red, #c00000);
    border-bottom-color: var(--mv-red, #c00000);
}


/* === Créditos de imagem baseados em título "Foto:" (compatível com WP) === */
/* Alguns crawlers inserem o crédito como texto junto do link da imagem. Aqui garantimos espaçamento e bordas consistentes. */
.single .mv-post-content a[title*='Foto:'] {
    display: flex;
    flex-direction: column-reverse;
    gap: 14px;
    margin: 14px 0 26px;
    text-decoration: none;
    color: #555;
    font-size: 0.86rem;
    line-height: 1.55;
    font-style: italic;
}

.single .mv-post-content a[title*='Foto:'] img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
}

.single .mv-post-content a[title*='Foto:'] > img {
    border-radius: 18px;
}

.single .mv-post-content a[title*='Foto:']:hover {
    color: var(--mv-red, #c00000);
}
/* === Layout moderno para a paginação (WP-PageNavi) === */
.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px 12px 24px;
    margin: 8px 0 24px;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.95rem;
    text-decoration: none;
    border: none;
    background: #f4f4f4;
    color: #111;
}

.wp-pagenavi span.current {
    background: var(--mv-red, #c00000);
    color: #fff;
    font-weight: 600;
}

.wp-pagenavi a:hover {
    background: #e3e3e3;
}

/* Mobile: mais respiro lateral na paginação */
@media (max-width: 767px) {
    .wp-pagenavi {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* === Rodapé mais leve e organizado === */
footer.mv-footer,
footer.site-footer,
footer#colophon {
    border-top: 1px solid #eeeeee;
    padding: 18px 16px 28px;
    text-align: center;
    font-size: 0.85rem;
    color: #999999;
    background: #fafafa;
}

@media (max-width: 767px) {
    footer.mv-footer,
    footer.site-footer,
    footer#colophon {
        font-size: 0.8rem;
        line-height: 1.5;
    }
}

/* Comments isolated card */
.mv-comments-card {
    background: #fff;
    border-radius: 16px;
    padding: 16px 20px 24px;
    margin-top: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* FIX3: neutralizar o card pai dos comentários (.mv-comments-card) para evitar “dois fundos” */
.mv-comments-card{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.logged-in .mv-comments-login {
    display: none;
}




/* v37.1 – Ajustes finos de mobile (breadcrumbs, share, GIF) */

/* Breadcrumb mobile: comportamento igual ao desktop, porém com corte elegante */
@media (max-width: 768px) {
    .single .mv-breadcrumbs {
        margin-top: 2px;
        margin-bottom: 8px;
        font-size: 0.8rem;
    }

    .single .mv-breadcrumbs ul {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .single .mv-breadcrumbs li {
        display: inline;
    }

    .single .mv-breadcrumb-current {
        display: inline-block;
        max-width: 60vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }
}

/* Single: share buttons um pouco menores no mobile */
@media (max-width: 600px) {
    .single .mv-share-inline,
    .single .mv-share-buttons {
        transform: scale(0.78);
        transform-origin: left center;
        opacity: 0.9;
        margin-top: 2px;
    }
}

/* GIF bar: manter texto ao lado do botão também no mobile */
@media (max-width: 768px) {
    .mv-comment-toolbar {
        align-items: center;
        gap: 10px;
    }

    .mv-comment-toolbar-hint {
        flex-basis: auto;
        margin-top: 0;
        max-width: 260px;
    }
}


/* ===== Fix definitivo do Breadcrumb no Mobile (igual ao desktop) ===== */
@media (max-width: 768px) {
    .mv-single-header .mv-breadcrumbs {
        font-size: 0.8rem;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .mv-single-header .mv-breadcrumbs ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        align-items: center;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    .mv-single-header .mv-breadcrumbs li,
    .mv-single-header .mv-breadcrumbs a,
    .mv-single-header .mv-breadcrumbs span,
    .mv-single-header .mv-breadcrumb-current {
        display: inline;
        max-width: 100%;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}


/* ===== FIX ABSOLUTO DO BREADCRUMB NO MOBILE ===== */
@media (max-width: 768px) {

    .mv-single-header .mv-breadcrumbs,
    .mv-single-header .mv-breadcrumbs *,
    .mv-single-header .mv-breadcrumb-current,
    .mv-single-header .mv-breadcrumb-current * {
        max-width: none !important;
        width: auto !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        display: inline !important;
    }
}


/* ===== BREADCRUMB CLEAN (DESKTOP + MOBILE) ===== */
.mv-single-header .mv-breadcrumbs li.mv-breadcrumb-sep {
    display: none !important;
}

/* Alinhar breadcrumb exatamente com o título (remove recuos padrão de listas) */
.mv-single-header .mv-breadcrumbs {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.mv-single-header .mv-breadcrumbs ul {
    margin: 0 !important;
    padding: 0 !important;
}

/* Subtítulo (linha de apoio) abaixo do H1 — padrão de portais */
.mv-single-subtitle{
    margin: 6px 0 12px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 400;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px){
    .mv-single-subtitle{
        font-size: 16px;
        margin: 8px 0 12px;
    }
}

/* remove pseudo-conteúdo anterior */
.mv-single-header .mv-breadcrumbs li::before,
.mv-single-header .mv-breadcrumbs li::after {
    content: "" !important;
}

/* adiciona "›" apenas antes dos itens após o primeiro */
.mv-single-header .mv-breadcrumbs li + li::before {
    content: "› " !important;
    color: #d1d5db;
    margin-right: 2px;
}

/* ===== MOBILE: reduzir espaços acima e abaixo do breadcrumb/título ===== */
@media (max-width: 768px) {

    .mv-single-wrap {
        padding-top: 8px !important;
        padding-bottom: 16px !important;
    }

    .mv-single-header {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
    }

    .mv-single-header .mv-breadcrumbs {
        margin-top: 2px !important;
        margin-bottom: 4px !important;
    }

    .mv-single-header h1,
    .mv-single-header .entry-title,
    .mv-single-header .mv-single-title {
        margin-top: 6px !important;
    }
}


/* ===== MOBILE TIGHTER GAPS + HIDE CURRENT BREADCRUMB ===== */
@media (max-width: 768px) {

    /* esconder o último item (título do post) no breadcrumb */
    .mv-single-header .mv-breadcrumbs li:last-child {
        display: none !important;
    }

    /* card ainda mais colado no topo/rodapé */
    .mv-single-wrap {
        padding-top: 2px !important;
        padding-bottom: 12px !important;
    }

    .mv-single-header {
        padding-top: 4px !important;
        padding-bottom: 6px !important;
        margin-top: 0 !important;
    }

    .mv-single-header .mv-breadcrumbs {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }
}


/* ===== MOBILE ADJUSTED GAPS V39.1 ===== */
@media (max-width: 768px) {

    /* mantém sem o título no breadcrumb (último item escondido) */
    .mv-single-header .mv-breadcrumbs li:last-child {
        display: none !important;
    }

    /* gaps mais naturais no card da single */
    .mv-single-wrap {
        padding-top: 10px !important;
        padding-bottom: 18px !important;
    }

    .mv-single-header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
    }

    .mv-single-header .mv-breadcrumbs {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
    }
}


/* ==== SINGLE MOBILE — SPACING EXACT LIKE MOCKUP ==== */
@media (max-width: 768px) {

    /* container branco da single */
    .mv-single-wrap {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }

    /* área do breadcrumb */
    .mv-single-header {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        margin-top: 0 !important;
    }

    /* breadcrumb em si */
    .mv-single-header .mv-breadcrumbs {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        font-size: 13px !important;
    }

    /* esconde o título duplicado no breadcrumb */
    .mv-single-header .mv-breadcrumbs li:last-child {
        display: none !important;
    }

    /* espaço entre breadcrumb → título */
    .mv-single-title,
    .mv-single-header h1,
    .mv-single-header .entry-title {
        margin-top: 3px !important;
    }
}


/* ===== PageNavi – correção MOBILE (não tocar no desktop) ===== */
@media (max-width: 768px) {

    /* Esconde o texto “Página X de Y” */
    .wp-pagenavi .pages {
        display: none !important;
    }

    /* Força quebra de linha e impede scroll lateral */
    .wp-pagenavi,
    .mv-pagenavi {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        align-items: center;
        gap: 4px;
        max-width: 100% !important;
        overflow-x: hidden !important;
        white-space: normal !important;
        margin: 8px auto 16px;
    }

    .wp-pagenavi a,
    .wp-pagenavi span,
    .mv-pagenavi a,
    .mv-pagenavi span {
        margin: 0 !important;
        white-space: normal !important;
        text-align: center;
    }
}


/* ===== PageNavi – ajuste extra MOBILE para evitar overflow ===== */
@media (max-width: 768px) {

    /* Garante que o container nunca passe da largura da tela */
    .wp-pagenavi,
    .mv-pagenavi {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 8px;
    }

    /* Links de primeira/última página costumam ser muito longos (ex: 6.675) */
    .wp-pagenavi .first,
    .wp-pagenavi .last,
    .mv-pagenavi .first,
    .mv-pagenavi .last {
        display: none !important;
    }

    /* Deixa os botões mais compactos */
    .wp-pagenavi a,
    .wp-pagenavi span,
    .mv-pagenavi a,
    .mv-pagenavi span {
        padding: 4px 6px;
        font-size: 13px;
    }

    /* Evita que algum wrapper externo cause rolagem lateral */
    .navigation,
    .jeg_navigation,
    .pagination {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}


/* ===== PageNavi – hard fix MOBILE overflow ===== */
@media (max-width: 768px) {

    /* Corta qualquer overflow horizontal global só no mobile */
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Garante que o bloco de paginação nunca fique maior que a tela */
    .navigation,
    .jeg_navigation,
    .pagination {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden !important;
        margin-left: auto !important;
        margin-right: auto !-important;
    }

    .wp-pagenavi,
    .mv-pagenavi {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        overflow-x: hidden !important;
    }

    /* Deixa cada botão compacto e impede que um único link estoure a largura */
    .wp-pagenavi a,
    .wp-pagenavi span,
    .mv-pagenavi a,
    .mv-pagenavi span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 40px;
        padding: 4px 4px;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
    }

    /* Reticências e extensões ainda mais curtas */
    .wp-pagenavi .extend,
    .mv-pagenavi .extend {
        max-width: 24px;
    }
}


/* ===== PageNavi – mobile clean edges (remove first/last link) ===== */
@media (max-width: 768px) {

    /* Remove o primeiro e o último item da paginação no mobile
       (normalmente "« Anterior" e a última página gigante, ex: 6.675) */
    .wp-pagenavi a:first-child,
    .wp-pagenavi span:first-child,
    .mv-pagenavi a:first-child,
    .mv-pagenavi span:first-child,
    .wp-pagenavi a:last-child,
    .wp-pagenavi span:last-child,
    .mv-pagenavi a:last-child,
    .mv-pagenavi span:last-child {
        display: none !important;
    }

    /* Volta os botões a um tamanho normal, sem corte de texto agressivo */
    .wp-pagenavi a,
    .wp-pagenavi span,
    .mv-pagenavi a,
    .mv-pagenavi span {
        max-width: none !important;
        padding: 4px 6px !important;
        font-size: 14px !important;
        text-overflow: clip !important;
        white-space: nowrap;
    }
}


/* ===== PageNavi – fallback responsivo até 1200px ===== */
@media (max-width: 1200px) {

    /* Esconde o texto “Página X de Y” em qualquer largura intermediária */
    .wp-pagenavi .pages,
    .mv-pagenavi .pages {
        display: none !important;
    }

    /* Garante que a paginação nunca crie scroll horizontal */
    .wp-pagenavi,
    .mv-pagenavi {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        align-items: center;
        gap: 4px;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden !important;
        margin-left: auto;
        margin-right: auto;
    }

    .wp-pagenavi a,
    .wp-pagenavi span,
    .mv-pagenavi a,
    .mv-pagenavi span {
        margin: 0 !important;
        white-space: nowrap;
        text-align: center;
    }

    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}


/* ===== PageNavi – correção REAL MOBILE (classe .mv-pagination) ===== */
@media (max-width: 768px) {

    /* Container principal da paginação gerada por the_posts_pagination */
    .mv-pagination .nav-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        align-items: center;
        gap: 4px;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden !important;
        margin: 8px auto 16px !important;
    }

    /* Ajusta cada número/controle de página */
    .mv-pagination .page-numbers {
        margin: 0 !important;
        white-space: nowrap;
        text-align: center;
    }

    /* Esconde o último número (última página gigante, ex: 6675) no mobile */
    .mv-pagination .page-numbers:last-of-type {
        display: none !important;
    }

    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}


/* ===== PageNavi – FIX DEFINITIVO: .nav-links.mv-pagination no mobile ===== */
@media (max-width: 768px) {

    /* the_posts_pagination(): <div class="nav-links mv-pagination"> */
    .nav-links.mv-pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        align-items: center;
        gap: 4px;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden !important;
        margin: 8px auto 16px !important;
    }

    .nav-links.mv-pagination .page-numbers {
        margin: 0 !important;
        white-space: nowrap;
        text-align: center;
    }

    /* Esconde a última página (ex: 6.675) no mobile */
    .nav-links.mv-pagination .page-numbers:last-of-type {
        display: none !important;
    }

    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}


/* ===== Arquivo / categorias – botão "Carregar mais notícias" no MOBILE ===== */
@media (max-width: 768px) {

    /* Esconde a paginação numérica padrão no mobile */
    .navigation.pagination .nav-links.mv-pagination {
        display: none !important;
    }

    .mv-pagination-loadmore {
        text-align: center;
        margin: 8px auto 24px;
    }

    .mv-pagination-loadmore .mv-btn-loadmore {
        display: inline-block;
        padding: 10px 18px;
        border-radius: 999px;
        background: #000;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
    }

    .mv-pagination-loadmore .mv-btn-loadmore:hover,
    .mv-pagination-loadmore .mv-btn-loadmore:focus {
        opacity: 0.9;
    }
}


/* ===== Forçar remoção da paginação numérica no MOBILE (todas as variantes) ===== */
@media (max-width: 768px) {

    /* <nav class="mv-pagination"> usado na home/front-page */
    nav.mv-pagination {
        display: none !important;
    }

    /* Caso ainda existam wrappers padrão do WordPress */
    nav.navigation.pagination,
    .navigation.pagination .nav-links,
    .navigation.pagination .page-numbers {
        display: none !important;
    }
}


/* ===== Load More AJAX – efeitos básicos ===== */
.mv-list .mv-loaded-post {
    transition: opacity 0.3s ease;
}

.mv-pagination-loadmore .mv-btn-loadmore.is-disabled {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}


/* ===== Footer – correção de alinhamento no MOBILE ===== */
@media (max-width: 768px) {

    footer,
    body > footer,
    .site-footer,
    .mv-footer {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        text-align: center !important;
        box-sizing: border-box;
    }

    footer * {
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

/* ===== Breadcrumbs – mobile clean + mantém › final ===== */
@media (max-width: 768px) {

    /* mantém apenas: MeuVasco › Últimas notícias ›  */
    .mv-breadcrumbs span.breadcrumb_last,
    .mv-breadcrumbs a:last-child {
        display: none !important;
    }

    /* mantém o último separador "›" */
    .mv-breadcrumbs .separator:last-of-type {
        display: inline !important;
    }

    .mv-breadcrumbs {
        font-size: 13px !important;
        opacity: 0.85;
    }
}

/* ===== Breadcrumbs – remove título do post (todas as variações) ===== */
@media (max-width: 768px) {

    .mv-breadcrumbs > *:last-child,
    .mv-breadcrumbs span.breadcrumb_last,
    .mv-breadcrumbs a.breadcrumb_last,
    .mv-breadcrumbs .breadcrumb_last {
        display: none !important;
    }

    .mv-breadcrumbs .separator:last-child,
    .mv-breadcrumbs .separator:last-of-type {
        display: none !important;
    }

    .mv-breadcrumbs {
        font-size: 13px !important;
        opacity: 0.85;
        overflow: hidden;
    }
}

/* ===== Breadcrumbs – ajuste para estrutura com <ul><li> (schema.org) ===== */
@media (max-width: 768px) {

    /* Esconde o último item da lista (título do post) */
    nav.mv-breadcrumbs ul li[itemprop="itemListElement"]:last-of-type,
    nav.mv-breadcrumbs ul li .mv-breadcrumb-current {
        display: none !important;
    }

    /* Esconde o último separador "›" que fica antes do título */
    nav.mv-breadcrumbs ul li.mv-breadcrumb-sep:last-of-type {
        display: none !important;
    }

    nav.mv-breadcrumbs {
        font-size: 13px !important;
        opacity: 0.85;
        overflow: hidden;
    }
}

/* ===== Breadcrumbs – mantém separador final no mobile ===== */
@media (max-width: 768px) {

    /* Reexibe o último separador "›" após Últimas notícias */
    nav.mv-breadcrumbs ul li.mv-breadcrumb-sep:last-of-type {
        display: inline-block !important;
    }
}

/* Breadcrumbs – garante "›" final no mobile */
@media (max-width: 768px) {
    nav.mv-breadcrumbs ul::after {
        content: " ›";
        display: inline-block;
        margin-left: 4px;
    }
}



/* ===== Newsletter MeuVasco – Bloco [mv_newsletter] ===== */


.mv-sidebar-newsletter-text {
    font-size: 13px;
    color: #555;
    margin: 4px 0 10px;
}

.mv-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mv-newsletter-input {
    width: 100%;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
}

.mv-newsletter-input:focus {
    border-color: #000;
}

.mv-newsletter-button {
    width: 100%;
    padding: 9px 12px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background: #000;
    color: #fff;
    cursor: pointer;
}

.mv-newsletter-button:hover,
.mv-newsletter-button:focus {
    opacity: 0.9;
}

.mv-newsletter-legal {
    margin-top: 6px;
    font-size: 11px;
    color: #777;
}

/* Placeholder fix */
.mv-newsletter-input::placeholder {
    opacity: 1 !important;
    color: #777 !important;
    font-size: 14px !important;
}
input.mv-newsletter-input:-webkit-autofill::first-line {
    font-size: 14px !important;
}

/* Em telas maiores, alinhar input+botão lado a lado */
@media (min-width: 992px) {
    .mv-newsletter-form {
        flex-direction: row;
    }

    .mv-newsletter-input {
        flex: 1;
    }

    .mv-newsletter-button {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
        padding-inline: 18px;
    }
}


/* ===== Newsletter MeuVasco – Ajustes para espaçamento e fundo ===== */


.mv-sidebar-newsletter-text {
    font-size: 13px;
    color: #555;
    margin: 4px 0 10px;
}

.mv-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mv-newsletter-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
}

.mv-newsletter-input:focus {
    border-color: #000;
}

.mv-newsletter-button {
    width: 100%;
    padding: 10px 12px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background: #000;
    color: #fff;
    cursor: pointer;
}

.mv-newsletter-button:hover,
.mv-newsletter-button:focus {
    opacity: 0.9;
}

.mv-newsletter-legal {
    margin-top: 6px;
    font-size: 11px;
    color: #777;
}

/* Placeholder fix */
.mv-newsletter-input::placeholder {
    opacity: 1 !important;
    color: #777 !important;
    font-size: 14px !important;
}
input.mv-newsletter-input:-webkit-autofill::first-line {
    font-size: 14px !important;
}

/* Em telas maiores, alinhar input+botão lado a lado */
@media (min-width: 992px) {
    .mv-newsletter-form {
        flex-direction: row;
    }

    .mv-newsletter-input {
        flex: 1;
    }

    .mv-newsletter-button {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
        padding-inline: 18px;
    }
}

/* ===== Newsletter MeuVasco – integrado à sidebar ===== */
.mv-sidebar-newsletter {
    margin-top: 12px;
}

.mv-sidebar-newsletter .mv-sidebar-title {
    /* segue estilo padrão dos títulos da sidebar, se houver override aqui podemos ajustar depois */
}

.mv-sidebar-newsletter .mv-sidebar-newsletter-text {
    font-size: 13px;
    color: #555;
    margin: 4px 0 10px;
}

.mv-sidebar-newsletter .mv-newsletter-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.mv-sidebar-newsletter .mv-newsletter-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.mv-sidebar-newsletter .mv-newsletter-input:focus {
    border-color: #000;
}

.mv-sidebar-newsletter .mv-newsletter-button {
    width: 100%;
    padding: 10px 12px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background: #000;
    color: #fff;
    cursor: pointer;
    margin-top: 4px;
}

.mv-sidebar-newsletter .mv-newsletter-button:hover,
.mv-sidebar-newsletter .mv-newsletter-button:focus {
    opacity: 0.9;
}

.mv-sidebar-newsletter .mv-newsletter-legal {
    margin-top: 6px;
    font-size: 11px;
    color: #777;
}

/* Placeholder fix */
.mv-sidebar-newsletter .mv-newsletter-input::placeholder {
    opacity: 1 !important;
    color: #777 !important;
    font-size: 14px !important;
}
.mv-sidebar-newsletter input.mv-newsletter-input:-webkit-autofill::first-line {
    font-size: 14px !important;
}

/* Em telas maiores, alinhar input+botão lado a lado, sem criar cartão extra */

@media (min-width: 992px) {
    .mv-sidebar-newsletter .mv-newsletter-form {
        flex-direction: row;
    }

    .mv-sidebar-newsletter .mv-newsletter-input {
        flex: 2;
        min-width: 0;
    }

    .mv-sidebar-newsletter .mv-newsletter-button {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
        padding-inline: 18px;
        margin-top: 0;
    }
}


/* ===== Newsletter MeuVasco – layout sempre em coluna (input em cima, botão embaixo) ===== */
.mv-sidebar-newsletter .mv-newsletter-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.mv-sidebar-newsletter .mv-newsletter-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.mv-sidebar-newsletter .mv-newsletter-button {
    width: 100% !important;
    margin-top: 4px !important;
}

/* ===== Separador suave para blocos na single (newsletter) ===== */
.mv-section-sep {
    border: 0;
    border-top: 1px solid #e7e7e7;
    margin: 24px 0 28px;
    width: 100%;
}

.mv-section-sep-newsletter {
    /* permite ajustes específicos se precisar no futuro */
}

/* ===== Newsletter Title + Cruz de Malta ===== */
.mv-newsletter-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}



/* Texto menor e cinza suave */


/* Ajuste de alinhamento da Cruz de Malta no mobile */
@media (max-width: 768px) {
    
    
}

/* Ajuste final para alinhar a Cruz de Malta com títulos multiline no mobile */
@media (max-width: 768px) {
    
    
}


/* v47.0 – Ajustes página "Anuncie no MeuVasco" */
.page .mvhn-content.mv-anuncie {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.page .mvhn-content.mv-anuncie p,
.page .mvhn-content.mv-anuncie li {
  font-size: 0.98rem;
  line-height: 1.7;
}

.page .mvhn-content.mv-anuncie h3,
.page .mvhn-content.mv-anuncie h4 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

/* Garante que listas longas não "quebrem" para fora */
.page .mvhn-content.mv-anuncie ol,
.page .mvhn-content.mv-anuncie ul {
  padding-left: 1.5rem;
  padding-right: 0;
  max-width: 100%;
  box-sizing: border-box;
}


/* Selo de conteúdo patrocinado */
.mv-sponsored-label {
  margin-bottom: 0.5rem;
}

.mv-sponsored-label-list {
  margin-bottom: 0.35rem;
}

.mv-sponsored-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #ffe8e8;
  color: #b01016;
}


/* Página Anuncie – planos, PayPal e formulário */
.mv-anuncie {
  max-width: 960px;
  margin: 0 auto 3rem;
}

.mv-anuncie-planos {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.mv-anuncie-plano {
  flex: 1 1 220px;
  background: #ffffff;
  border-radius: 24px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 18px 45px rgba(8, 15, 52, 0.08);
}

.mv-anuncie-preco {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

.mv-anuncie-cta {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mv-anuncie-paypal-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.mv-anuncie-paypal-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  background: #000000;
  color: #ffffff;
  border-radius: 999px;
  padding: 0.85rem 1.35rem;
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.mv-anuncie-paypal-btn:hover {
  background: #111111;
  color: #ffffff;
}

.mv-anuncie-paypal-label {
  display: block;
}

.mv-anuncie-paypal-price {
  display: block;
  font-size: 0.9rem;
  opacity: 0.85;
}

.mv-anuncie-paypal-note {
  font-size: 0.85rem;
  margin-top: 0.75rem;
  color: rgba(0, 0, 0, 0.55);
}

.mv-anuncie-form-wrapper {
  margin-top: 1.25rem;
}

.mv-anuncie-form-wrapper form {
  max-width: 720px;
}

/* Responsivo */
@media (max-width: 768px) {
  .mv-anuncie-planos {
    flex-direction: column;
  }

  .mv-anuncie-paypal-grid {
    flex-direction: column;
  }

  .mv-anuncie-paypal-btn {
    width: 100%;
    align-items: center;
    text-align: center;
  }
}



/* === v49: Links patrocinados sem sublinhado + botões de CTA === */

/* Remover sublinhado padrão apenas dentro do conteúdo principal */
.mvhn-content a {
  text-decoration: none;
}

.mvhn-content a:hover,
.mvhn-content a:focus {
  text-decoration: underline;
}

/* Botões de CTA genéricos */
.mv-btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1.4rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.2;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  gap: 0.5rem;
}

.mv-btn-cta:hover,
.mv-btn-cta:focus {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
  opacity: 0.9;
}

/* Variações por plataforma */
.mv-btn-instagram {
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.mv-btn-etsy {
  background-color: #f45800;
}

.mv-btn-whatsapp {
  background-color: #25d366;
}

.mv-btn-secondary {
  background-color: #111;
}

/* Container opcional para alinhar botões em linha */
.mv-cta-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0.75rem 0 1.5rem;
}

@media (max-width: 600px) {
  .mv-cta-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .mv-btn-cta {
    width: 100%;
    justify-content: center;
  }
}

/* Anti-zoom em inputs/textarea no iOS Safari (comentários + GIF) */
@media (max-width: 782px) {
    .mv-comment-form input[type="text"],
    .mv-comment-form input[type="email"],
    .mv-comment-form input[type="url"],
    .mv-comment-form input[type="password"],
    .mv-comment-form textarea {
        font-size: 16px;
    }

    .mv-comment-toolbar,
    .mv-comment-toolbar .mv-gif-button,
    .mv-comment-toolbar .mv-gif-button * {
        font-size: 16px;
    }
}

/* Ajustes finos mobile: alinhamento do formulário de comentários e newsletter */
@media (max-width: 782px) {
    /* Garante espaçamento simétrico no card de comentários */
    .comments-area .mv-comments-card {
        padding: 16px 16px 22px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Texto da nota de cancelamento um pouco menor no mobile */
    
}


@media (max-width: 782px) {
    
    
}


@media (max-width: 782px) {
    .comments-area {
        padding-left: 16px;
        padding-right: 16px;
    }
    .comments-area .mv-comments-card {
        box-sizing: border-box;
        width: 100%;
    }
}

/* Newsletter MeuVasco - layout unificado */
.mv-sidebar-box.mv-sidebar-newsletter {
    padding: 16px 16px 18px;
    border-radius: 18px;
    background: #ffffff;
    margin-bottom: 18px;
}

/* Alinhamento da Cruz de Malta com o título */
.mv-section-icon.icon-cruz-de-malta {
    margin-top: 0;
}

/* Nota de cancelamento - base */
.mv-newsletter-smallnote {
    font-size: 12px;
    color: #9aa0a6;
    margin-top: 6px;
    line-height: 1.4;
}

/* Ajustes específicos para mobile */
@media (max-width: 768px) {
    .mv-sidebar-box.mv-sidebar-newsletter {
        padding: 14px 14px 16px;
    }

    .mv-newsletter-smallnote {
        font-size: 11px;
    }
}

/* ==== OVERRIDES FINAIS NEWSLETTER + COMENTÁRIOS (forçados) ==== */
.mv-sidebar-newsletter {
    border-radius: 18px;
    background: #ffffff;
}

.mv-sidebar-newsletter .mv-section-icon {
    position: static !important;
    top: 0 !important;
    margin-top: 0 !important;
}

.mv-sidebar-newsletter .mv-newsletter-legal {
    font-size: 11px !important;
    color: #777 !important;
    margin-top: 6px !important;
    line-height: 1.4 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .mv-sidebar-newsletter {
    }

    .mv-sidebar-newsletter .mv-newsletter-legal {
        font-size: 10px !important;
    }
}

/* Comentários – alinhamento simétrico no mobile */
@media (max-width: 782px) {
    .comments-area .mv-comments-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
        width: 100%;
    }
}

/* ===== Ajustes finais newsletter na SIDEBAR ===== */
.widget .mv-sidebar-box.mv-sidebar-newsletter {
    padding: 12px 14px 14px;
}

.widget .mv-sidebar-newsletter .mv-newsletter-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.widget .mv-sidebar-newsletter .mv-newsletter-title .mv-section-icon {
    margin-bottom: 4px;
}

/* Tamanhos diferentes para os títulos do HERO */
.mv-hero-side-title-second {
    font-size: 1.22rem;
    font-weight: 700;
}

.mv-hero-side-title-third {
    font-size: 1.16rem;
    font-weight: 600;
}

/* Ajuste leve no mobile para manter legibilidade */
@media (max-width: 768px) {
    .mv-hero-side-title-second {
        font-size: 1.34rem;
    }

    .mv-hero-side-title-third {
        font-size: 1.26rem;
    }
}


/* Ajuste: GIF nos comentários encostado nas laterais (estilo Instagram) */
.mv-comment-text-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Override: força GIF dos comentários a ocupar 100% da largura do conteúdo,
   sobrescrevendo regras do plugin (max-width:300px etc.) */
.mv-comment-list .comment-body .mv-comment-text-wrap img,
.mv-comment-list .comment-body .comment-content img.mv-gif-embed {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Botão "Carregar mais GIFs" no modal GIPHY */
.mv-gif-loadmore-wrap {
    text-align: center;
    margin: 12px 0 4px;
}

.mv-gif-loadmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    border: none;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    background: #111111;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.mv-gif-loadmore[disabled] {
    opacity: 0.6;
    cursor: default;
    box-shadow: none;
}

.mv-gif-loadmore:hover:not([disabled]) {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.22);
}


/* Auto-load GIPHY: botão 'Carregar mais GIFs' fica oculto (usado apenas como fallback) */
.mv-gif-loadmore-wrap {
    display: none;
}


/* Blocos de anúncio padrão (infraestrutura MeuVasco 2025) */
.mv-ad {
    width: 100%;
    text-align: center;
    margin: 16px 0;
}

.mv-ad-top-desktop {
    /* Anúncio abaixo do HERO: manter alinhado na coluna e limitar a “área útil” em 90px
       (o Adsense pode injetar inline styles no container; por isso a trava real fica no .mv-ad-inner) */
    width: 100%;
    max-width: none;
    margin: 12px 0 18px;
    padding: 0;
    /* o Adsense pode injetar inline styles com !important neste container.
       A trava real fica no .mv-ad-shell (wrapper interno que o Adsense não altera). */
}

.mv-ad-top-desktop .mv-ad-shell{
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(0,0,0,0.03);
}

.mv-ad-top-desktop .mv-ad-inner{
    height: 90px !important;
    max-height: 90px !important;
    min-height: 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    line-height: 0;
}

/* Adsense às vezes injeta inline styles com height:auto/max-height:none.
   Estes seletores mais específicos garantem que o topo não “estique” e não crie espaço vazio. */
.mv-ad-top-desktop ins.adsbygoogle,
.mv-ad-top-desktop .adsbygoogle,
.mv-ad-top-desktop iframe {
    height: 90px !important;
    max-height: 90px !important;
}

.mv-ad-top-desktop ins.adsbygoogle{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
}

/* Adsense pode injetar iframes maiores (ex.: 280px). Mantemos a área com altura
   fixa, mas sem forçar o iframe (evita criativos cortados/bugados). */
.mv-ad-top-desktop ins,
.mv-ad-top-desktop .adsbygoogle,
.mv-ad-top-desktop .adsbygoogle > div {
    height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
}

.mv-ad-sidebar {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mv-ad-home-infeed,
.mv-ad-single-incontent {
    margin-top: 16px;
    margin-bottom: 16px;
}


@media (max-width: 768px) {
    /* Capas ligeiramente maiores que o original no mobile */
    .mv-list-thumb img {
        max-height: 210px;
    }
}


/* Sidebar – anúncio solto, sem card branco */
.mv-sidebar .mv-widget-ad-sidebar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Widgets de anúncio (mv-single-ad) — sem card/fundo, só o criativo */
.mv-ad-unit {
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: center;
}
.mv-ad-unit .adsbygoogle {
    display: block;
}

/* Ajusta o bloco interno do adsense na sidebar */
.mv-sidebar .mv-widget-ad-sidebar .mv-ad.mv-ad-sidebar {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

/* Sidebar (home) — anúncio como “widget” (sem card branco e sem espaço sobrando) */
.mv-sidebar .mv-widget.mv-home-sidebar-ad {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}

.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad,
.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad-sidebar {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad-slot,
.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad-slot-single,
.mv-sidebar .mv-widget.mv-home-sidebar-ad [id^="aswift"],
.mv-sidebar .mv-widget.mv-home-sidebar-ad [id^="aswift"] > iframe {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad-slot,
.mv-sidebar .mv-widget.mv-home-sidebar-ad .mv-ad-slot-single {
    line-height: 0 !important;
}

.mv-sidebar .mv-widget.mv-home-sidebar-ad ins.adsbygoogle {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
}

.mv-sidebar .mv-widget.mv-home-sidebar-ad iframe {
    display: block !important;
    margin: 0 auto !important;
}


/* Rótulo padrão de anúncio in-content na single (mobile) */
.mv-ad-single-incontent .mv-ad-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #777;
    text-align: center;
    margin: 12px 0 6px;
}

.mv-ad-single-incontent .mv-ad-label span {
    display: inline-block;
    padding: 2px 8px;
}


/* Ajuste de layout do anúncio in-content na single (mobile)
 * Faz o bloco respeitar o mesmo "respiro" lateral do texto,
 * para não parecer que está colando nas bordas do card.
 */
@media (max-width: 768px) {
    .mv-post-content .mv-ad-single-incontent {
        padding: 0 16px;
        box-sizing: border-box;
    }

    .mv-post-content .mv-ad-single-incontent ins.adsbygoogle {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}


/* Ajuste extra: garante que o anúncio in-content nunca ocupe 100% da largura da tela no mobile,
 * deixando uma borda branca lateral para alinhar visualmente com o texto do post.
 */
@media (max-width: 768px) {
    .mv-post-content .mv-ad-single-incontent {
        padding-left: 0;
        padding-right: 0;
    }

    .mv-post-content .mv-ad-single-incontent .mv-ad-label {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .mv-post-content .mv-ad-single-incontent .mv-ad-inner {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .mv-post-content .mv-ad-single-incontent .mv-ad-inner ins.adsbygoogle {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}


/* Blocos editoriais inline (Single no mobile) — estilo GE (texto simples, sem card pesado) */
.mv-inline-block {
    margin: 12px 0;
}

.mv-inline-block .mv-inline-link {
    display: block;
    text-decoration: none;
    font-weight: 800;
    line-height: 1.25;
    padding: 10px 16px;
    border-top: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.mv-inline-block .mv-inline-link:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    /* Mantém os blocos alinhados ao texto do post */
    .mv-post-content .mv-inline-block .mv-inline-link {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/* --- Ajustes estilo GE: links inline mais destacados + ícone WhatsApp --- */
.mv-inline-block .mv-inline-link {
    font-size: 1.08rem;
    font-weight: 900;
    color: #111;
}

@media (max-width: 768px) {
    .mv-inline-block .mv-inline-link {
        font-size: 1.15rem;
    }
}

/* Ícone no bloco de WhatsApp (sem depender do texto) */
.mv-inline-block.mv-inline-whatsapp .mv-inline-link::before {
    content: "📲 ";
}

/* --- Anti-embolado: garante espaçamento e limpeza ao redor de embeds (Twitter) e anúncios --- */
.mv-post-content blockquote.twitter-tweet,
.mv-post-content .twitter-tweet,
.mv-post-content iframe,
.mv-post-content .wp-block-embed,
.mv-post-content .wp-block-embed__wrapper {
    margin: 18px 0 !important;
    max-width: 100% !important;
}

.mv-post-content .mv-ad-single-incontent {
    clear: both;
    display: block;
    margin: 18px 0;
}

.mv-post-content .mv-inline-block {
    clear: both;
}


/* Centralização robusta do AdSense in-article no mobile */
.mv-post-content .mv-ad-single-incontent .mv-ad-inner {
    text-align: center !important;
}

.mv-post-content .mv-ad-single-incontent .mv-ad-inner > * {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mv-post-content .mv-ad-single-incontent .mv-ad-inner ins.adsbygoogle,
.mv-post-content .mv-ad-single-incontent .mv-ad-inner iframe {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* --- Hardening: impedir overflow/“quebra pro lado” causado por iframes/ads --- */
.mv-post-content,
.mv-post-card,
.mv-main,
.mv-content {
    overflow-x: hidden;
}

.mv-post-content .mv-ad.mv-ad-single-incontent {
    max-width: 100%;
    overflow: hidden;
}

.mv-post-content .mv-ad.mv-ad-single-incontent .mv-ad-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    text-align: center !important;
}

/* Tudo dentro do bloco do anúncio não pode ultrapassar a coluna */
.mv-post-content .mv-ad.mv-ad-single-incontent *,
.mv-post-content .mv-ad.mv-ad-single-incontent iframe,
.mv-post-content .mv-ad.mv-ad-single-incontent ins.adsbygoogle,
.mv-post-content .mv-ad.mv-ad-single-incontent .adsbygoogle {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Se algum criativo vier com width fixo e for maior que a coluna, corta ao invés de empurrar layout */
.mv-post-content .mv-ad.mv-ad-single-incontent iframe {
    width: 100% !important;
}


/* MV – Links pretos no conteúdo (mobile/desktop) */
.mv-post-content a,
.mv-post-content a:visited,
.mv-post-content a:hover,
.mv-post-content a:active,
.mvhn-content a,
.mvhn-content a:visited,
.mvhn-content a:hover,
.mvhn-content a:active,
.mv-inline-block a,
.mv-inline-block a:visited,
.mv-inline-block a:hover,
.mv-inline-block a:active {
  color: #111 !important;
}

.mv-post-content a:hover,
.mvhn-content a:hover,
.mv-inline-block a:hover {
  text-decoration: underline;
}


/* Links sempre pretos (conteúdo + blocos editoriais) */
.mv-post-content a,
.mv-post-content a:visited,
.mv-post-content a:hover,
.mv-post-content a:active,
.mv-inline-block .mv-inline-link,
.mv-inline-block .mv-inline-link:visited,
.mv-inline-block .mv-inline-link:hover,
.mv-inline-block .mv-inline-link:active {
    color: #111 !important;
}


/* Espaçamento estilo GE: dá "respiro" entre conteúdo, anúncios e blocos */
.mv-ad-wrap,
.mv-inline-block {
    margin: 26px 0 !important;
}

.mv-ad-label {
    margin: 14px 0 10px !important;
}

@media (max-width: 768px) {
    .mv-ad-wrap,
    .mv-inline-block {
        margin: 30px 0 !important;
    }
}


/* Espaçamento estilo GE (agressivo): constante sem colar */
.mv-ad-wrap,
.mv-inline-block {
    margin: 18px 0 !important;
}
.mv-ad-label {
    margin: 10px 0 8px !important;
}
@media (max-width: 768px) {
    .mv-ad-wrap,
    .mv-inline-block {
        margin: 20px 0 !important;
    }
}

/* =============================
 * Sticky footer ad (mobile)
 * ============================= */
.mv-sticky-ad{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:99999;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
  box-shadow:0 -6px 18px rgba(0,0,0,.10);
  padding:8px 0;
}
.mv-sticky-ad .mv-sticky-inner{
  position:relative;
  max-width:340px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mv-sticky-ad .mv-sticky-close{
  position:absolute;
  right:8px;
  top:-4px;
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
  font-size:20px;
  line-height:24px;
  cursor:pointer;
}
body.mv-has-sticky-ad{ padding-bottom:78px; }

@media (max-width: 768px){
  .mv-sticky-ad{ display:block; }
}
/*test*/

/* MV: Sticky footer ad (mobile/tablet) */
.mv-ad-single-incontent .mv-ad-inner{min-height:240px;}
@media (min-width: 768px){
  .mv-ad-single-incontent .mv-ad-inner{min-height:280px;}
}
.mv-stickyad{display:none;}
@media (max-width: 1024px){
  .mv-stickyad{
    display:block;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:99999;
    padding:10px 12px;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.08);
    box-shadow:0 -10px 30px rgba(0,0,0,.12);
  }
  .mv-stickyad .mv-stickyad-wrap{
    position:relative;
    max-width:980px;
    margin:0 auto;
  }
  .mv-stickyad .mv-stickyad-inner{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:50px;
  }
  .mv-stickyad .mv-stickyad-close{
    position:absolute;
    right:0;
    top:-6px;
    width:28px;
    height:28px;
    border-radius:999px;
    border:0;
    background:rgba(0,0,0,.70);
    color:#fff;
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  body.mv-stickyad-closed .mv-stickyad{display:none;}
  /* Old stickyad padding removed (replaced by .mv-has-sticky-footer-ad) */
}

/* =========================================================
   ADS: In-content + sticky footer
   ========================================================= */

.mv-single-incontent-ad .mv-ad-slot{ text-align:center; }
.mv-single-incontent-ad .mv-ad-slot ins{ margin:0 auto; }
.mv-ad-mobile{ display:block; }
.mv-ad-desktop{ display:none; }

@media (min-width: 768px){
  .mv-ad-mobile{ display:none; }
  .mv-ad-desktop{ display:block; }
}

/* Sticky footer: mobile only */
@media (max-width: 767px){
  body..mv-has-sticky-footer-ad{ padding-bottom:84px; }

  .mv-sticky-ad{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    padding: 10px 10px 12px;
    background: rgba(255,255,255,0.98);
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 -10px 24px rgba(0,0,0,0.10);
  }

  .mv-sticky-ad-inner{
    width: 300px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mv-sticky-ad-close{
    position: absolute;
    right: 10px;
    top: 8px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 0;
    background: rgba(0,0,0,0.70);
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
  }
}

@media (min-width: 768px){
  body..mv-has-sticky-footer-ad{ padding-bottom:0; }
  .mv-sticky-ad{ display:none !important; }
}

/* === MV PATCH: desktop ad alignment + sticky footer padding (v99 fixsyntax9) === */

/* Ensure in-content ad blocks never break layout on desktop */
.mv-ad-single-incontent,
.mv-inline-block,
.mv-related-inline,
.mv-whatsapp-inline {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mv-ad-single-incontent {
  text-align: center;
}

.mv-ad-single-incontent .adsbygoogle,
.mv-ad-single-incontent ins,
.mv-ad-single-incontent iframe {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* Avoid giant blank spaces when AdSense doesn't fill (desktop especially) */
.mv-ad-inner {
  min-height: 0 !important;
}

@media (min-width: 901px) {
  .mv-ad-single-incontent {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}

/* Sticky footer: apply padding using the correct body class */
body.mv-has-sticky-footer-ad {
  padding-bottom: 68px;
}
@media (min-width: 801px) {
  body.mv-has-sticky-footer-ad {
    padding-bottom: 0;
  }
}

/* Remove forced empty space when AdSense doesn't fill (especially on desktop) */
.mv-ad-inner,
.mv-ad-single-incontent {
  min-height: 0 !important;
}

/* Center AdSense ins/iframe on all viewports */
.mv-ad-single-incontent ins.adsbygoogle,
.mv-ad-single-incontent iframe,
.mv-sticky-ad ins.adsbygoogle,
.mv-sticky-ad iframe {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make sure the wrapper doesn't align left due to inherited text-align */
.mv-ad-single-incontent { text-align: center; }


/* MV: harden ad label centering */
.mv-ad-label{display:block;width:100%;text-align:center;}
.mv-ad-slot{clear:both;}
.mv-ad-slot, .mv-ad-slot ins.adsbygoogle{max-width:100%;}
.mv-sticky-ad .mv-sticky-inner{width:300px;max-width:300px;height:50px;}
.mv-sticky-ad ins.adsbygoogle{display:inline-block;width:300px;height:50px;}



/* MV FIX: prevent in-content ad from overlapping next text (mobile Safari / dynamic creatives) */
.mv-ad-single-incontent{
  margin-bottom: 44px !important;
  padding-bottom: 10px !important;
  overflow: visible !important;
}

/* ===== MV FINAL: StickyAd mobile 320x100 + fallback 300x50 (always show) ===== */
.mv-sticky-ad .mv-sticky-size{display:none;}
.mv-sticky-ad .mv-sticky-300{display:block;}
@media (min-width: 360px){
  .mv-sticky-ad .mv-sticky-320{display:block;}
  .mv-sticky-ad .mv-sticky-300{display:none;}
}

/* Container adapts to the currently visible size */
.mv-sticky-ad-inner{width:auto !important; height:auto !important;}
.mv-sticky-ad-slot{display:flex !important; justify-content:center !important; align-items:center !important;}

/* Keep bottom padding reasonable for 320x100 (mobile only) */
@media (max-width: 767px){
  body.mv-has-sticky-footer-ad{padding-bottom:128px;}
  body.mv-sticky-footer-ad-closed{padding-bottom:0 !important;}
}

@media (max-width: 359px){
  body.mv-has-sticky-footer-ad{padding-bottom:84px;}
}
.mv-ad-single-incontent iframe{
  position: static !important;
}
.mv-ad-single-incontent + *{
  margin-top: 20px !important;
  clear: both;
}



/* ==========================================================
   FIX: In-content ads não podem encobrir o texto (mobile/desktop)
   - força o bloco a ficar no fluxo normal do conteúdo
   - reserva altura mínima enquanto o AdSense carrega
   ========================================================== */
.mv-incontent-ad,
.mv-single-incontent-ad,
.mv-ad-single-incontent{
  display:block !important;
  position:relative !important;
  clear:both !important;
  float:none !important;

  width:100%;
  max-width:100%;
  margin:22px auto !important;
  padding:10px 0 !important;

  overflow:visible !important;
  z-index:0 !important;
}

.mv-incontent-ad .mv-ad-label,
.mv-single-incontent-ad .mv-ad-label,
.mv-ad-single-incontent .mv-ad-label{
  margin:10px 0 10px !important;
}

.mv-incontent-ad ins.adsbygoogle,
.mv-single-incontent-ad ins.adsbygoogle,
.mv-ad-single-incontent ins.adsbygoogle{
  display:block !important;
  position:static !important;
  float:none !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 auto !important;
  z-index:0 !important;
}

/* respiro para o próximo bloco de texto */
.mv-incontent-ad + p,
.mv-single-incontent-ad + p,
.mv-ad-single-incontent + p,
.mv-incontent-ad + div,
.mv-single-incontent-ad + div,
.mv-ad-single-incontent + div{
  margin-top:18px !important;
}

/* altura mínima para evitar "texto subindo" enquanto carrega */
@media (max-width: 768px){
  .mv-incontent-ad,
  .mv-single-incontent-ad,
  .mv-ad-single-incontent{ min-height:180px !important; }
}
@media (min-width: 769px){
  .mv-incontent-ad,
  .mv-single-incontent-ad,
  .mv-ad-single-incontent{ min-height:300px !important; }
}

/* v99.2 – style patch: headings + single header width */



/* === Embeds: Twitter/X (altura variável) === */
.mv-post-content .mv-embed-twitter{
  width: 100%;
  max-width: 100%;
  margin: 1.5rem 0;
}
.mv-post-content .mv-embed-twitter iframe,
.mv-post-content .mv-embed-twitter blockquote{
  max-width: 100% !important;
}

/* === Embeds: iframes não-16:9 (não forçar recorte) === */
.mv-post-content .mv-video-embed.mv-video-flex{
  width: 100%;
  max-width: 100%;
  margin: 1.5rem 0;
  border-radius: var(--mv-radius-card);
  overflow: visible; /* não cortar players com controles/altura dinâmica */
  background: transparent;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}
.mv-post-content .mv-video-embed.mv-video-flex iframe{
  width: 100%;
  max-width: 100%;
  border: 0;
  display: block;
}

/* === Reforço: imagens arredondadas no conteúdo (inclui figure/wp-block-image) === */
.mv-post-content figure.wp-block-image,
.mv-post-content .wp-block-image{
  border-radius: var(--mv-radius-card);
  overflow: hidden;
}
.mv-post-content figure.wp-block-image img,
.mv-post-content .wp-block-image img{
  border-radius: inherit;
}

/* =========================================================
   MEDIA HOTFIX 36 (single)
   - Reforça bordas arredondadas em imagens dentro do conteúdo
   - Corrige embeds de vídeo sem cortar controles (especialmente iOS/Safari)
   ========================================================= */

/* Imagens do conteúdo (alguns blocos/temas/plugins sobrescrevem o radius) */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image img,
.single .mv-post-content .wp-caption img,
.single .mv-post-content .mvhn-content img {
  border-radius: 16px !important;
}

/* Se algum wrapper estiver “quadrando” a imagem, força overflow */
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content .wp-caption,
.single .mv-post-content .mvhn-content figure,
.single .mv-post-content .mvhn-content .wp-caption {
  border-radius: 16px !important;
  overflow: hidden;
}

/* Vídeos: usa aspect-ratio e NÃO corta controles */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed,
.single .mv-post-content .wp-block-video,
.single .mv-post-content .wp-block-embed__wrapper {
  width: 100%;
  max-width: 100%;
}

/* Wrapper do vídeo */
.single .mv-post-content .mv-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto;
  background: #000;
  border-radius: 12px;
  overflow: visible; /* importante: evita cortar controles */
}

/* iframe / video dentro do wrapper */
.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 16px;
}

/* Alguns embeds (Twitter/X, players custom) podem vir sem .mv-video-embed */
.single .mv-post-content iframe {
  max-width: 100%;
}

/* Evita “corte” em players que usam height fixo */
@supports (aspect-ratio: 16 / 9) {
  .single .mv-post-content .wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
  }
  .single .mv-post-content .wp-block-embed.is-type-video iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px;
  }
}

/* =========================================================
   MEDIA HOTFIX 36 (single)
   - Reforça bordas arredondadas em imagens dentro do conteúdo
   - Corrige embeds de vídeo sem cortar controles (especialmente iOS/Safari)
   ========================================================= */

/* Imagens do conteúdo: garante arredondado mesmo se algum bloco/plugin sobrescrever */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image img,
.single .mv-post-content figure.wp-caption img,
.single .mv-post-content .wp-block-image img,
.single .mv-post-content .wp-block-media-text img {
  border-radius: 16px !important;
}

/* Evita que o arredondado "vaze" quando o container tiver fundo */
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content figure.wp-caption,
.single .mv-post-content .wp-block-image {
  overflow: hidden;
  border-radius: 16px;
}

/* Vídeos: usar aspect-ratio e não cortar controles */
.single .mv-post-content .mv-video-embed {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  overflow: visible; /* importante: não cortar controles */
  margin: 18px 0 22px;
}

.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border-radius: 16px;
}

/* Remover regras antigas de padding-hack se existirem antes (fica inofensivo) */
.single .mv-post-content .mv-video-embed::before,
.single .mv-post-content .mv-video-embed::after {
  content: none !important;
}

/* Tweets com vídeo também podem criar iframes internos */
.single .mv-post-content .twitter-tweet iframe,
.single .mv-post-content blockquote.twitter-tweet iframe {
  max-width: 100% !important;
}

/* =========================================================
   MEDIA HOTFIX 36 (single)
   - Reforça bordas arredondadas em imagens dentro do conteúdo
   - Corrige embeds de vídeo sem cortar controles (especialmente iOS/Safari)
   ========================================================= */

/* Imagens do conteúdo: garante arredondamento mesmo quando um bloco/plugin sobrescreve */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image img,
.single .mv-post-content .wp-caption img {
  border-radius: 16px !important;
}

/* Se a imagem estiver dentro de figure com fundo, evita "quinas" */
.single .mv-post-content figure.wp-block-image {
  border-radius: 16px !important;
  overflow: hidden;
}

/* Vídeos: usar aspect-ratio (mais robusto) e NÃO cortar os controles */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed,
.single .mv-post-content .wp-block-video {
  width: 100%;
  max-width: 100%;
}

/* Wrapper padrão do tema */
.single .mv-post-content .mv-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  overflow: visible; /* importante para iOS/Safari não cortar a barra do player */
}

.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px;
}

/* YouTube / iframes genéricos (WordPress embed) */
.single .mv-post-content .wp-block-embed iframe {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 16px;
}

/* Alguns blocos de vídeo do WP usam <video> direto */
.single .mv-post-content video {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

/* === MEDIA HOTFIX 36 (single) =================================
   1) Imagens do conteúdo com bordas arredondadas (força)
   2) Embeds de vídeo com aspect-ratio e sem cortar controles
   ============================================================= */

/* 1) Imagens no conteúdo */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image img,
.single .mv-post-content figure img,
.single .mv-post-content .wp-caption img {
  border-radius: 16px !important;
}
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content figure,
.single .mv-post-content .wp-caption {
  border-radius: 16px !important;
  overflow: hidden;
}

/* 2) Vídeos (YouTube/iframes e <video>) */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed,
.single .mv-post-content .wp-block-video,
.single .mv-post-content .wp-block-embed__wrapper {
  width: 100%;
  max-width: 100%;
}

/* Wrapper padrão para vídeos: usa aspect-ratio quando possível */
.single .mv-post-content .mv-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  overflow: visible; /* não corta controles iOS */
}

.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 16px;
}

/* Se algum CSS antigo estiver usando padding-bottom, neutraliza */
.single .mv-post-content .mv-video-embed::before {
  content: none !important;
}

/* Garante que embeds do WP (YouTube etc) não fiquem com altura errada */
.single .mv-post-content .wp-block-embed iframe {
  max-width: 100% !important;
}

/* === MEDIA HOTFIX 36 (single) =================================
   1) Imagens do conteúdo com bordas arredondadas (força)
   2) Embeds de vídeo com aspect-ratio e sem cortar controles
   ============================================================= */

/* 1) Imagens no conteúdo */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content .wp-caption,
.single .mv-post-content .wp-block-image img,
.single .mv-post-content .wp-block-gallery img {
  border-radius: 16px !important;
}
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content .wp-caption {
  overflow: hidden;
}

/* 2) Vídeos / iframes */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed__wrapper,
.single .mv-post-content .wp-block-video,
.single .mv-post-content .wp-block-embed {
  width: 100%;
  max-width: 100%;
}

/* Usa aspect-ratio quando possível (mais estável) */
.single .mv-post-content .mv-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto !important;
  overflow: visible; /* não corta controles do video no iOS */
  border-radius: 16px; /* fallback visual */
  background: #000;
}

.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 16px;
}

/* HTML5 video: não recortar controles */
.single .mv-post-content .mv-video-embed video {
  object-fit: contain;
}

/* Se algum embed antigo usar padding-bottom, não deixa esmagar */
@supports not (aspect-ratio: 16 / 9) {
  .single .mv-post-content .mv-video-embed {
    height: 0;
    padding-bottom: 56.25%;
  }
  .single .mv-post-content .mv-video-embed iframe,
  .single .mv-post-content .mv-video-embed video {
    position: absolute;
  }
}


/* === MEDIA HOTFIX 36 (single) =================================
   1) Imagens do conteúdo com bordas arredondadas (força)
   2) Embeds de vídeo com aspect-ratio e sem cortar controles
   ============================================================= */

/* 1) Imagens no conteúdo */
.single .mv-post-content img,
.single .mv-post-content figure.wp-block-image,
.single .mv-post-content .wp-caption,
.single .mv-post-content .wp-block-image img,
.single .mv-post-content .wp-block-gallery img {
  border-radius: 16px !important;
}

.single .mv-post-content figure.wp-block-image,
.single .mv-post-content .wp-caption,
.single .mv-post-content .wp-block-image {
  overflow: hidden; /* mantém o recorte arredondado */
  border-radius: 16px !important;
}

/* 2) Vídeos (YouTube/iframe e MP4) – evita cortar controles no iOS/Safari */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed__wrapper,
.single .mv-post-content .wp-block-video,
.single .mv-post-content .wp-block-embed {
  width: 100%;
  max-width: 100%;
}

/* Preferir aspect-ratio (mais estável) */
.single .mv-post-content .mv-video-embed,
.single .mv-post-content .wp-block-embed__wrapper,
.single .mv-post-content .wp-block-video {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto !important;
  overflow: visible !important; /* não recorta controles */
  background: #000;
  border-radius: 16px;
}

/* Preenche o container */
.single .mv-post-content .mv-video-embed iframe,
.single .mv-post-content .mv-video-embed video,
.single .mv-post-content .wp-block-embed__wrapper iframe,
.single .mv-post-content .wp-block-video video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 16px !important; /* arredonda sem depender do overflow */
  display: block;
}

/* Se o tema ainda aplicar o hack de padding, garante espaço extra embaixo */
@supports not (aspect-ratio: 16 / 9) {
  .single .mv-post-content .mv-video-embed,
  .single .mv-post-content .wp-block-embed__wrapper,
  .single .mv-post-content .wp-block-video {
    padding-bottom: 58% !important; /* um pouco mais alto para controles */
  }
}

/* Twitter/X: não deixar o iframe “espremido” */
.single .mv-post-content blockquote.twitter-tweet,
.single .mv-post-content .twitter-tweet {
  max-width: 100% !important;
}

/* -------------------------------------------------------------------------
 * Single: Share inline (date row)
 * - Ensure buttons stay compact even if a plugin/shortcode injects its own CSS.
 * ------------------------------------------------------------------------- */
.single .mv-post-meta .mv-meta-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.single .mv-post-meta .mv-meta-share a,
.single .mv-post-meta .mv-meta-share button{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  border-radius:999px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
.single .mv-post-meta .mv-meta-share svg,
.single .mv-post-meta .mv-meta-share i{
  width:16px !important;
  height:16px !important;
  font-size:16px !important;
}

/* If any share block is injected again at the end, keep it subtle */
.single .mv-post-share{display:none}

/* -------------------------------------------------------------------------
 * MeuVasco 2025 — Comentários (Compact Card B)
 * Escopo: apenas dentro de #comments
 * ------------------------------------------------------------------------- */
#comments.mv-comments-area .mv-comment-card{
  max-width:100%;  margin:28px 0 0;
  width:100%;
  box-sizing:border-box;
  /* Fundo único (sólido) para evitar “duplo fundo” */
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  box-shadow:0 18px 55px rgba(0,0,0,.12);
  /* Mantém o card confortável (não “apertar” o formulário todo). */
  padding:24px 24px 22px;
}

/* O tema já envolve #comments em um wrapper com estilo de card (.mv-comments-card).
   Neutralizamos o visual desse wrapper para existir APENAS 1 fundo/card (o .mv-comment-card). */
.mv-comments-card{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}

/* Textos automáticos do WP quando logado ("Conectado como...") - manter discreto */
#comments.mv-comments-area .logged-in-as,
#comments.mv-comments-area .comment-notes{
  margin:10px 6px 0;
  font-size:14px;
  line-height:1.35;
  color:rgba(0,0,0,.65);
}
#comments.mv-comments-area .logged-in-as a{
  color:inherit;
  font-weight:800;
  text-decoration:underline;
}

/* Evitar que wrappers nativos do WP criem um segundo card/fundo */
#comments.mv-comments-area .mv-comment-card .comment-respond,
#comments.mv-comments-area .mv-comment-card .comment-form{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

#comments.mv-comments-area .mv-comment-card-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 6px 14px;
  border-bottom:1px solid rgba(0,0,0,.06);
  margin-bottom:14px;
}
#comments.mv-comments-area .mv-comment-card-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.03));
  border:1px solid rgba(0,0,0,.08);
}
/* Quando logado, o get_avatar() injeta <img>. Mantemos o mesmo tamanho e recorte. */
#comments.mv-comments-area .mv-comment-card-avatar{
  overflow:hidden;
  flex:0 0 44px;
}
#comments.mv-comments-area .mv-comment-card-avatar img{
  width:44px;
  height:44px;
  border-radius:999px;
  display:block;
  object-fit:cover;
}
#comments.mv-comments-area .mv-comment-card-title{
  font-size:18px;
  font-weight:700;
  color:rgba(0,0,0,.78);
}

#comments.mv-comments-area .mv-comments-login{
  padding:10px 6px 12px;
}
#comments.mv-comments-area .mv-login-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.03);
  padding:8px 14px;
  font-size:14px;
  cursor:pointer;
}
#comments.mv-comments-area .mv-login-providers{
  padding:10px 4px 6px;
  display:flex;
  justify-content:center;
}
/* Garantir colapso real (atributo hidden) mesmo se algum CSS externo interferir */
#comments.mv-comments-area .mv-login-providers[hidden]{
  display:none !important;
}
#comments.mv-comments-area .mv-social-login-placeholder{
  display:flex;
  gap:12px;
}
#comments.mv-comments-area .mv-social-pill{
  width:44px;
  height:44px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  border:1px solid #efefef;
  box-shadow: var(--mv-shadow);
}


#comments.mv-comments-area .mv-comment-box{
  position:relative;
  margin:10px 0 14px;
  max-width:100%;
  overflow:hidden;
}
#comments.mv-comments-area .mv-comment-box textarea{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-height:160px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.10);
  padding:16px 58px 16px 16px;
  resize:vertical;
  font-size:16px;
  line-height:1.4;
  background:#fff;
  border:1px solid #efefef;
  box-shadow: var(--mv-shadow);
}

#comments.mv-comments-area .mv-comment-tools{
  position:absolute;
  right:12px;
  bottom:12px;
  display:flex;
  gap:8px;
  align-items:center;
}
#comments.mv-comments-area .mv-comment-tools button{
  height:38px;
  min-width:44px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  font-weight:800;
  cursor:pointer;
  color:#111;
  box-shadow:0 6px 16px rgba(0,0,0,.10);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1 !important;
  font-size:14px;
  margin:0;
  box-sizing:border-box;
  vertical-align:middle;
}

/* Melhor contraste para os botões (principalmente GIF) */
#comments.mv-comments-area .mv-comment-tools .mv-gif-button{
  background:#111827;
  color:#fff;
  border:1px solid rgba(17,24,39,.9);
  letter-spacing:.02em;
  transform:translateY(0) !important;
  height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#comments.mv-comments-area .mv-comment-tools .mv-emoji-button{
  background:#fff;
  color:#111;
  font-size:14px; /* manter simetria com GIF */
  transform:translateY(0) !important;
  height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* FIX8: compactar APENAS os botões de login (sem reduzir o card inteiro) */
#comments.mv-comments-area .mv-login-toggle{
  padding:6px 12px;
  font-size:13px;
  min-height:36px;
}
/* manter o espaçamento do bloco como antes (não “encolher tudo”) */
#comments.mv-comments-area .mv-comments-login{
  padding:10px 6px 12px;
}
#comments.mv-comments-area .mv-login-providers{
  padding:10px 4px 6px;
}
/* ícones sociais um pouco mais compactos */
#comments.mv-comments-area .mv-social-login-placeholder{ gap:10px; }
#comments.mv-comments-area .mv-social-pill{ width:40px; height:40px; }



/* Mantém o espaçamento do bloco de login (não “encolher” o card todo). */
#comments.mv-comments-area .mv-comments-login{ padding:10px 6px 12px; }
#comments.mv-comments-area .mv-login-providers{ padding:10px 4px 6px; }

/* Ícones sociais levemente menores (mais compacto visualmente) */
#comments.mv-comments-area .mv-social-pill{ width:40px; height:40px; }
#comments.mv-comments-area .mv-social-login-placeholder{ gap:10px; }

#comments.mv-comments-area .mv-emoji-popover{
  position:absolute;
  z-index:999;
  width:320px;
  max-width:calc(100% - 24px);
  right:0;
  bottom:56px;
}
#comments.mv-comments-area .mv-emoji-popover-inner{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  padding:12px 12px 10px;
}
#comments.mv-comments-area .mv-emoji-grid{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:6px;
}
#comments.mv-comments-area .mv-emoji-item{
  border:0;
  background:rgba(0,0,0,.04);
  border-radius:10px;
  height:36px;
  cursor:pointer;
  font-size:18px;
}
#comments.mv-comments-area .mv-emoji-close{
  position:absolute;
  top:8px;
  right:10px;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(0,0,0,.04);
  font-size:18px;
  cursor:pointer;
}

#comments.mv-comments-area .mv-comment-fields-row{
  display:flex;
  gap:12px;
  margin-top:10px;
  max-width:100%;
  min-width:0;
}
#comments.mv-comments-area .mv-comment-fields-row > p{
  flex:1;
  margin:0;
  min-width:0;
}
#comments.mv-comments-area .mv-comment-fields-row input[type="text"],
#comments.mv-comments-area .mv-comment-fields-row input[type="email"]{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  padding:12px 12px;
  background:#fff;
  border:1px solid #efefef;
  box-shadow: var(--mv-shadow);
}


/* Texto padrão do WordPress quando logado (não pode estourar layout) */
#comments.mv-comments-area .logged-in-as,
#comments.mv-comments-area .comment-notes{
  margin:8px 6px 0;
  font-size:14px;
  color:rgba(0,0,0,.65);
}
#comments.mv-comments-area .logged-in-as a{
  color:inherit;
  font-weight:800;
  text-decoration:underline;
}

#comments.mv-comments-area .mv-comment-submit{
  width:100% !important;
  height:54px;
  border-radius:999px !important;
  font-weight:900;
  font-size:18px;
  background:linear-gradient(90deg, #d11f1f, #b81414);
  border:0 !important;
  color:#fff !important;
  box-shadow:0 10px 25px rgba(209,31,31,.25);
}

@media (max-width: 640px){
  /* Mobile: garantir centralização e nunca estourar a viewport */
  #comments.mv-comments-area .mv-comment-card{    width:100% !important;
    max-width:none !important;    margin:18px 0 0 !important;
    padding:14px 14px 12px;
    border-radius:20px;
  }
  #comments.mv-comments-area .mv-comment-fields-row{flex-direction:column}
  #comments.mv-comments-area .mv-emoji-popover{width:100%}
}

/* FIX9b: Mobile — comentários centralizados e sem puxar para a direita */
@media (max-width: 768px){
  .mv-comments-card,
  #comments.mv-comments-area,
  #comments.mv-comments-area .mv-comment-card{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Evita overflow horizontal em qualquer wrapper */
  .mv-comments-card,
  #comments.mv-comments-area{
    overflow-x: hidden !important;
  }
}


/* Email privacy tooltip (comment form) */
#comments.mv-comments-area .comment-form-email{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
#comments.mv-comments-area .comment-form-email label{
  margin: 0;
  display: inline-flex;
  align-items: center;
}
#comments.mv-comments-area .mv-email-help{
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0,0,0,.15);
  background: #fff;
  color: #111;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
#comments.mv-comments-area .mv-email-help:focus{
  outline: 2px solid rgba(0,0,0,.15);
  outline-offset: 2px;
}
#comments.mv-comments-area .mv-email-tooltip{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  max-width: 320px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 12px;
  color: rgba(0,0,0,.75);
  line-height: 1.35;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 50;
}
#comments.mv-comments-area .comment-form-email.is-tooltip-open .mv-email-tooltip,
#comments.mv-comments-area .mv-email-help[aria-expanded="true"] + .mv-email-tooltip{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
@media (max-width: 600px){
  #comments.mv-comments-area .mv-email-tooltip{ max-width: 100%; }
}


/* === Ajuste: widget de anúncio da sidebar (mv-home-sidebar-ad) sem fundo branco sobrando === */
.mv-sidebar .mv-home-sidebar-ad{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
}

/* Make the ad behave like a widget (no extra white box / padding) */
.mv-sidebar .mv-home-sidebar-ad .mv-ad-sidebar{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 0 !important;
}

.mv-sidebar .mv-home-sidebar-ad iframe{
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.mv-sidebar .mv-home-sidebar-ad .mv-ad-sidebar{
  max-width: none;
  width: 100%;
  margin: 0;
}
.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle{
  display:block;
  width:100% !important;
  border-radius:12px !important;
  overflow:hidden;
  background:#fff;
  border:1px solid #efefef;
  box-shadow: var(--mv-shadow);
  line-height:0;
}

.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle iframe{
  width:100% !important;
}

/* === MV PATCH: caption e anúncio sidebar (refino final) === */

/* 1) Fotos com crédito no title: não inverter ordem (evita legenda acima da imagem) */
.single .mv-post-content a[title*='Foto:'],
.single .mv-post-content a[title*='foto:']{
  display:block !important;
}

/* 2) Wrapper criado pelo mv-lightbox.js: garante bordas arredondadas na mídia e legenda abaixo */
.single .mv-post-content figure.mv-figure{
  margin:22px auto;
}
.single .mv-post-content .mv-figure-media{
  display:block;
  border-radius:18px;
  overflow:hidden;
}
.single .mv-post-content .mv-figure-media img{
  display:block;
  width:100% !important;
  height:auto !important;
  border-radius:18px !important;
}

/* Legendas/captions (figcaption e também o padrão <p><em>...</em></p>) */
.single .mv-post-content figure.mv-figure figcaption,
.single .mv-post-content .wp-caption-text,
.single .mv-post-content figcaption{
  margin:10px 2px 0 !important;
  font-size:.95rem;
  line-height:1.35;
  color:#666;
  font-style:italic;
}

/* Quando o crawler coloca a “legenda” como <p><em>...</em></p> */
.single .mv-post-content p > em:only-child{
  display:block;
  margin:10px 2px 0;
  font-size:.95rem;
  line-height:1.35;
  color:#666;
  font-style:italic;
}

/* Imagens do conteúdo: manter cantos arredondados mesmo sem wrapper */
.single .mv-post-content img{
  border-radius:18px;
}

/* Links de imagem (thickbox/fancybox/lightbox) precisam “clipar” para não ficar canto quadrado */
.single .mv-post-content a.thickbox,
.single .mv-post-content a.fancyboxbox,
.single .mv-post-content a[rel*="lightbox"],
.single .mv-post-content a[rel*="fancybox"]{
  display:block;
  border-radius:18px;
  overflow:hidden;
}

/* Quando a legenda vem como parágrafo logo após a imagem */
.single .mv-post-content a.thickbox + p,
.single .mv-post-content a.fancyboxbox + p,
.single .mv-post-content a[rel*="lightbox"] + p,
.single .mv-post-content img + p{
  margin-top:12px !important;
  margin-bottom:18px !important;
}

/* E quando a legenda está dentro do <p> mas não é "only-child" */
.single .mv-post-content p em{
  font-style:italic;
}

/* 3) Widget de anúncio na sidebar da home: sem “card branco” e com espaçamento simétrico */
.mv-sidebar .mv-home-sidebar-ad{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
}

/* Make the ad behave like a widget (no extra white box / padding) */
.mv-sidebar .mv-home-sidebar-ad .mv-ad-sidebar{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 0 !important;
}

.mv-sidebar .mv-home-sidebar-ad iframe{
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.mv-sidebar .mv-home-sidebar-ad .mv-widget,
.mv-sidebar .mv-home-sidebar-ad .widget{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* o “widget” real vira o anúncio: bordas arredondadas + sem alturas mínimas forçadas */
.mv-sidebar .mv-home-sidebar-ad .mv-ad-sidebar{
  width:100%;
  border-radius:18px;
  overflow:hidden;
}
.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 0 !important;
}
.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle iframe{
  display:block;
  width:100% !important;
}

/* Override generic sidebar widget padding for the home sidebar ad only */
.mv-sidebar .mv-home-sidebar-ad.mv-widget,
.home .mv-sidebar-box .mv-home-sidebar-ad.mv-widget{
  padding: 0 !important;
}

/* === FIX v4: Legenda/figcaption + cantos arredondados consistentes === */
.mv-post-content .wp-caption-text{ margin-top:12px !important; }

.mv-post-content figure > a,
.mv-post-content figure a,
.mv-post-content .wp-caption > a,
.mv-post-content .wp-caption a{
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.mv-post-content figure img,
.mv-post-content .wp-caption img{
  border-radius:16px;
}

/* === FIX v4: Sidebar Ad (home) sem padding extra e sem altura reservada === */
.mv-sidebar .mv-home-sidebar-ad.mv-widget,
.home .mv-sidebar-box .mv-home-sidebar-ad.mv-widget{ padding:0 !important; }

.mv-sidebar .mv-home-sidebar-ad,
.mv-sidebar .mv-home-sidebar-ad .mv-ad-sidebar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:16px 0 !important;
  min-height:0 !important;
  height:auto !important;
}

/* Remove <br> e margens de <p> que o bloco do WP/AdSense costuma inserir (isso cria “buracos”) */
.mv-sidebar .mv-home-sidebar-ad br{ display:none !important; }
.mv-sidebar .mv-home-sidebar-ad p{ margin:0 !important; padding:0 !important; }

/* Se existir um wrapper tipo .mv-ad-slot-single / #block-*, garante que não reserve altura */
.mv-sidebar .mv-home-sidebar-ad .mv-ad-slot,
.mv-sidebar .mv-home-sidebar-ad .mv-ad-slot-single{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:0 !important;
}

.mv-sidebar .mv-home-sidebar-ad ins.adsbygoogle{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  line-height:0 !important;
}

.mv-sidebar .mv-home-sidebar-ad iframe{
  display:block !important;
  margin:0 auto !important;
  max-width:100% !important;
}

/* ==============================
   Ajustes finais: Sidebar Ad (homepage)
   - reduzir espaçamento acima/abaixo
   ============================== */
.home .mv-sidebar .mv-home-sidebar-ad{
  margin: 10px 0 !important;
}

/* ==============================
   Área do Vascaíno (UI)
   ============================== */
.mv-vascaino-wrap{
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 26px rgba(0,0,0,.06);
  padding:18px;
}
.mv-vascaino-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.mv-vascaino-title{
  font-size:18px;
  font-weight:800;
  letter-spacing:.2px;
  margin:0;
}
.mv-vascaino-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 16px 0;
}
.mv-vascaino-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:#f3f3f3;
  color:#111;
  font-weight:700;
  text-decoration:none;
}
.mv-vascaino-tab.is-active{
  background:#111;
  color:#fff;
}
.mv-vascaino-card{
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  background:#fff;
}
.mv-vascaino-field{
  margin:0 0 12px 0;
}
.mv-vascaino-field label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin:0 0 6px 0;
}
.mv-vascaino-field input{
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:12px 12px;
  font-size:15px;
}
.mv-vascaino-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.mv-vascaino-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:12px;
  border:0;
  background:#111;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
}
.mv-vascaino-btn.is-ghost{
  background:#f3f3f3;
  color:#111;
}
.mv-vascaino-muted{
  color:#666;
  font-size:13px;
}
.mv-vascaino-list{
  margin:0;
  padding:0;
  list-style:none;
}
.mv-vascaino-list li{
  border-top:1px solid #f0f0f0;
  padding:12px 0;
}
.mv-vascaino-list li:first-child{border-top:0;}
.mv-vascaino-list a{color:inherit; text-decoration:none;}
.mv-vascaino-list strong{display:block; font-size:14px;}
.mv-vascaino-list .mv-vascaino-muted{margin-top:4px; display:block;}

/* Comentários do usuário (melhora layout e quebras) */
.mv-vascaino-comment-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:6px;
}
.mv-vascaino-comment-meta .mv-vascaino-muted{
  margin:0;
  display:inline;
}
.mv-vascaino-comment-excerpt,
.mv-vascaino-list{
  word-break:break-word;
}


/* === Vascaino Area: Header user/search alignment (override) === */
.mv-user-area{display:flex;align-items:center;margin-left:10px}
@media (min-width:1024px){.mv-user-area{order:4}}

.mv-user-menu{position:relative}
.mv-user-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff}
.mv-user-menu summary::-webkit-details-marker{display:none}
.mv-user-menu summary:focus{outline:none;box-shadow:0 0 0 3px rgba(233,30,30,.25)}

.mv-user-avatar{width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;letter-spacing:.5px}
.mv-user-name{font-size:13px;font-weight:800;line-height:1;color:#fff}

.mv-user-dropdown{display:none;position:absolute;right:0;top:46px;min-width:220px;background:#111;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.45);padding:10px;z-index:9999}
.mv-user-dropdown a{display:block;padding:10px 12px;border-radius:10px;color:#fff;text-decoration:none;font-weight:700;font-size:13px}
.mv-user-dropdown a:hover{background:rgba(255,255,255,.08)}
.mv-user-menu[open] .mv-user-dropdown{display:block}

/* Garantir que o toggle de busca e o usuário não "vazem" pra esquerda */
.mv-header-inner{flex-wrap:nowrap}

/* === Header final override (v2.2) — search/entrar sempre à direita === */
.mv-site-header .mv-header-inner{
  justify-content:flex-start !important;
  gap:16px !important;
}
.mv-site-header .mv-header-brand{
  order:1 !important;
}
.mv-site-header .mv-header-nav{
  order:2 !important;
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:center !important;
}
.mv-site-header .mv-header-actions{
  order:3 !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

@media (max-width:820px){
  .mv-site-header .mv-header-nav{ display:none !important; }
  .mv-site-header .mv-header-inner{ justify-content:space-between !important; }
}

/* === v2.6 — Busca no mobile dentro do menu (mantém logo central) === */
.mv-mobile-search{ display:none; }

@media (max-width:768px){
  /* Esconde o ícone de busca no header (busca vai para dentro do menu) */
  .mv-search-toggle{ display:none !important; }

  /* Exibe a busca no topo do menu */
  .mv-mobile-search{ display:block; padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.06); }
  .mv-mobile-search .search-form{ margin:0; }
  .mv-mobile-search input[type="search"],
  .mv-mobile-search input.search-field{
    width:100% !important;
    max-width:none !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    border:1px solid rgba(0,0,0,.15) !important;
    background:#fff !important;
    color:#111 !important;
    font-size:16px !important;
  }

  /* Mantém logo visualmente central quando nav do desktop some */
  .mv-site-header .mv-header-inner{ justify-content:space-between !important; }
  .mv-site-header .mv-header-brand{ margin:0 auto !important; }
}

/* =========================================================
 * ADS FIX — Abaixo do HERO (desktop) + In-content (single)
 * ========================================================= */

/* Abaixo do HERO: swap 728x90 / 970x90 sem "buraco" */
.mv-ad-top-desktop.mv-ad--hero{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:16px 0;
  padding:0;
}
.mv-ad-top-desktop.mv-ad--hero .mv-ad__inner{ line-height:0; }

/* Default: 728 visível */
.mv-ad-top-desktop.mv-ad--hero .mv-ad__970{ display:none; }
.mv-ad-top-desktop.mv-ad--hero .mv-ad__728{ display:block; }

/* Wide: 970 visível */
@media (min-width:1100px){
  .mv-ad-top-desktop.mv-ad--hero .mv-ad__970{ display:block; }
  .mv-ad-top-desktop.mv-ad--hero .mv-ad__728{ display:none; }
}

/* Mobile: este bloco não é usado (você já tem sticky/anchor) */
@media (max-width:767px){
  .mv-ad-top-desktop.mv-ad--hero{ display:none !important; }
}

/* In-content (single): espaçamento padrão (sem fundo/card) */
.mv-ad--incontent{
  margin:18px 0;
  padding:0;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.mv-ad--incontent ins.adsbygoogle,
.mv-ad--incontent iframe{
  max-width:100% !important;
}

/* In-content fixo: swap 336x280 / 300x250 (evita criativos "native") */
.mv-ad--incontent .mv-ad-slot{ display:flex; justify-content:center; }
.mv-ad--incontent .mv-ad-fixed{ line-height:0; }

/* Default: 300 (sempre cabe) */
.mv-ad--incontent .mv-ad__336{ display:none; }
.mv-ad--incontent .mv-ad__300{ display:block; }

/* Quando houver largura suficiente, prioriza 336 */
@media (min-width: 420px){
  .mv-ad--incontent .mv-ad__336{ display:block; }
  .mv-ad--incontent .mv-ad__300{ display:none; }
}

/* ===== MV FINAL OVERRIDE: StickyAd mobile (always show + better CSS) ===== */
.mv-sticky-ad{ max-height:none !important; }

@media (max-width: 767px){
  /* show only on mobile via CSS, regardless of server-side wp_is_mobile() */
  .mv-sticky-ad{ display:flex; }

  .mv-sticky-ad{
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .mv-sticky-ad-inner{
    width:auto !important;
    height:auto !important;
    max-width: 320px !important;
  }

  .mv-sticky-ad-slot{
    min-height: 50px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* keep the close button consistent and not overlapping the creative */
  .mv-sticky-ad-close{
    top: 6px !important;
    right: 6px !important;
    z-index: 2;
  }

  /* When closed, hide the bar completely */
  body.mv-sticky-footer-ad-closed .mv-sticky-ad{ display:none !important; }
}

@media (min-width: 768px){
  .mv-sticky-ad{ display:none !important; }
}

/* ===== MV FINAL OVERRIDE: In-content ad should not have any background ===== */
.mv-ad--incontent,
.mv-ad-single-incontent,
.mv-single-incontent-ad{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* =========================================================
   Área do Vascaíno — CSS oficial (remove dependência de inline)
   ========================================================= */
body.mv-vascaino-page .mv-content{
  /* Evita “duplo fundo” (card dentro de card) */
  background: transparent;
}

.mv-vascaino-wrap{
  width: 100%;
  max-width: 100%;
  margin: 0;
  /* Alinha o header com o conteúdo interno dos cards */
  padding: 0 18px 18px;
}

@media (max-width: 980px){
  .mv-vascaino-wrap{padding: 0 14px 16px;}
}

/* Cabeçalho (sem card extra; o layout do tema já dá respiro) */
.mv-vascaino-hero{
  margin: 8px 0 16px;
  padding: 2px 0 0;
  background: transparent;
  box-shadow: none;
}

/* Abas Entrar / Criar conta (visitante) */
.mv-vascaino-auth-tabs{
  display:flex;
  gap:10px;
  margin: 0 0 14px;
}
.mv-vascaino-auth-tab{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid #e8e8e8;
  text-decoration:none;
  color:#111;
  font-weight:900;
  font-size:13px;
  background:#fff;
}
.mv-vascaino-auth-tab:hover{border-color:#d9d9d9;}
.mv-vascaino-auth-tab.is-active{background:#111; border-color:#111; color:#fff;}

.mv-vascaino-card.is-hidden{display:none !important;}

.mv-vascaino-title{
  margin: 0 0 6px;
  font-size: 42px;
  letter-spacing: -0.6px;
}

.mv-vascaino-subtitle{
  margin: 0;
  color: #3b3b3b;
  font-size: 16px;
}

@media (max-width: 980px){
  .mv-vascaino-title{font-size: 34px;}
}

/* Grid principal */
.mv-vascaino-grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: start;
}
.mv-vascaino-grid--guest{grid-template-columns: 1fr;}
@media (max-width: 980px){
  .mv-vascaino-grid{grid-template-columns: 1fr;}
}

/* Shell logado: só layout (sem fundo) */
.mv-vascaino-shell{
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px){
  .mv-vascaino-shell{grid-template-columns: 1fr;}
}

/* Cards padrão */
.mv-vascaino-card,
.mv-vascaino-user-card{
  background: #fff;
  border-radius: var(--mv-radius-card, 10px);
  box-shadow: 0 8px 28px rgba(0,0,0,.06);
  padding: 18px;
}

.mv-vascaino-card h2{margin: 0 0 12px; font-size: 22px;}
.mv-vascaino-muted,
.mv-muted{color:#6b6b6b; font-size: 13px;}

/* Usuário */
.mv-vascaino-user-top{display:flex; gap:12px; align-items:center;}
.mv-vascaino-avatar{width:56px; height:56px; border-radius: 14px; overflow:hidden; border:1px solid #eee; background:#f2f2f2;}
.mv-vascaino-avatar img{width:100%; height:100%; object-fit:cover; display:block; border-radius:0;}
.mv-vascaino-user-name{font-weight:800; font-size: 15px;}
.mv-vascaino-user-email{color:#666; font-size: 13px; margin-top:2px;}
.mv-vascaino-logout{display:inline-block; margin-top:8px; color:#b30000; font-weight:800; text-decoration:none;}
.mv-vascaino-logout:hover{text-decoration:underline;}

/* Tabs */
.mv-vascaino-tabs{display:flex; gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid #f0f0f0;}
.mv-vascaino-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid #e8e8e8;
  text-decoration:none;
  color:#111;
  font-weight:800;
  font-size:13px;
  background:#fff;
}
.mv-vascaino-tab:hover{border-color:#d9d9d9;}
.mv-vascaino-tab.is-active{background:#111; border-color:#111; color:#fff;}

/* Comentários */
.mv-vascaino-comments{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.mv-vascaino-comment{border:1px solid #f0f0f0; border-radius: 14px; padding: 12px;}
.mv-vascaino-comment-post{font-weight: 900; color:#111; text-decoration:none; display:block; margin-bottom:4px;}
.mv-vascaino-comment-post:hover{text-decoration:underline;}
.mv-vascaino-comment-meta{color:#777; font-size:12px; display:flex; gap:10px; flex-wrap:wrap;}
.mv-vascaino-comment-excerpt{margin-top:8px; color:#222; line-height:1.55; word-break:break-word;}
.mv-vascaino-gif img{max-width:100%; height:auto; display:block; border-radius: var(--mv-radius-card, 10px);}

/* Formulários */
.mv-vascaino-form{display:grid; gap:12px;}
.mv-vascaino-actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.mv-vascaino-field label{display:block; font-weight:700; font-size:13px; margin:0 0 6px;}
.mv-vascaino-field input{width:100%; border:1px solid #e6e6e6; border-radius:12px; padding:10px 12px; font-size:14px; outline:none;}
.mv-vascaino-field input:focus{border-color:#bdbdbd;}
.mv-vascaino-links{display:flex; gap:12px; flex-wrap:wrap; margin-top:10px;}
.mv-vascaino-links a{color: var(--mv-red); text-decoration:none; font-weight:700; font-size:13px;}
.mv-vascaino-links a:hover{text-decoration:underline;}

/* Mobile */
@media (max-width: 768px){
  .mv-vascaino-title{font-size: 30px;}
}