/* ============================================================
   MARQUES ADVOGADOS — Dark Mode Ultra-Premium v2.0
   Cinzel (headings) + Montserrat (body) | Paleta preto/prata
   ============================================================ */

/* ── 1. VARIÁVEIS ─────────────────────────────────────────── */
:root {
  --mk-black:    #000000;
  --mk-dark:     #0A0A0A;
  --mk-dark-2:   #111111;
  --mk-dark-3:   #1A1A1A;
  --mk-dark-4:   #222222;
  --mk-white:    #FFFFFF;
  --mk-gray:     #D3D3D3;
  --mk-gray-2:   #999999;
  --mk-silver:   #A8A9AD;
  --mk-silver-2: #C8C9CC;
  --mk-border:   #1F1F1F;
  --mk-border-2: #2A2A2A;

  --font-serif: 'Cinzel', Georgia, serif;
  --font-sans:  'Montserrat', 'Inter', sans-serif;

  --ease-out:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);

  --mk-silver-gradient: linear-gradient(135deg, #C8C9CC 0%, #A8A9AD 40%, #8A8B8F 100%);

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;

  --section-pad: clamp(60px, 8vw, 120px);
  --container:   1200px;
}

/* ── 2. RESET GLOBAL DARK MODE ────────────────────────────── */
html, body {
  background-color: var(--mk-black) !important;
  color: var(--mk-gray) !important;
}

body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove fundos brancos de containers PageLayer/Astra */
.site, .site-content, .content-area, .entry-content,
.ast-container, .ast-separate-container,
.ast-page-builder-template, .page-builder-entry,
.pagelayer-row-holder, .pagelayer-col-holder,
.pagelayer-inner-row-holder,
.entry, .hentry, article,
.wp-block, [class*="wp-container"] {
  background-color: transparent !important;
}

.ast-content-layout-wrap, .ast-content-wrap,
.ast-primary-content-area {
  background-color: transparent !important;
}

.site-content { background: var(--mk-black) !important; }
.entry-content.ast-builder-grid-row-full { background: var(--mk-black) !important; }
.ast-page-builder-template .entry-content { padding: 0 !important; }
.ast-page-builder-template.ast-single-post .site-content .ast-container { padding: 0 !important; }
.ast-page-builder-template .entry { padding: 0 !important; margin: 0 !important; }
.pagelayer-row-holder { padding: 0 !important; }

/* ── 3. TIPOGRAFIA ────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title,
.pagelayer-heading h1, .pagelayer-heading h2,
.pagelayer-heading h3, .pagelayer-heading h4 {
  font-family: var(--font-serif) !important;
  color: var(--mk-white) !important;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

p, li, span, td, th, label,
.pagelayer-text-ele, .pagelayer-text-ele p {
  font-family: var(--font-sans) !important;
  color: var(--mk-gray) !important;
}

a {
  color: var(--mk-silver) !important;
  text-decoration: none !important;
  transition: color 0.3s var(--ease-out);
}
a:hover { color: var(--mk-white) !important; }

strong, b { color: var(--mk-white) !important; }

/* Label de seção */
.mk-eyebrow {
  display: block;
  font-family: var(--font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  margin-bottom: 14px !important;
}

/* Linha decorativa sob títulos de seção */
.mk-section-title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 48px !important;
}
.mk-section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--mk-silver), transparent);
}
.mk-section-title-left::after { left: 0; transform: none; }

/* ── 4. HEADER ASTRA DARK ─────────────────────────────────── */
#masthead, .site-header, .ast-primary-header-bar,
.ast-above-header-bar, .ast-below-header-bar {
  background: transparent !important;
  border-bottom: none !important;
  transition: background 0.4s var(--ease-out), box-shadow 0.4s var(--ease-out) !important;
}

.site-header.mk-header-scrolled,
#masthead.mk-header-scrolled {
  background: rgba(0, 0, 0, 0.93) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  box-shadow: 0 1px 0 var(--mk-border), 0 4px 24px rgba(0,0,0,0.6) !important;
}

/* Logo */
.site-header .site-title a,
.site-header .site-logo a {
  color: var(--mk-white) !important;
  font-family: var(--font-serif) !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.12em !important;
}

/* Menu principal */
.ast-nav-menu > li > a,
.main-navigation ul > li > a,
#site-navigation ul > li > a {
  color: var(--mk-gray-2) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  transition: color 0.3s var(--ease-out) !important;
  padding: 8px 14px !important;
}
.ast-nav-menu > li > a:hover,
.ast-nav-menu > li.current-menu-item > a {
  color: var(--mk-white) !important;
}
.ast-nav-menu > li.current-menu-item > a {
  border-bottom: 1px solid rgba(168,169,173,0.5) !important;
}

/* Submenu */
.ast-nav-menu .sub-menu, .main-navigation .sub-menu {
  background: rgba(8, 8, 8, 0.98) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}
.ast-nav-menu .sub-menu a { padding: 10px 20px !important; }

/* CTA botão do header */
.ast-header-button, .ast-header-button-1,
[class*="ast-custom-button"] {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  transition: all 0.35s var(--ease-out) !important;
  box-shadow: 0 2px 12px rgba(168,169,173,0.2) !important;
}
[class*="ast-custom-button"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 24px rgba(168,169,173,0.35) !important;
  color: var(--mk-black) !important;
}

/* ── 5. HERO SECTION ──────────────────────────────────────── */
.marques-hero,
.pagelayer-row.marques-hero,
[class*="pagelayer-row"].marques-hero {
  position: relative !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--mk-black) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(168,169,173,0.055) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(168,169,173,0.025) 0%, transparent 60%);
  overflow: hidden !important;
  padding: 120px 20px 80px !important;
}

/* Grain texture */
.marques-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 128px 128px;
  opacity: 0.028;
  pointer-events: none;
  z-index: 1;
}

/* Linha topo */
.marques-hero::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--mk-silver) 50%, transparent 100%);
  opacity: 0.35;
}

.marques-hero .pagelayer-col-holder,
.marques-hero > .pagelayer-row-holder > .pagelayer-col-holder {
  position: relative;
  z-index: 2 !important;
  text-align: center !important;
  max-width: 920px;
  margin: 0 auto;
}

/* H1 */
.marques-hero h1,
.marques-hero .pagelayer-heading h1 {
  font-size: clamp(2.2rem, 6vw, 5.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: var(--mk-white) !important;
  line-height: 1.06 !important;
  margin-bottom: 24px !important;
}

.marques-hero p {
  font-size: clamp(0.9rem, 1.6vw, 1.1rem) !important;
  color: var(--mk-gray-2) !important;
  max-width: 580px !important;
  margin: 0 auto 40px !important;
  line-height: 1.85 !important;
}

/* ── 6. BOTÕES ────────────────────────────────────────────── */
/* PageLayer renders the <a> as the btn-holder itself (not a child of it) */
a.pagelayer-btn-holder,
.pagelayer-btn-holder a,
.mk-btn, a.mk-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border-radius: 2px !important;
  transition: all 0.35s var(--ease-out) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Primário */
.mk-btn-primary, a.mk-btn-primary {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.mk-btn-primary:hover, a.mk-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* Outline */
.mk-btn-outline, a.mk-btn-outline {
  background: transparent !important;
  color: var(--mk-silver) !important;
  border: 1px solid rgba(168,169,173,0.35) !important;
}
.mk-btn-outline:hover, a.mk-btn-outline:hover {
  background: rgba(168,169,173,0.07) !important;
  border-color: var(--mk-silver) !important;
  color: var(--mk-white) !important;
  transform: translateY(-1px) !important;
}

/* ── 7. STATS BAR ─────────────────────────────────────────── */
.marques-stats-bar,
.pagelayer-row.marques-stats-bar {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  border-bottom: 1px solid var(--mk-border) !important;
  padding: 56px 0 !important;
}

.mk-stat-number,
.marques-stats-bar h3,
.marques-stats-bar .pagelayer-heading h3 {
  font-family: var(--font-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 10px !important;
  background: linear-gradient(135deg, #D8D9DC, #A8A9AD, #8A8B8F);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.mk-stat-label,
.marques-stats-bar p,
.marques-stats-bar .pagelayer-text-ele p {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--mk-gray-2) !important;
  margin: 0 !important;
}

.marques-stats-bar .pagelayer-col {
  text-align: center !important;
  padding: 0 24px !important;
}
.marques-stats-bar .pagelayer-col:not(:last-child) {
  border-right: 1px solid var(--mk-border) !important;
}

/* ── 8. SEÇÕES GERAIS ─────────────────────────────────────── */
.pagelayer-row { padding: var(--section-pad) 0 !important; }

.mk-section-dark   { background: var(--mk-dark)   !important; }
.mk-section-dark-2 { background: var(--mk-dark-2) !important; }
.mk-section-dark-3 { background: var(--mk-dark-3) !important; }
.mk-center { text-align: center !important; }

/* Áreas — título de seção */
.marques-areas-title,
.pagelayer-row.marques-areas-title {
  background: var(--mk-dark) !important;
  padding: 64px 0 48px !important;
  text-align: center !important;
  border-top: 1px solid var(--mk-border) !important;
}

/* ── 9. CARDS ÁREAS DE ATUAÇÃO ────────────────────────────── */
.marques-card,
.pagelayer-col-holder.marques-card {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 40px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), transform 0.35s var(--ease-out) !important;
  height: 100% !important;
  margin: 6px !important;
}

/* Faixa de brilho topo */
.marques-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--mk-silver), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.35s var(--ease-out) !important;
}

.marques-card:hover {
  border-color: rgba(168,169,173,0.3) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(168,169,173,0.08) !important;
  transform: translateY(-4px) !important;
}
.marques-card:hover::before { opacity: 1 !important; }

.marques-card h3,
.marques-card .pagelayer-heading h3,
.marques-card h4,
.marques-card .pagelayer-heading h4 {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  color: var(--mk-white) !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
}

.marques-card p,
.marques-card .pagelayer-text-ele p {
  font-size: 0.88rem !important;
  line-height: 1.78 !important;
  color: var(--mk-gray-2) !important;
  margin: 0 !important;
}

/* Ícone SVG do card — ícones por área (substitui círculo vazio) */
.p-mk2_sv_card1 .mk-card-svg,
.p-mk2_sv_card2 .mk-card-svg,
.p-mk2_sv_card3 .mk-card-svg,
.p-mk2_sv_card4 .mk-card-svg,
.p-mk2_sv_card5 .mk-card-svg {
  display: none !important;
}

.p-mk2_sv_card1 .pagelayer-text-holder::before,
.p-mk2_sv_card2 .pagelayer-text-holder::before,
.p-mk2_sv_card3 .pagelayer-text-holder::before,
.p-mk2_sv_card4 .pagelayer-text-holder::before,
.p-mk2_sv_card5 .pagelayer-text-holder::before {
  content: '' !important;
  display: block !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 20px !important;
  background: center / contain no-repeat !important;
}

/* Direito Penal — Escudo */
.p-mk2_sv_card1 .pagelayer-text-holder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A8A9AD' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6L6.5 8.5v3.75A5 5 0 0012 17.25a5 5 0 005.5-5V8.5L12 6z'/%3E%3C/svg%3E") !important;
}

/* Direito de Família — Casa */
.p-mk2_sv_card2 .pagelayer-text-holder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A8A9AD' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M5.5 12l6.5-6 6.5 6M7 10.5V18h3.5v-3.5h3V18H17v-7.5'/%3E%3C/svg%3E") !important;
}

/* Direito Empresarial — Edifício */
.p-mk2_sv_card3 .pagelayer-text-holder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A8A9AD' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M5 19h14M5 19V8l7-4 7 4v11M10 19v-5h4v5M9.5 11h.5m2 0h.5m2 0h.5'/%3E%3C/svg%3E") !important;
}

/* Direito Civil — Documento */
.p-mk2_sv_card4 .pagelayer-text-holder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A8A9AD' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 5h5.5L18 9.5V19H6V5zM13.5 5v4.5H18M9 13h6M9 16h4'/%3E%3C/svg%3E") !important;
}

/* Direito Previdenciário — Escudo com check */
.p-mk2_sv_card5 .pagelayer-text-holder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A8A9AD' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6L6.5 8.5v3.75A5 5 0 0012 17.25a5 5 0 005.5-5V8.5L12 6z'/%3E%3Cpath d='M9.5 12l2 2 3.5-3.5'/%3E%3C/svg%3E") !important;
}

/* Ícone SVG do card (inline na descrição) — fallback para outros contextos */
.mk-card-svg {
  width: 40px !important;
  height: 40px !important;
  color: var(--mk-silver) !important;
  margin-bottom: 20px !important;
  opacity: 0.75 !important;
  display: block !important;
}

/* Número decorativo */
.mk-card-num {
  position: absolute !important;
  bottom: 16px; right: 20px !important;
  font-family: var(--font-serif) !important;
  font-size: 4.5rem !important;
  font-weight: 700 !important;
  color: var(--mk-silver) !important;
  opacity: 0.04 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: opacity 0.35s !important;
}
.marques-card:hover .mk-card-num { opacity: 0.07 !important; }

/* ── 10. SEÇÃO SOBRE ──────────────────────────────────────── */
.marques-about-row,
.pagelayer-row.marques-about-row {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
}

.marques-about-row h2 {
  font-size: clamp(1.7rem, 3vw, 2.6rem) !important;
  margin-bottom: 20px !important;
}
.marques-about-row p {
  font-size: 0.95rem !important;
  line-height: 1.88 !important;
  color: var(--mk-gray-2) !important;
  margin-bottom: 16px !important;
}
.marques-about-row img {
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  filter: grayscale(20%) !important;
  transition: filter 0.5s !important;
}
.marques-about-row img:hover { filter: grayscale(0%) !important; }

/* ── 11. DIFERENCIAIS ─────────────────────────────────────── */
.marques-diff-row,
.pagelayer-row.marques-diff-row {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  border-bottom: 1px solid var(--mk-border) !important;
}

.mk-diff-item { text-align: center !important; padding: 20px 12px !important; }

.mk-diff-icon {
  width: 52px; height: 52px !important;
  margin: 0 auto 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--mk-border-2) !important;
  border-radius: 50% !important;
  color: var(--mk-silver) !important;
  transition: border-color 0.3s, background 0.3s !important;
}
.mk-diff-item:hover .mk-diff-icon {
  border-color: var(--mk-silver) !important;
  background: rgba(168,169,173,0.06) !important;
}

.mk-diff-item h4 {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.mk-diff-item p { font-size: 0.84rem !important; }

/* ── 12. TIMELINE ─────────────────────────────────────────── */
.mk-timeline {
  position: relative !important;
  padding-left: 32px !important;
}
.mk-timeline::before {
  content: '' !important;
  position: absolute !important;
  left: 0; top: 8px; bottom: 8px !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, var(--mk-silver), transparent) !important;
  opacity: 0.25 !important;
}
.mk-timeline-item {
  position: relative !important;
  padding: 0 0 36px 24px !important;
}
.mk-timeline-item::before {
  content: '' !important;
  position: absolute !important;
  left: -5px; top: 8px !important;
  width: 10px; height: 10px !important;
  border-radius: 50% !important;
  background: var(--mk-silver) !important;
  box-shadow: 0 0 0 3px rgba(168,169,173,0.1) !important;
}
.mk-timeline-year {
  font-family: var(--font-serif) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  color: var(--mk-silver) !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.mk-timeline-item h4 { font-size: 1rem !important; margin-bottom: 6px !important; }
.mk-timeline-item p { font-size: 0.88rem !important; color: var(--mk-gray-2) !important; margin: 0 !important; }

/* ── 13. TEAM CARDS ───────────────────────────────────────── */
.mk-team-card {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  transition: transform 0.35s var(--ease-out), box-shadow 0.35s !important;
  margin: 6px !important;
}
.mk-team-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important;
}
.mk-team-info { padding: 24px !important; }
.mk-team-info h4 { font-size: 0.95rem !important; margin-bottom: 4px !important; }
.mk-team-role {
  font-size: 0.68rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.mk-team-oab { font-size: 0.75rem !important; color: var(--mk-gray-2) !important; }

/* ── 14. VALORES ──────────────────────────────────────────── */
.mk-value-card {
  text-align: center !important;
  padding: 36px 20px !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--mk-dark-3) !important;
  transition: border-color 0.3s, transform 0.3s !important;
  margin: 6px !important;
}
.mk-value-card:hover {
  border-color: rgba(168,169,173,0.28) !important;
  transform: translateY(-4px) !important;
}
.mk-value-icon {
  font-family: var(--font-serif) !important;
  font-size: 1.8rem !important;
  color: var(--mk-silver) !important;
  opacity: 0.45 !important;
  margin-bottom: 18px !important;
  display: block !important;
}
.mk-value-card h4 {
  font-size: 0.85rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}
.mk-value-card p { font-size: 0.86rem !important; }

/* ── 15. TESTIMONIALS ─────────────────────────────────────── */
.marques-testimonials-row,
.pagelayer-row.marques-testimonials-row {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
}

.mk-testimonial-card {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 36px 32px 32px !important;
  position: relative !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
  margin: 6px !important;
  height: 100% !important;
}
.mk-testimonial-card:hover {
  border-color: rgba(168,169,173,0.22) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

/* Aspas decorativas */
.mk-testimonial-card::before {
  content: '\201C' !important;
  position: absolute !important;
  top: 8px; left: 24px !important;
  font-family: Georgia, serif !important;
  font-size: 7rem !important;
  line-height: 1 !important;
  color: var(--mk-silver) !important;
  opacity: 0.055 !important;
  pointer-events: none !important;
}

.mk-stars {
  display: flex !important;
  gap: 3px !important;
  margin-bottom: 16px !important;
  color: var(--mk-silver) !important;
}

.mk-testimonial-text {
  font-size: 0.9rem !important;
  line-height: 1.82 !important;
  color: var(--mk-gray) !important;
  font-style: italic !important;
  margin-bottom: 24px !important;
}

.mk-testimonial-author {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-top: 1px solid var(--mk-border) !important;
  padding-top: 20px !important;
}
.mk-testimonial-avatar {
  width: 38px; height: 38px !important;
  border-radius: 50% !important;
  background: var(--mk-dark-4) !important;
  border: 1px solid var(--mk-border-2) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--mk-silver) !important;
  font-family: var(--font-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}
.mk-testimonial-name {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  display: block !important;
  margin-bottom: 2px !important;
}
.mk-testimonial-role {
  font-size: 0.7rem !important;
  color: var(--mk-gray-2) !important;
}

/* ── 16. PROCESS STEPS ────────────────────────────────────── */
.mk-process-row,
.pagelayer-row.mk-process-row {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
}

.mk-step-item {
  text-align: center !important;
  padding: 16px !important;
  position: relative !important;
}
.mk-step-item:not(:last-child)::after {
  content: '' !important;
  position: absolute !important;
  top: 28px; right: -20px !important;
  width: 40px; height: 1px !important;
  background: linear-gradient(90deg, var(--mk-silver), transparent) !important;
  opacity: 0.25 !important;
}
.mk-step-number {
  width: 52px; height: 52px !important;
  border-radius: 50% !important;
  border: 1px solid var(--mk-border-2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  font-family: var(--font-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--mk-silver) !important;
  background: var(--mk-dark-3) !important;
  transition: background 0.3s, border-color 0.3s !important;
}
.mk-step-item:hover .mk-step-number {
  background: rgba(168,169,173,0.07) !important;
  border-color: var(--mk-silver) !important;
}
.mk-step-item h4 {
  font-size: 0.82rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.mk-step-item p { font-size: 0.84rem !important; }

/* ── 17. CTA FINAL ────────────────────────────────────────── */
.marques-cta-final,
.pagelayer-row.marques-cta-final {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  text-align: center !important;
  padding: 80px 20px !important;
  position: relative !important;
}
.marques-cta-final::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(168,169,173,0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.marques-cta-final h2 {
  font-size: clamp(1.7rem, 3vw, 2.8rem) !important;
  margin-bottom: 14px !important;
}
.marques-cta-final p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 500px !important;
  margin: 0 auto 36px !important;
}

/* ── 18. HERO INTERNO (páginas internas) ──────────────────── */
.mk-page-hero,
.pagelayer-row.mk-page-hero {
  background: var(--mk-dark) !important;
  padding: 110px 20px 64px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--mk-border) !important;
  position: relative !important;
}
.mk-page-hero::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(168,169,173,0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.mk-page-hero h1 {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 12px !important;
}
.mk-page-hero p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* ── 19. CONTACT ──────────────────────────────────────────── */
.mk-contact-card {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 36px !important;
  height: 100% !important;
}
.mk-contact-info-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
  margin-bottom: 26px !important;
  padding-bottom: 26px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}
.mk-contact-info-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.mk-contact-icon {
  width: 38px; height: 38px !important;
  border: 1px solid var(--mk-border-2) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--mk-silver) !important;
  flex-shrink: 0 !important;
}
.mk-contact-label {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.mk-contact-value { font-size: 0.9rem !important; color: var(--mk-gray) !important; }
.mk-contact-value a { color: var(--mk-gray) !important; }
.mk-contact-value a:hover { color: var(--mk-white) !important; }

.mk-social-links {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}
.mk-social-link {
  width: 34px; height: 34px !important;
  border: 1px solid var(--mk-border-2) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--mk-gray-2) !important;
  transition: border-color 0.3s, color 0.3s, background 0.3s !important;
}
.mk-social-link:hover {
  border-color: var(--mk-silver) !important;
  color: var(--mk-white) !important;
  background: rgba(168,169,173,0.06) !important;
}

/* ── 20. FOOTER ───────────────────────────────────────────── */
.site-footer, #colophon,
.ast-footer-row-full, .footer-widget-area,
.ast-footer-area {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  color: var(--mk-gray-2) !important;
}

.footer-widget-area { padding: 64px 0 48px !important; }

.footer-widget-area h2, .footer-widget-area h3,
.footer-widget-area h4, .widget-title {
  font-family: var(--font-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--mk-white) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}

.footer-widget-area p,
.footer-widget-area li,
.footer-widget-area a {
  font-size: 0.84rem !important;
  color: var(--mk-gray-2) !important;
  line-height: 1.75 !important;
}
.footer-widget-area a:hover { color: var(--mk-white) !important; }

.footer-widget-area ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-widget-area ul li { margin-bottom: 8px !important; }
.footer-widget-area ul li a {
  position: relative !important;
  padding-left: 10px !important;
  transition: padding-left 0.3s, color 0.3s !important;
}
.footer-widget-area ul li a::before {
  content: '›' !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--mk-silver) !important;
  opacity: 0.4 !important;
}
.footer-widget-area ul li a:hover {
  padding-left: 14px !important;
  color: var(--mk-white) !important;
}

/* Barra inferior do footer */
.ast-small-footer, .footer-bar {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 20px 0 !important;
  font-size: 0.74rem !important;
  color: rgba(255,255,255,0.28) !important;
  text-align: center !important;
}
.ast-small-footer a {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.74rem !important;
}
.ast-small-footer a:hover { color: var(--mk-silver) !important; }

/* ── 21. BOTÃO WHATSAPP FLUTUANTE ─────────────────────────── */
.marques-whatsapp-float {
  position: fixed !important;
  bottom: 28px; right: 28px !important;
  z-index: 9999 !important;
  width: 56px; height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(37,211,102,0.3) !important;
  color: #fff !important;
  transition: transform 0.3s var(--ease-out), box-shadow 0.3s !important;
}
.marques-whatsapp-float::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  border: 2px solid rgba(37,211,102,0.55) !important;
  animation: mk-wa-ring 2.8s ease-out infinite !important;
}
.marques-whatsapp-float:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 8px 32px rgba(37,211,102,0.5) !important;
  color: #fff !important;
}
@keyframes mk-wa-ring {
  0%   { transform: scale(1);   opacity: 0.7; }
  100% { transform: scale(1.7); opacity: 0;   }
}

/* ── 22. BLOG ─────────────────────────────────────────────── */
.blog .site-main, .archive .site-main {
  background: var(--mk-black) !important;
  padding: 80px 0 !important;
}

article.type-post {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s !important;
}
article.type-post:hover {
  border-color: rgba(168,169,173,0.28) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
}

article.type-post .post-thumbnail,
article.type-post .ast-blog-featured-section {
  overflow: hidden !important;
  height: 220px !important;
}
article.type-post .post-thumbnail img,
article.type-post .ast-blog-featured-section img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(20%) !important;
  transition: filter 0.5s, transform 0.5s !important;
}
article.type-post:hover .post-thumbnail img,
article.type-post:hover .ast-blog-featured-section img {
  filter: grayscale(0%) !important;
  transform: scale(1.04) !important;
}

.ast-article-post, .ast-blog-post-element { padding: 26px !important; }

.entry-title, .ast-blog-post-element .entry-title {
  font-size: clamp(1.05rem, 2vw, 1.3rem) !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}
.entry-title a { color: var(--mk-white) !important; transition: color 0.3s !important; }
.entry-title a:hover { color: var(--mk-silver) !important; }

.entry-meta { font-size: 0.74rem !important; color: var(--mk-gray-2) !important; margin-bottom: 12px !important; }
.entry-meta a { color: var(--mk-gray-2) !important; }

.cat-links a {
  font-size: 0.63rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  background: rgba(168,169,173,0.07) !important;
  padding: 3px 9px !important;
  border-radius: 2px !important;
  border: 1px solid rgba(168,169,173,0.14) !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
}

.entry-summary p { font-size: 0.88rem !important; color: var(--mk-gray-2) !important; line-height: 1.7 !important; }

.read-more-link, .more-link, .ast-read-more {
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  border-bottom: 1px solid rgba(168,169,173,0.28) !important;
  padding-bottom: 2px !important;
  display: inline-block !important;
  transition: color 0.3s, border-color 0.3s !important;
}
.read-more-link:hover, .more-link:hover { color: var(--mk-white) !important; border-color: var(--mk-silver) !important; }

/* Sidebar */
.widget {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 26px !important;
  margin-bottom: 20px !important;
}
.widget .widget-title { border-bottom: 1px solid var(--mk-border) !important; padding-bottom: 12px !important; margin-bottom: 18px !important; }

/* Paginação */
.page-numbers { display: inline-flex !important; gap: 4px !important; align-items: center !important; margin-top: 48px !important; }
.page-numbers a, .page-numbers span {
  width: 34px; height: 34px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-sm) !important;
  font-size: 0.8rem !important;
  color: var(--mk-gray-2) !important;
  transition: all 0.3s !important;
}
.page-numbers a:hover, .page-numbers .current {
  background: rgba(168,169,173,0.1) !important;
  border-color: var(--mk-silver) !important;
  color: var(--mk-white) !important;
}

/* ── 23. SINGLE POST ──────────────────────────────────────── */
.single .entry-header {
  padding: 80px 0 40px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--mk-border) !important;
  margin-bottom: 48px !important;
}
.single .entry-header .entry-title { font-size: clamp(1.7rem, 4vw, 2.8rem) !important; margin-bottom: 16px !important; }

.single .entry-content { max-width: 760px !important; margin: 0 auto !important; padding: 0 0 64px !important; }
.single .entry-content h2, .single .entry-content h3 {
  font-size: 1.35rem !important;
  margin-top: 48px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}
.single .entry-content p { font-size: 1rem !important; line-height: 1.9 !important; margin-bottom: 20px !important; }
.single .entry-content blockquote {
  border-left: 3px solid var(--mk-silver) !important;
  background: var(--mk-dark-3) !important;
  padding: 20px 24px !important;
  margin: 32px 0 !important;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}
.single .entry-content blockquote p { font-style: italic !important; margin: 0 !important; }

/* ── 24. FORMULÁRIOS ──────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="number"], textarea, select {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border-2) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--mk-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  padding: 12px 16px !important;
  width: 100% !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--mk-silver) !important;
  box-shadow: 0 0 0 3px rgba(168,169,173,0.07) !important;
}
input::placeholder, textarea::placeholder { color: var(--mk-gray-2) !important; opacity: 0.55 !important; }
label { color: var(--mk-gray) !important; font-size: 0.8rem !important; font-weight: 500 !important; letter-spacing: 0.04em !important; margin-bottom: 6px !important; display: block !important; }

input[type="submit"], button[type="submit"] {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  cursor: pointer !important;
  transition: all 0.35s !important;
}
input[type="submit"]:hover, button[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 24px rgba(168,169,173,0.3) !important;
}

/* ── 25. BREADCRUMBS ──────────────────────────────────────── */
.ast-breadcrumbs, .breadcrumbs {
  background: transparent !important;
  padding: 14px 0 !important;
  font-size: 0.74rem !important;
  color: var(--mk-gray-2) !important;
  letter-spacing: 0.04em !important;
}
.ast-breadcrumbs a { color: var(--mk-silver) !important; }
.ast-breadcrumbs a:hover { color: var(--mk-white) !important; }

/* ── 26. REVEAL ANIMATIONS ────────────────────────────────── */
.mk-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.mk-reveal.mk-visible { opacity: 1; transform: translateY(0); }

.mk-reveal-left {
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.mk-reveal-left.mk-visible { opacity: 1; transform: translateX(0); }

.mk-reveal-right {
  opacity: 0;
  transform: translateX(28px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.mk-reveal-right.mk-visible { opacity: 1; transform: translateX(0); }

/* ── 27. RESPONSIVIDADE ────────────────────────────────────── */
@media (max-width: 1024px) {
  :root { --section-pad: 72px; }
  .marques-hero h1 { font-size: clamp(1.9rem, 7vw, 3.5rem) !important; }
  .marques-stats-bar .pagelayer-col {
    border-right: none !important;
    border-bottom: 1px solid var(--mk-border) !important;
    padding: 20px !important;
  }
  .mk-step-item:not(:last-child)::after { display: none !important; }
}

@media (max-width: 768px) {
  :root { --section-pad: 52px; }
  .marques-hero { padding: 100px 20px 60px !important; }
  .marques-hero h1 { font-size: clamp(1.7rem, 9vw, 3rem) !important; letter-spacing: 0.06em !important; }
  .marques-hero p { font-size: 0.92rem !important; }
  .marques-stats-bar { padding: 36px 0 !important; }
  .marques-card { margin: 4px !important; }
  .mk-timeline { padding-left: 22px !important; }
  .mk-timeline-item { padding-left: 14px !important; }
  .mk-testimonial-card { padding: 24px 22px !important; }
  .footer-widget-area { padding: 48px 0 32px !important; }
  .marques-whatsapp-float { bottom: 20px !important; right: 20px !important; width: 50px !important; height: 50px !important; }
}

@media (max-width: 480px) {
  .marques-hero h1 { letter-spacing: 0.04em !important; }
  .mk-stat-number, .marques-stats-bar h3 { font-size: 2rem !important; }
  .mk-contact-card { padding: 24px !important; }
}

/* ── 28. EXTRAS ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--mk-black); }
::-webkit-scrollbar-thumb { background: var(--mk-dark-4); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(168,169,173,0.4); }

::selection { background: rgba(168,169,173,0.16); color: var(--mk-white); }

img { max-width: 100% !important; height: auto !important; }

hr, .wp-block-separator {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--mk-border-2), transparent) !important;
  margin: 40px 0 !important;
}

/* Tags */
.tags-links a, .post-tags a {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border-2) !important;
  color: var(--mk-gray-2) !important;
  font-size: 0.7rem !important;
  padding: 3px 9px !important;
  border-radius: 2px !important;
  display: inline-block !important;
  margin: 2px !important;
  transition: all 0.3s !important;
}
.tags-links a:hover { border-color: var(--mk-silver) !important; color: var(--mk-white) !important; }

/* Author box */
.ast-author-box, .author-box {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 26px !important;
  margin-top: 40px !important;
}

/* Comments */
.comments-area { border-top: 1px solid var(--mk-border) !important; margin-top: 48px !important; padding-top: 40px !important; }
.comment-list .comment {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}
.comment-author .fn { color: var(--mk-white) !important; font-weight: 600 !important; }
.comment-metadata { font-size: 0.73rem !important; color: var(--mk-gray-2) !important; }

/* Entry content lists */
.entry-content ul li, .entry-content ol li {
  color: var(--mk-gray-2) !important;
  padding-left: 4px !important;
  margin-bottom: 6px !important;
}

/* ── 29. PAGELAYER ID OVERRIDES (homepage mk2) ────────────────
   PageLayer's PHP renderer applies classes from block JSON as
   p-{id} but does NOT add the custom "classes" attribute value.
   These rules mirror the semantic class styles using the actual
   DOM ids so background/padding/card styles land correctly.
   ─────────────────────────────────────────────────────────── */

/* Hero row */
.p-mk2_r1 {
  min-height: 100vh !important;
  background-color: var(--mk-black) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(168,169,173,0.055) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(168,169,173,0.025) 0%, transparent 60%) !important;
  display: flex !important;
  align-items: center !important;
  padding: 120px 20px 80px !important;
  position: relative !important;
}
.p-mk2_r1::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E") !important;
  background-repeat: repeat !important;
  background-size: 128px 128px !important;
  opacity: 0.028 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.p-mk2_r1::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, var(--mk-silver) 50%, transparent 100%) !important;
  opacity: 0.35 !important;
}
.p-mk2_r1 > .pagelayer-row-holder {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}
/* Hero column: centre-align everything */
.p-mk2_c1,
.p-mk2_c1 .pagelayer-col-holder {
  text-align: center !important;
}
/* Override text-align:left injetado pelo PageLayer nos wrappers dos botões */
.p-mk2_b1,
.p-mk2_b2 { text-align: center !important; }
/* Espaço entre os dois botões empilhados */
.p-mk2_b2 { margin-top: 14px !important; }
.p-mk2_r1 h1,
.p-mk2_r1 .pagelayer-heading h1 {
  font-size: clamp(2.2rem, 6vw, 5.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: var(--mk-white) !important;
  line-height: 1.06 !important;
  margin-bottom: 24px !important;
}
.p-mk2_r1 p {
  font-size: clamp(0.9rem, 1.6vw, 1.1rem) !important;
  color: var(--mk-gray-2) !important;
  max-width: 580px !important;
  margin: 0 auto 40px !important;
  line-height: 1.85 !important;
}

/* Stats bar row */
.p-mk2_r2 {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  border-bottom: 1px solid var(--mk-border) !important;
  padding: 56px 0 !important;
}
.p-mk2_c2a, .p-mk2_c2b, .p-mk2_c2c, .p-mk2_c2d {
  text-align: center !important;
}
.p-mk2_c2a .pagelayer-col-holder,
.p-mk2_c2b .pagelayer-col-holder,
.p-mk2_c2c .pagelayer-col-holder {
  border-right: 1px solid var(--mk-border) !important;
  padding: 0 24px !important;
}
.p-mk2_c2d .pagelayer-col-holder { padding: 0 24px !important; }
.p-mk2_r2 h3,
.p-mk2_r2 .pagelayer-heading h3 {
  font-family: var(--font-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 10px !important;
  background: linear-gradient(135deg, #D8D9DC, #A8A9AD, #8A8B8F) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.p-mk2_r2 p,
.p-mk2_r2 .pagelayer-text-ele p {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--mk-gray-2) !important;
  margin: 0 !important;
}

/* Areas: title row */
.p-mk2_r3 {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 64px 20px 48px !important;
  text-align: center !important;
}
.p-mk2_c3 .pagelayer-col-holder { text-align: center !important; }

/* Areas: cards rows */
.p-mk2_r4 {
  background: var(--mk-dark) !important;
  padding: 0 20px 60px !important;
}
.p-mk2_r5 {
  background: var(--mk-dark) !important;
  padding: 0 20px 60px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}

/* Area card columns */
.p-mk2_card1 .pagelayer-col-holder,
.p-mk2_card2 .pagelayer-col-holder,
.p-mk2_card3 .pagelayer-col-holder,
.p-mk2_card4 .pagelayer-col-holder,
.p-mk2_card5 .pagelayer-col-holder {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 40px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), transform 0.35s var(--ease-out) !important;
  height: 100% !important;
  margin: 6px !important;
}
.p-mk2_card1 .pagelayer-col-holder::before,
.p-mk2_card2 .pagelayer-col-holder::before,
.p-mk2_card3 .pagelayer-col-holder::before,
.p-mk2_card4 .pagelayer-col-holder::before,
.p-mk2_card5 .pagelayer-col-holder::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--mk-silver), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.35s !important;
}
.p-mk2_card1:hover .pagelayer-col-holder,
.p-mk2_card2:hover .pagelayer-col-holder,
.p-mk2_card3:hover .pagelayer-col-holder,
.p-mk2_card4:hover .pagelayer-col-holder,
.p-mk2_card5:hover .pagelayer-col-holder {
  border-color: rgba(168,169,173,0.3) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5) !important;
  transform: translateY(-4px) !important;
}
.p-mk2_card1:hover .pagelayer-col-holder::before,
.p-mk2_card2:hover .pagelayer-col-holder::before,
.p-mk2_card3:hover .pagelayer-col-holder::before,
.p-mk2_card4:hover .pagelayer-col-holder::before,
.p-mk2_card5:hover .pagelayer-col-holder::before {
  opacity: 1 !important;
}
.p-mk2_card1 h3, .p-mk2_card1 .pagelayer-heading h3,
.p-mk2_card2 h3, .p-mk2_card2 .pagelayer-heading h3,
.p-mk2_card3 h3, .p-mk2_card3 .pagelayer-heading h3,
.p-mk2_card4 h3, .p-mk2_card4 .pagelayer-heading h3,
.p-mk2_card5 h3, .p-mk2_card5 .pagelayer-heading h3 {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mk-white) !important;
  margin-bottom: 14px !important;
}

/* About row */
.p-mk2_r6 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
}
.p-mk2_r6 h2 { font-size: clamp(1.7rem, 3vw, 2.6rem) !important; margin-bottom: 20px !important; }
.p-mk2_r6 p { font-size: 0.95rem !important; line-height: 1.88 !important; color: var(--mk-gray-2) !important; }

/* Logo na coluna direita da seção Sobre: pseudo-elemento para não afetar o fundo */
.p-mk2_c6b .pagelayer-text-holder > div {
  position: relative !important;
  min-height: 280px !important;
}
.p-mk2_c6b .pagelayer-text-holder > div::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/wp-content/uploads/2026/05/Logo-Transparente.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 60% auto !important;
  filter: invert(1) brightness(1.6) !important;
  opacity: 0.85 !important;
}

/* Diferenciais: title row */
.p-mk2_r7 {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 64px 20px 32px !important;
}
.p-mk2_c7h .pagelayer-col-holder { text-align: center !important; }

/* Diferenciais: cards row */
.p-mk2_r7b {
  background: var(--mk-dark) !important;
  border-bottom: 1px solid var(--mk-border) !important;
  padding: 32px 20px 64px !important;
}
.p-mk2_d1 .pagelayer-col-holder,
.p-mk2_d2 .pagelayer-col-holder,
.p-mk2_d3 .pagelayer-col-holder,
.p-mk2_d4 .pagelayer-col-holder {
  text-align: center !important;
  padding: 20px 12px !important;
}
.p-mk2_d1 h4, .p-mk2_d2 h4, .p-mk2_d3 h4, .p-mk2_d4 h4,
.p-mk2_d1 .pagelayer-heading h4,
.p-mk2_d2 .pagelayer-heading h4,
.p-mk2_d3 .pagelayer-heading h4,
.p-mk2_d4 .pagelayer-heading h4 {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* Testimonials: title row */
.p-mk2_r8 {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 64px 20px 32px !important;
}
.p-mk2_c8h .pagelayer-col-holder { text-align: center !important; }

/* Testimonials: cards row */
.p-mk2_r8b {
  background: var(--mk-dark-2) !important;
  padding: 32px 20px 64px !important;
}
.p-mk2_te1 .pagelayer-col-holder,
.p-mk2_te2 .pagelayer-col-holder,
.p-mk2_te3 .pagelayer-col-holder {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 36px 32px 32px !important;
  position: relative !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
  margin: 6px !important;
  height: 100% !important;
}
.p-mk2_te1:hover .pagelayer-col-holder,
.p-mk2_te2:hover .pagelayer-col-holder,
.p-mk2_te3:hover .pagelayer-col-holder {
  border-color: rgba(168,169,173,0.22) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

/* CTA row */
.p-mk2_r9 {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
}
.p-mk2_c9 .pagelayer-col-holder { text-align: center !important; }
/* Override do text-align:left injetado inline pelo PageLayer no wrapper do botão */
.p-mk2_cta3 { text-align: center !important; }
.p-mk2_r9 h2 { font-size: clamp(1.7rem, 3vw, 2.8rem) !important; margin-bottom: 14px !important; }
.p-mk2_r9 p { max-width: 500px !important; margin: 0 auto 36px !important; color: var(--mk-gray-2) !important; }

/* Spacer cols (p-mk2_c5sp1/2) — hide on desktop */
.p-mk2_c5sp1, .p-mk2_c5sp2 { display: none !important; }

/* Button fixes: PageLayer renders <a class="pagelayer-btn-holder"> (the a IS the holder)
   so {{type}}/{{size}} template vars never resolve. Target by pagelayer-id instead. */

/* Hero primary CTA */
.p-mk2_b1 a.pagelayer-btn-holder,
.p-mk2_b1 .pagelayer-btn-holder {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.p-mk2_b1 a.pagelayer-btn-holder:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* Hero outline CTA */
.p-mk2_b2 a.pagelayer-btn-holder,
.p-mk2_b2 .pagelayer-btn-holder {
  background: transparent !important;
  color: var(--mk-silver) !important;
  border: 1px solid rgba(168,169,173,0.35) !important;
  box-shadow: none !important;
}
.p-mk2_b2 a.pagelayer-btn-holder:hover {
  background: rgba(168,169,173,0.07) !important;
  border-color: var(--mk-silver) !important;
  color: var(--mk-white) !important;
  transform: translateY(-1px) !important;
}

/* About section "Conheça" button — outline */
.p-mk2_ab3 a.pagelayer-btn-holder,
.p-mk2_ab3 .pagelayer-btn-holder {
  background: transparent !important;
  color: var(--mk-silver) !important;
  border: 1px solid rgba(168,169,173,0.35) !important;
  box-shadow: none !important;
}
.p-mk2_ab3 a.pagelayer-btn-holder:hover {
  background: rgba(168,169,173,0.07) !important;
  border-color: var(--mk-silver) !important;
  color: var(--mk-white) !important;
}

/* Final CTA "Fale pelo WhatsApp" — primary */
.p-mk2_cta3 a.pagelayer-btn-holder,
.p-mk2_cta3 .pagelayer-btn-holder {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18) !important;
}
.p-mk2_cta3 a.pagelayer-btn-holder:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* FAQ accordion */
.faq-item {
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-sm) !important;
  margin-bottom: 8px !important;
  background: var(--mk-dark-3) !important;
  overflow: hidden !important;
}
.faq-question {
  padding: 18px 20px !important;
  cursor: pointer !important;
  color: var(--mk-white) !important;
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.faq-question::after { content: '+' !important; color: var(--mk-silver) !important; font-size: 1.2rem !important; }
.faq-item.open .faq-question::after { content: '−' !important; }
.faq-answer { padding: 0 20px 18px !important; color: var(--mk-gray-2) !important; font-size: 0.88rem !important; line-height: 1.75 !important; display: none; }
.faq-item.open .faq-answer { display: block; }

/* Tabelas */
table { border-collapse: collapse !important; width: 100% !important; }
th, td { border: 1px solid var(--mk-border) !important; padding: 12px 16px !important; }
th { background: var(--mk-dark-3) !important; color: var(--mk-white) !important; font-family: var(--font-serif) !important; font-size: 0.8rem !important; letter-spacing: 0.07em !important; }
td { color: var(--mk-gray-2) !important; }

/* Transição de página */
body { animation: mk-fade-in 0.45s var(--ease-out); }

/* ── 30. PAGELAYER HEADER — Logo imagem + estilo premium ─────── */

/* Posição fixa, sobreposta ao hero (sem empurrar o conteúdo) */
header.pagelayer-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9998 !important;
  width: 100% !important;
}
.admin-bar header.pagelayer-header { top: 32px !important; }
@media screen and (max-width: 782px) {
  .admin-bar header.pagelayer-header { top: 46px !important; }
}

/* Zera o section-pad que se aplica a todas as .pagelayer-row */
header.pagelayer-header .pagelayer-row {
  padding: 0 !important;
}

/* Fundo transparente no topo → sólido ao rolar */
header.pagelayer-header .p-eiu8666,
header.pagelayer-header .pagelayer-row-holder {
  background: transparent !important;
  transition: background 0.4s ease, box-shadow 0.4s ease !important;
}
header.pagelayer-header.mk-header-scrolled .p-eiu8666 {
  background: rgba(0, 0, 0, 0.95) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  box-shadow: 0 1px 0 var(--mk-border), 0 4px 24px rgba(0,0,0,0.6) !important;
}

/* Logo: substitui o texto pelo logo claro (branco) para fundo escuro */
.p-7gv4674 .site-title a,
.p-7gv4674 .pagelayer-wp-title-heading a,
.p-7gv4674 a {
  display: block !important;
  width: 200px !important;
  height: 54px !important;
  background: url('/wp-content/uploads/2026/05/Logo-Transparente.png') no-repeat left center !important;
  background-size: contain !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  text-decoration: none !important;
  filter: invert(1) brightness(2) !important;
}
@media (max-width: 768px) {
  .p-7gv4674 a { width: 140px !important; height: 40px !important; }
}

/* Menu principal do header PageLayer */
header.pagelayer-header .pagelayer-wp-menu-list > li > a {
  color: rgba(211, 211, 211, 0.8) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
  padding: 6px 14px !important;
  background: transparent !important;
}
header.pagelayer-header .pagelayer-wp-menu-list > li > a:hover,
header.pagelayer-header .pagelayer-wp-menu-list > li.current-menu-item > a {
  color: var(--mk-white) !important;
  background: transparent !important;
}
header.pagelayer-header .pagelayer-wp-menu-list > li.current-menu-item > a {
  border-bottom: 1px solid rgba(168, 169, 173, 0.45) !important;
}

/* Submenu PageLayer */
header.pagelayer-header .pagelayer-wp-menu-list .sub-menu {
  background: rgba(4, 4, 4, 0.97) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.7) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}
header.pagelayer-header .pagelayer-wp-menu-list .sub-menu a {
  padding: 10px 20px !important;
  color: var(--mk-gray-2) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.1em !important;
}
header.pagelayer-header .pagelayer-wp-menu-list .sub-menu a:hover {
  color: var(--mk-white) !important;
  background: transparent !important;
}

/* Cor do ícone de menu hamburguer (mobile) */
header.pagelayer-header .pagelayer-menu-toggle {
  color: var(--mk-white) !important;
  border-color: rgba(255,255,255,0.2) !important;
  background: transparent !important;
}

/* Fundo da row do header — garante transparência sem cor de tema */
header.pagelayer-header .p-eiu8666 {
  background-color: transparent !important;
}

/* Padding no col do logo para alinhamento vertical */
header.pagelayer-header .p-pgp6679 .pagelayer-col-holder {
  padding: 14px 20px !important;
}
header.pagelayer-header .p-h8o6870 .pagelayer-col-holder {
  padding: 14px 20px !important;
}
@keyframes mk-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* ── 31. PAGELAYER FOOTER — Logo + estilo premium ────────────── */

/* Fundo e borda do footer PageLayer */
footer.pagelayer-footer {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
}
footer.pagelayer-footer .p-2ki5913 {
  background: var(--mk-dark-2) !important;
}

/* Zero do row-holder padding (PageLayer injeta ~110px por padrão) */
.p-2ki5913 > .pagelayer-row-holder,
.p-2h36294 > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Padding controlado nas rows do footer */
.p-2ki5913 { padding: 56px 20px !important; }
.p-2h36294 { padding: 18px 20px !important; }

/* Logo no rodapé: substitui o texto "Marques Escritório de Advocacia" pela imagem */
.p-13e6631 .pagelayer-wp-title-heading a,
.p-13e6631 a {
  display: block !important;
  width: 180px !important;
  height: 50px !important;
  background: url('/wp-content/uploads/2026/05/Logo-Transparente.png') no-repeat left center !important;
  background-size: contain !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  text-decoration: none !important;
  filter: invert(1) brightness(1.8) !important;
  margin-bottom: 16px !important;
}

/* Textos da coluna do rodapé */
footer.pagelayer-footer .pagelayer-col-holder {
  color: var(--mk-gray-2) !important;
}
footer.pagelayer-footer p,
footer.pagelayer-footer .pagelayer-text-holder p {
  font-size: 0.84rem !important;
  color: var(--mk-gray-2) !important;
  line-height: 1.75 !important;
}
/* Títulos das colunas (PageLayer usa .pagelayer-heading-holder, não h3/h4) */
footer.pagelayer-footer .pagelayer-heading-holder {
  font-family: var(--font-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mk-white) !important;
  margin-bottom: 16px !important;
}
footer.pagelayer-footer a {
  color: var(--mk-gray-2) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}
footer.pagelayer-footer a:hover { color: var(--mk-white) !important; }

/* Ícones sociais: substituir o teal do tema PageLayer por prata/escuro */
footer.pagelayer-footer .pagelayer-icon-holder {
  background-color: rgba(168, 169, 173, 0.1) !important;
  border: 1px solid var(--mk-border-2) !important;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
footer.pagelayer-footer .pagelayer-icon-holder:hover {
  background-color: var(--mk-silver) !important;
  border-color: var(--mk-silver) !important;
}
footer.pagelayer-footer .pagelayer-social-fa {
  color: var(--mk-gray) !important;
}
footer.pagelayer-footer .pagelayer-social a:hover .pagelayer-social-fa {
  color: var(--mk-black) !important;
}

/* Barra de copyright */
.p-flv6574 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
}
.p-flv6574 p,
.p-flv6574 .pagelayer-text-holder {
  font-size: 0.74rem !important;
  color: rgba(255,255,255,0.35) !important;
  text-align: center !important;
}

/* ── 32. NOSSA EQUIPE ────────────────────────────────────────── */

/* Linha do título */
.p-mk3_r1 {
  background: var(--mk-dark) !important;
  padding: 80px 20px 60px !important;
  text-align: center !important;
}
.p-mk3_label span.mk-section-label {
  display: block !important;
  font-family: var(--font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}
.p-mk3_title .pagelayer-heading-holder { text-align: center !important; }
.p-mk3_title .pagelayer-heading-holder h2 {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.9rem, 3vw, 2.6rem) !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Linha dos cards */
.p-mk3_r2 {
  background: var(--mk-black) !important;
  padding: 60px 20px 100px !important;
}

/* Cards — container (forçar 4 colunas: col:3 do PageLayer gera width:33%, precisa de 25%) */
.p-mk3_c1, .p-mk3_c2, .p-mk3_c3, .p-mk3_c4 {
  flex: 0 0 23.5% !important;
  width: 23.5% !important;
  max-width: 23.5% !important;
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: 8px !important;
  padding: 48px 20px 36px !important;
  margin: 8px 0.75% !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease !important;
}
/* Faixa de brilho prata no hover */
.p-mk3_c1::before, .p-mk3_c2::before,
.p-mk3_c3::before, .p-mk3_c4::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--mk-silver), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}
.p-mk3_c1:hover::before, .p-mk3_c2:hover::before,
.p-mk3_c3:hover::before, .p-mk3_c4:hover::before { opacity: 1 !important; }
.p-mk3_c1:hover, .p-mk3_c2:hover,
.p-mk3_c3:hover, .p-mk3_c4:hover {
  border-color: rgba(168,169,173,0.3) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(168,169,173,0.08) !important;
  transform: translateY(-4px) !important;
}

/* Foto circular via ::before no heading holder do nome */
.p-mk3_n1 .pagelayer-heading-holder,
.p-mk3_n2 .pagelayer-heading-holder,
.p-mk3_n3 .pagelayer-heading-holder,
.p-mk3_n4 .pagelayer-heading-holder {
  padding-top: 164px !important;
  position: relative !important;
}
.p-mk3_n1 .pagelayer-heading-holder::before,
.p-mk3_n2 .pagelayer-heading-holder::before,
.p-mk3_n3 .pagelayer-heading-holder::before,
.p-mk3_n4 .pagelayer-heading-holder::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 50%; transform: translateX(-50%) !important;
  width: 140px; height: 140px !important;
  border-radius: 50% !important;
  background-size: cover !important;
  background-position: center top !important;
  border: 2px solid var(--mk-border-2) !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease !important;
}
.p-mk3_c1:hover .pagelayer-heading-holder::before,
.p-mk3_c2:hover .pagelayer-heading-holder::before,
.p-mk3_c3:hover .pagelayer-heading-holder::before,
.p-mk3_c4:hover .pagelayer-heading-holder::before {
  border-color: rgba(168,169,173,0.5) !important;
  box-shadow: 0 0 20px rgba(168,169,173,0.15) !important;
}
.p-mk3_n1 .pagelayer-heading-holder::before {
  background-image: url('/wp-content/uploads/2026/05/Jessica-Marques.png') !important;
}
.p-mk3_n2 .pagelayer-heading-holder::before {
  background-image: url('/wp-content/uploads/2026/05/Daniel-Araujo.png') !important;
}
.p-mk3_n3 .pagelayer-heading-holder::before {
  background-image: url('/wp-content/uploads/2026/05/Aline-Estrela.png') !important;
}
.p-mk3_n4 .pagelayer-heading-holder::before {
  background-image: url('/wp-content/uploads/2026/05/Ricardo-Matias.png') !important;
}

/* Nome (h3 em Cinzel) */
.p-mk3_n1 .pagelayer-heading-holder h3,
.p-mk3_n2 .pagelayer-heading-holder h3,
.p-mk3_n3 .pagelayer-heading-holder h3,
.p-mk3_n4 .pagelayer-heading-holder h3 {
  font-family: var(--font-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* OAB / credencial */
.p-mk3_oab1 .pagelayer-text-holder p,
.p-mk3_oab2 .pagelayer-text-holder p,
.p-mk3_oab3 .pagelayer-text-holder p,
.p-mk3_oab4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  color: var(--mk-silver) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 8px 0 0 !important;
  opacity: 0.65 !important;
}

/* Especialidade */
.p-mk3_role1 .pagelayer-text-holder p,
.p-mk3_role2 .pagelayer-text-holder p,
.p-mk3_role3 .pagelayer-text-holder p,
.p-mk3_role4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: var(--mk-silver-2) !important;
  font-style: italic !important;
  text-align: center !important;
  margin: 4px 0 20px !important;
}

/* Divisor */
.p-mk3_div1 .pagelayer-divider, .p-mk3_div2 .pagelayer-divider,
.p-mk3_div3 .pagelayer-divider, .p-mk3_div4 .pagelayer-divider {
  background: var(--mk-border-2) !important;
  height: 1px !important;
  width: 40px !important;
  margin: 0 auto !important;
}

/* Bio */
.p-mk3_bio1 .pagelayer-text-holder p,
.p-mk3_bio2 .pagelayer-text-holder p,
.p-mk3_bio3 .pagelayer-text-holder p,
.p-mk3_bio4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.77rem !important;
  font-weight: 400 !important;
  color: var(--mk-gray-2) !important;
  line-height: 1.75 !important;
  text-align: center !important;
  margin: 18px 0 0 !important;
}

/* Responsividade */
@media (max-width: 900px) {
  .p-mk3_c1, .p-mk3_c2, .p-mk3_c3, .p-mk3_c4 {
    flex: 0 0 48% !important;
    width: 48% !important;
    max-width: 48% !important;
    margin: 8px 1% !important;
  }
}
@media (max-width: 600px) {
  .p-mk3_c1, .p-mk3_c2, .p-mk3_c3, .p-mk3_c4 {
    flex: 0 0 96% !important;
    width: 96% !important;
    max-width: 96% !important;
    margin: 8px 2% !important;
  }
  .p-mk3_r2 { padding: 40px 12px 60px !important; }
}

/* ── 33. SOBRE — EQUIPE (Currículos Detalhados, mk4_) ────────── */

/* Linha do título */
.p-mk4_r0 {
  background: var(--mk-dark) !important;
  padding: 80px 20px 60px !important;
  text-align: center !important;
}
.p-mk4_label span.mk-section-label {
  display: block !important;
  font-family: var(--font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}
.p-mk4_title .pagelayer-heading-holder { text-align: center !important; }
.p-mk4_title .pagelayer-heading-holder h2 {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.9rem, 3vw, 2.6rem) !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Linhas de membro (alternando fundos) */
.p-mk4_r1, .p-mk4_r3 {
  background: var(--mk-black) !important;
  padding: 80px 40px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}
.p-mk4_r2, .p-mk4_r4 {
  background: var(--mk-dark) !important;
  padding: 80px 40px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}

/* Gap e alinhamento do row holder */
.p-mk4_r1 .pagelayer-row-holder,
.p-mk4_r2 .pagelayer-row-holder,
.p-mk4_r3 .pagelayer-row-holder,
.p-mk4_r4 .pagelayer-row-holder {
  gap: 0 4% !important;
  align-items: flex-start !important;
}

/* Colunas de foto — 36% (36+4+60=100%) */
.p-mk4_photoc1, .p-mk4_photoc2, .p-mk4_photoc3, .p-mk4_photoc4 {
  flex: 0 0 36% !important;
  width: 36% !important;
  max-width: 36% !important;
}

/* Colunas de bio — 60% */
.p-mk4_bioc1, .p-mk4_bioc2, .p-mk4_bioc3, .p-mk4_bioc4 {
  flex: 0 0 60% !important;
  width: 60% !important;
  max-width: 60% !important;
  padding-top: 12px !important;
}

/* Container da foto */
.p-mk4_photo1 .pagelayer-text-holder .mk-cv-photo,
.p-mk4_photo2 .pagelayer-text-holder .mk-cv-photo,
.p-mk4_photo3 .pagelayer-text-holder .mk-cv-photo,
.p-mk4_photo4 .pagelayer-text-holder .mk-cv-photo {
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  background-size: cover !important;
  background-position: center top !important;
  border-radius: 4px !important;
  border: 1px solid var(--mk-border-2) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.4s ease !important;
}
.p-mk4_photo1 .pagelayer-text-holder .mk-cv-photo::after,
.p-mk4_photo2 .pagelayer-text-holder .mk-cv-photo::after,
.p-mk4_photo3 .pagelayer-text-holder .mk-cv-photo::after,
.p-mk4_photo4 .pagelayer-text-holder .mk-cv-photo::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0; left: 0; right: 0 !important;
  height: 35% !important;
  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent) !important;
  pointer-events: none !important;
}

/* Imagens individuais */
.p-mk4_photo1 .mk-cv-photo {
  background-image: url('/wp-content/uploads/2026/05/Jessica-Marques.png') !important;
}
.p-mk4_photo2 .mk-cv-photo {
  background-image: url('/wp-content/uploads/2026/05/Daniel-Araujo.png') !important;
}
.p-mk4_photo3 .mk-cv-photo {
  background-image: url('/wp-content/uploads/2026/05/Aline-Estrela.png') !important;
}
.p-mk4_photo4 .mk-cv-photo {
  background-image: url('/wp-content/uploads/2026/05/Ricardo-Matias.png') !important;
}

/* Nome */
.p-mk4_name1 .pagelayer-heading-holder h2,
.p-mk4_name2 .pagelayer-heading-holder h2,
.p-mk4_name3 .pagelayer-heading-holder h2,
.p-mk4_name4 .pagelayer-heading-holder h2 {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.3rem, 2.2vw, 1.9rem) !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
}

/* OAB / credencial */
.p-mk4_oab1 .pagelayer-text-holder p,
.p-mk4_oab2 .pagelayer-text-holder p,
.p-mk4_oab3 .pagelayer-text-holder p,
.p-mk4_oab4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  color: var(--mk-silver) !important;
  text-transform: uppercase !important;
  margin: 0 0 4px !important;
  opacity: 0.7 !important;
}

/* Cargo no escritório */
.p-mk4_role1 .pagelayer-text-holder p,
.p-mk4_role2 .pagelayer-text-holder p,
.p-mk4_role3 .pagelayer-text-holder p,
.p-mk4_role4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  color: var(--mk-gray) !important;
  font-style: italic !important;
  margin: 0 0 20px !important;
}

/* Badge de especialidade */
.p-mk4_spec1 .pagelayer-text-holder p,
.p-mk4_spec2 .pagelayer-text-holder p,
.p-mk4_spec3 .pagelayer-text-holder p,
.p-mk4_spec4 .pagelayer-text-holder p {
  margin: 0 0 24px !important;
}
.p-mk4_spec1 .pagelayer-text-holder .mk-specialty-badge,
.p-mk4_spec2 .pagelayer-text-holder .mk-specialty-badge,
.p-mk4_spec3 .pagelayer-text-holder .mk-specialty-badge,
.p-mk4_spec4 .pagelayer-text-holder .mk-specialty-badge {
  display: inline-block !important;
  background: rgba(168,169,173,0.07) !important;
  border: 1px solid rgba(168,169,173,0.18) !important;
  border-radius: 3px !important;
  padding: 5px 14px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.63rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
}

/* Divisor */
.p-mk4_div1 .pagelayer-divider,
.p-mk4_div2 .pagelayer-divider,
.p-mk4_div3 .pagelayer-divider,
.p-mk4_div4 .pagelayer-divider {
  background: var(--mk-border-2) !important;
  height: 1px !important;
  width: 60px !important;
  margin: 0 0 28px !important;
}

/* Biografia */
.p-mk4_bio1 .pagelayer-text-holder p,
.p-mk4_bio2 .pagelayer-text-holder p,
.p-mk4_bio3 .pagelayer-text-holder p,
.p-mk4_bio4 .pagelayer-text-holder p {
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: var(--mk-gray-2) !important;
  line-height: 1.88 !important;
  margin: 0 !important;
}

/* Responsividade — empilha em mobile */
@media (max-width: 860px) {
  .p-mk4_r1, .p-mk4_r2, .p-mk4_r3, .p-mk4_r4 {
    padding: 60px 20px !important;
  }
  .p-mk4_r1 .pagelayer-row-holder,
  .p-mk4_r3 .pagelayer-row-holder {
    flex-direction: column !important;
    gap: 32px 0 !important;
  }
  .p-mk4_r2 .pagelayer-row-holder,
  .p-mk4_r4 .pagelayer-row-holder {
    flex-direction: column-reverse !important;
    gap: 32px 0 !important;
  }
  .p-mk4_photoc1, .p-mk4_photoc2, .p-mk4_photoc3, .p-mk4_photoc4,
  .p-mk4_bioc1, .p-mk4_bioc2, .p-mk4_bioc3, .p-mk4_bioc4 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .p-mk4_photo1 .pagelayer-text-holder .mk-cv-photo,
  .p-mk4_photo2 .pagelayer-text-holder .mk-cv-photo,
  .p-mk4_photo3 .pagelayer-text-holder .mk-cv-photo,
  .p-mk4_photo4 .pagelayer-text-holder .mk-cv-photo {
    aspect-ratio: 4 / 3 !important;
    max-height: 360px !important;
  }
}

/* ── 34. ESPAÇAMENTO COMPACTO + MOBILE HOMEPAGE ───────────────────
   PageLayer injeta padding-top/bottom de ~52px no .pagelayer-row-holder
   de todas as rows, duplicando o padding definido nas rules acima.
   Zeramos o holder para cada row e ajustamos o padding da row.
   ─────────────────────────────────────────────────────────────── */

/* Zero padding interno do row-holder em todas as rows da homepage */
.p-mk2_r2 .pagelayer-row-holder,
.p-mk2_r3 .pagelayer-row-holder,
.p-mk2_r4 .pagelayer-row-holder,
.p-mk2_r5 .pagelayer-row-holder,
.p-mk2_r6 .pagelayer-row-holder,
.p-mk2_r7 .pagelayer-row-holder,
.p-mk2_r7b .pagelayer-row-holder,
.p-mk2_r8 .pagelayer-row-holder,
.p-mk2_r8b .pagelayer-row-holder,
.p-mk2_r9 .pagelayer-row-holder,
.p-mk3_r1 .pagelayer-row-holder,
.p-mk3_r2 .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Padding compacto das rows de título (desktop) */
.p-mk2_r3  { padding: 40px 20px 20px !important; }
.p-mk2_r7  { padding: 40px 20px 16px !important; }
.p-mk2_r8  { padding: 40px 20px 16px !important; }
.p-mk3_r1  { padding: 48px 20px 24px !important; }

/* Padding compacto das rows de conteúdo (desktop) */
.p-mk2_r2  { padding: 40px 0 !important; }
.p-mk2_r4  { padding: 0 20px 36px !important; }
.p-mk2_r5  { padding: 0 20px 48px !important; }
.p-mk2_r6  { padding: 60px 20px !important; }
.p-mk2_r7b { padding: 16px 20px 52px !important; }
.p-mk2_r8b { padding: 16px 20px 52px !important; }
.p-mk2_r9  { padding: 60px 20px !important; }
.p-mk3_r2  { padding: 32px 20px 52px !important; }

/* Copyright — compacto e discreto */
.p-flv6574 { padding: 0 !important; }
/* Link do crédito ao desenvolvedor */
.p-flv6574 a,
.p-d1n2618 .pagelayer-text-holder p a {
  color: rgba(168,169,173,0.55) !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}
.p-flv6574 a:hover,
.p-d1n2618 .pagelayer-text-holder p a:hover {
  color: rgba(255,255,255,0.8) !important;
}

/* ── MOBILE ≤ 768px ─────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Hero */
  .p-mk2_r1 {
    padding: 100px 16px 56px !important;
    min-height: 90vh !important;
  }
  .p-mk2_r1 h1,
  .p-mk2_r1 .pagelayer-heading h1 {
    font-size: clamp(1.65rem, 9vw, 2.6rem) !important;
    letter-spacing: 0.07em !important;
  }
  .p-mk2_r1 p { font-size: 0.88rem !important; margin: 0 auto 28px !important; }

  /* Stats bar — grid 2×2 (bypassa o flex do PageLayer) */
  .p-mk2_r2 { padding: 28px 8px !important; }
  .p-mk2_r2 > .pagelayer-row-holder {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 0 !important;
  }
  .p-mk2_c2a .pagelayer-col-holder,
  .p-mk2_c2b .pagelayer-col-holder,
  .p-mk2_c2c .pagelayer-col-holder { border-right: none !important; }
  .p-mk2_c2a .pagelayer-col-holder,
  .p-mk2_c2b .pagelayer-col-holder {
    border-bottom: 1px solid var(--mk-border) !important;
  }
  .p-mk2_r2 h3,
  .p-mk2_r2 .pagelayer-heading h3 { font-size: 2rem !important; }

  /* Áreas — título */
  .p-mk2_r3 { padding: 32px 16px 16px !important; }

  /* Áreas — cards: empilha em coluna única */
  .p-mk2_r4 { padding: 0 12px 20px !important; }
  .p-mk2_r5 { padding: 0 12px 32px !important; }
  .p-mk2_r4 .pagelayer-row-holder,
  .p-mk2_r5 .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_card1, .p-mk2_card2, .p-mk2_card3,
  .p-mk2_card4, .p-mk2_card5 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .p-mk2_card1 .pagelayer-col-holder,
  .p-mk2_card2 .pagelayer-col-holder,
  .p-mk2_card3 .pagelayer-col-holder,
  .p-mk2_card4 .pagelayer-col-holder,
  .p-mk2_card5 .pagelayer-col-holder {
    margin: 6px 0 !important;
    padding: 28px 24px !important;
  }

  /* Sobre — empilha colunas */
  .p-mk2_r6 { padding: 48px 16px !important; }
  .p-mk2_r6 .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_c6a, .p-mk2_c6b {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .p-mk2_c6b { min-height: 220px !important; }

  /* Diferenciais — título */
  .p-mk2_r7 { padding: 32px 16px 12px !important; }

  /* Diferenciais — grid 2×2 */
  .p-mk2_r7b { padding: 12px 8px 36px !important; }
  .p-mk2_r7b > .pagelayer-row-holder {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 0 !important;
  }
  .p-mk2_d1 .pagelayer-col-holder,
  .p-mk2_d2 .pagelayer-col-holder,
  .p-mk2_d3 .pagelayer-col-holder,
  .p-mk2_d4 .pagelayer-col-holder { padding: 16px 8px !important; }

  /* Depoimentos — título */
  .p-mk2_r8 { padding: 32px 16px 12px !important; }

  /* Depoimentos — cards: coluna única */
  .p-mk2_r8b { padding: 12px 12px 36px !important; }
  .p-mk2_r8b .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_te1, .p-mk2_te2, .p-mk2_te3 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .p-mk2_te1 .pagelayer-col-holder,
  .p-mk2_te2 .pagelayer-col-holder,
  .p-mk2_te3 .pagelayer-col-holder { margin: 6px 0 !important; }

  /* CTA */
  .p-mk2_r9 { padding: 48px 16px !important; }
  .p-mk2_r9 h2 { font-size: clamp(1.4rem, 6vw, 2rem) !important; }
  .p-mk2_r9 p { font-size: 0.88rem !important; }

  /* Equipe — título */
  .p-mk3_r1 { padding: 36px 16px 16px !important; }
}

/* ── MOBILE ≤ 480px ─────────────────────────────────────────────── */
@media (max-width: 480px) {
  /* Stats e diferenciais mantêm 2 colunas — funciona bem até 320px */

  /* Bordas separadoras da linha de cima (c2a/c2b) */
  .p-mk2_c2a .pagelayer-col-holder,
  .p-mk2_c2b .pagelayer-col-holder {
    border-bottom: 1px solid var(--mk-border) !important;
  }
  .p-mk2_c2c .pagelayer-col-holder { border-right: none !important; }
}

/* ── 35. PÁGINA SOBRE (ID 35) ─────────────────────────────────────── */

/* Fix pagelayer-width-{{width_content}} — variável não resolvida nas páginas internas.
   A homepage tem pagelayer-width-auto (max-width:1170px;margin:auto aplicado pelo PageLayer).
   Nas demais páginas o holder não recebe essa regra e fica full-width, causando overflow
   à esquerda. Aplicamos manualmente para todos os rows das páginas internas. */
.p-mk2_ab_r1 > .pagelayer-row-holder,
.p-mk2_ab_r2 > .pagelayer-row-holder,
.p-mk2_ab_r3 > .pagelayer-row-holder,
.p-mk2_ab_r4 > .pagelayer-row-holder,
.p-mk2_ab_r5 > .pagelayer-row-holder,
.p-mk4_r0 > .pagelayer-row-holder,
.p-mk4_r1 > .pagelayer-row-holder,
.p-mk4_r2 > .pagelayer-row-holder,
.p-mk4_r3 > .pagelayer-row-holder,
.p-mk4_r4 > .pagelayer-row-holder {
  max-width: 1170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Zero do row-holder (fix do double-padding do PageLayer) */
.p-mk2_ab_r1 .pagelayer-row-holder,
.p-mk2_ab_r2 .pagelayer-row-holder,
.p-mk2_ab_r3 .pagelayer-row-holder,
.p-mk2_ab_r4 .pagelayer-row-holder,
.p-mk2_ab_r5 .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hero */
.p-mk2_ab_r1 {
  background: var(--mk-dark) !important;
  padding: 110px 20px 64px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--mk-border) !important;
  position: relative !important;
}
.p-mk2_ab_r1::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(168,169,173,0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_ab_c1 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_ab_r1 h1 {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 12px !important;
}
.p-mk2_ab_r1 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* Missão e Valores */
.p-mk2_ab_r2 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
}
.p-mk2_ab_c2a .pagelayer-col-holder,
.p-mk2_ab_c2b .pagelayer-col-holder { padding: 0 24px !important; }
.p-mk2_ab_r2 h2 {
  font-size: clamp(1.7rem, 3vw, 2.6rem) !important;
  margin-bottom: 20px !important;
}
.p-mk2_ab_r2 p {
  font-size: 0.95rem !important;
  line-height: 1.88 !important;
  color: var(--mk-gray-2) !important;
  margin-bottom: 16px !important;
}

/* Nossa História */
.p-mk2_ab_r3 {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
}
.p-mk2_ab_c3h .pagelayer-col-holder { text-align: center !important; }

/* Stats Bar */
.p-mk2_ab_r4 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  border-bottom: 1px solid var(--mk-border) !important;
  padding: 56px 0 !important;
}
.p-mk2_ab_st1 .pagelayer-col-holder,
.p-mk2_ab_st2 .pagelayer-col-holder,
.p-mk2_ab_st3 .pagelayer-col-holder,
.p-mk2_ab_st4 .pagelayer-col-holder {
  text-align: center !important;
  padding: 0 24px !important;
}
.p-mk2_ab_st1 .pagelayer-col-holder,
.p-mk2_ab_st2 .pagelayer-col-holder,
.p-mk2_ab_st3 .pagelayer-col-holder {
  border-right: 1px solid var(--mk-border) !important;
}
.p-mk2_ab_r4 h3 {
  font-family: var(--font-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 10px !important;
  background: linear-gradient(135deg, #D8D9DC, #A8A9AD, #8A8B8F) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.p-mk2_ab_r4 p {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--mk-gray-2) !important;
  margin: 0 !important;
}

/* CTA Final */
.p-mk2_ab_r5 {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
  text-align: center !important;
  position: relative !important;
}
.p-mk2_ab_r5::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(168,169,173,0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_ab_c5 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_ab_r5 h2 {
  font-size: clamp(1.7rem, 3vw, 2.8rem) !important;
  margin-bottom: 14px !important;
}
.p-mk2_ab_r5 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 500px !important;
  margin: 0 auto 36px !important;
}
.p-mk2_ab_cta3 { text-align: center !important; }
.p-mk2_ab_cta3 a.pagelayer-btn-holder,
.p-mk2_ab_cta3 .pagelayer-btn-holder {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.p-mk2_ab_cta3 a.pagelayer-btn-holder:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* Sobre — responsivo */
@media (max-width: 768px) {
  .p-mk2_ab_r1 { padding: 90px 16px 48px !important; }
  .p-mk2_ab_r2 { padding: 48px 16px !important; }
  .p-mk2_ab_r2 .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_ab_c2a, .p-mk2_ab_c2b {
    flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important;
  }
  .p-mk2_ab_c2a .pagelayer-col-holder,
  .p-mk2_ab_c2b .pagelayer-col-holder { padding: 0 0 32px !important; }
  .p-mk2_ab_r3 { padding: 48px 16px !important; }
  .p-mk2_ab_c3sp, .p-mk2_ab_c3sp2 { display: none !important; }
  .p-mk2_ab_c3tl {
    flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important;
  }
  .p-mk2_ab_r4 > .pagelayer-row-holder {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 0 !important;
  }
  .p-mk2_ab_st1 .pagelayer-col-holder,
  .p-mk2_ab_st2 .pagelayer-col-holder {
    border-bottom: 1px solid var(--mk-border) !important;
  }
  .p-mk2_ab_st2 .pagelayer-col-holder,
  .p-mk2_ab_st4 .pagelayer-col-holder { border-right: none !important; }
  .p-mk2_ab_r5 { padding: 48px 16px !important; }
}

/* ── 36. PÁGINA SERVIÇOS (ID 51) ──────────────────────────────────── */

/* Fix pagelayer-width-{{width_content}} nas páginas internas */
.p-mk2_sv_r1 > .pagelayer-row-holder,
.p-mk2_sv_r2 > .pagelayer-row-holder,
.p-mk2_sv_r2b > .pagelayer-row-holder,
.p-mk2_sv_r3 > .pagelayer-row-holder,
.p-mk2_sv_r3b > .pagelayer-row-holder,
.p-mk2_sv_r4 > .pagelayer-row-holder {
  max-width: 1170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Zero do row-holder */
.p-mk2_sv_r1 .pagelayer-row-holder,
.p-mk2_sv_r2 .pagelayer-row-holder,
.p-mk2_sv_r2b .pagelayer-row-holder,
.p-mk2_sv_r3 .pagelayer-row-holder,
.p-mk2_sv_r3b .pagelayer-row-holder,
.p-mk2_sv_r4 .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hero */
.p-mk2_sv_r1 {
  background: var(--mk-dark) !important;
  padding: 110px 20px 64px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--mk-border) !important;
  position: relative !important;
}
.p-mk2_sv_r1::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(168,169,173,0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_sv_c1 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_sv_r1 h1 {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 12px !important;
}
.p-mk2_sv_r1 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* Cards rows */
.p-mk2_sv_r2 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 60px 20px !important;
}
.p-mk2_sv_r2b {
  background: var(--mk-black) !important;
  padding: 0 20px 60px !important;
  border-bottom: 1px solid var(--mk-border) !important;
}
.p-mk2_sv_sp1, .p-mk2_sv_sp2 { display: none !important; }

/* Card col-holders */
.p-mk2_sv_card1 .pagelayer-col-holder,
.p-mk2_sv_card2 .pagelayer-col-holder,
.p-mk2_sv_card3 .pagelayer-col-holder,
.p-mk2_sv_card4 .pagelayer-col-holder,
.p-mk2_sv_card5 .pagelayer-col-holder {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: var(--radius-md) !important;
  padding: 40px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), transform 0.35s var(--ease-out) !important;
  height: 100% !important;
  margin: 6px !important;
}
.p-mk2_sv_card1 .pagelayer-col-holder::before,
.p-mk2_sv_card2 .pagelayer-col-holder::before,
.p-mk2_sv_card3 .pagelayer-col-holder::before,
.p-mk2_sv_card4 .pagelayer-col-holder::before,
.p-mk2_sv_card5 .pagelayer-col-holder::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--mk-silver), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.35s !important;
}
.p-mk2_sv_card1:hover .pagelayer-col-holder,
.p-mk2_sv_card2:hover .pagelayer-col-holder,
.p-mk2_sv_card3:hover .pagelayer-col-holder,
.p-mk2_sv_card4:hover .pagelayer-col-holder,
.p-mk2_sv_card5:hover .pagelayer-col-holder {
  border-color: rgba(168,169,173,0.3) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5) !important;
  transform: translateY(-4px) !important;
}
.p-mk2_sv_card1:hover .pagelayer-col-holder::before,
.p-mk2_sv_card2:hover .pagelayer-col-holder::before,
.p-mk2_sv_card3:hover .pagelayer-col-holder::before,
.p-mk2_sv_card4:hover .pagelayer-col-holder::before,
.p-mk2_sv_card5:hover .pagelayer-col-holder::before { opacity: 1 !important; }
.p-mk2_sv_card1 h3,
.p-mk2_sv_card2 h3,
.p-mk2_sv_card3 h3,
.p-mk2_sv_card4 h3,
.p-mk2_sv_card5 h3 {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mk-white) !important;
  margin-bottom: 14px !important;
}

/* Process title */
.p-mk2_sv_r3 {
  background: var(--mk-dark) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 64px 20px 32px !important;
}
.p-mk2_sv_c3h .pagelayer-col-holder { text-align: center !important; }

/* Process steps */
.p-mk2_sv_r3b {
  background: var(--mk-dark) !important;
  border-bottom: 1px solid var(--mk-border) !important;
  padding: 32px 20px 64px !important;
}
.p-mk2_sv_step1 .pagelayer-col-holder,
.p-mk2_sv_step2 .pagelayer-col-holder,
.p-mk2_sv_step3 .pagelayer-col-holder {
  text-align: center !important;
  padding: 16px !important;
  position: relative !important;
}
.p-mk2_sv_step1 .pagelayer-col-holder::after,
.p-mk2_sv_step2 .pagelayer-col-holder::after {
  content: '' !important;
  position: absolute !important;
  top: 42px; right: -20px !important;
  width: 40px; height: 1px !important;
  background: linear-gradient(90deg, var(--mk-silver), transparent) !important;
  opacity: 0.25 !important;
}

/* CTA Final */
.p-mk2_sv_r4 {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
  text-align: center !important;
  position: relative !important;
}
.p-mk2_sv_r4::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(168,169,173,0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_sv_c4 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_sv_r4 h2 {
  font-size: clamp(1.7rem, 3vw, 2.8rem) !important;
  margin-bottom: 14px !important;
}
.p-mk2_sv_r4 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 500px !important;
  margin: 0 auto 36px !important;
}
.p-mk2_sv_cta3 { text-align: center !important; }
.p-mk2_sv_cta3 a.pagelayer-btn-holder,
.p-mk2_sv_cta3 .pagelayer-btn-holder {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.p-mk2_sv_cta3 a.pagelayer-btn-holder:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* Serviços — responsivo */
@media (max-width: 768px) {
  .p-mk2_sv_r1 { padding: 90px 16px 48px !important; }
  .p-mk2_sv_r2 { padding: 40px 12px !important; }
  .p-mk2_sv_r2b { padding: 0 12px 40px !important; }
  .p-mk2_sv_r2 .pagelayer-row-holder,
  .p-mk2_sv_r2b .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_sv_card1, .p-mk2_sv_card2, .p-mk2_sv_card3,
  .p-mk2_sv_card4, .p-mk2_sv_card5 {
    flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important;
  }
  .p-mk2_sv_card1 .pagelayer-col-holder,
  .p-mk2_sv_card2 .pagelayer-col-holder,
  .p-mk2_sv_card3 .pagelayer-col-holder,
  .p-mk2_sv_card4 .pagelayer-col-holder,
  .p-mk2_sv_card5 .pagelayer-col-holder {
    height: auto !important;
    margin: 0 0 12px !important;
  }
  .p-mk2_sv_r3b .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk2_sv_step1, .p-mk2_sv_step2, .p-mk2_sv_step3 {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }
  .p-mk2_sv_step1 .pagelayer-col-holder::after,
  .p-mk2_sv_step2 .pagelayer-col-holder::after { display: none !important; }
  .p-mk2_sv_r4 { padding: 48px 16px !important; }
}

/* ── 37. PÁGINA CONTATO (ID 37) ───────────────────────────────────── */

/* Fix pagelayer-width-{{width_content}} nas páginas internas */
.p-mk2_ct_r1 > .pagelayer-row-holder,
.p-mk2_ct_r3 > .pagelayer-row-holder,
.p-mk5_ct_r2 > .pagelayer-row-holder {
  max-width: 1170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Zero do row-holder */
.p-mk2_ct_r1 .pagelayer-row-holder,
.p-mk2_ct_r3 .pagelayer-row-holder,
.p-mk5_ct_r2 .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hero */
.p-mk2_ct_r1 {
  background: var(--mk-dark) !important;
  padding: 110px 20px 64px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--mk-border) !important;
  position: relative !important;
}
.p-mk2_ct_r1::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(168,169,173,0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_ct_c1 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_ct_r1 h1 {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 12px !important;
}
.p-mk2_ct_r1 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* ── Hub de Contatos (Row 2 novo: mk5_ct_r2) ── */
.p-mk5_ct_r2 {
  background: var(--mk-black) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 24px !important;
}
.p-mk5_ct_hub .pagelayer-col-holder,
.p-mk5_ct_frm .pagelayer-col-holder {
  padding: 0 20px !important;
}

/* H2 das colunas */
.p-mk5_ct_hhub h2,
.p-mk5_ct_hfrm h2 {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.3rem, 2.5vw, 1.65rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: var(--mk-white) !important;
  margin-bottom: 28px !important;
}

/* ── Grid de cartões do Hub ── */
.mk-hub-wrapper { width: 100%; }

.mk-hub-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mk-hub-card {
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border);
  border-radius: 10px;
  padding: 20px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-decoration: none !important;
  color: var(--mk-white) !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
  box-shadow: 0 4px 18px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.025);
  position: relative;
  cursor: default;
}
a.mk-hub-card { cursor: pointer; }

a.mk-hub-card:hover,
a.mk-hub-card:focus-visible {
  border-color: var(--mk-silver) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.65), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  transform: translateY(-3px);
  outline: none;
}

.mk-hub-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(168,169,173,0.07);
  border: 1px solid rgba(168,169,173,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mk-silver);
  flex-shrink: 0;
  transition: background 0.28s, border-color 0.28s;
}
a.mk-hub-card:hover .mk-hub-card-icon {
  background: rgba(168,169,173,0.14);
  border-color: rgba(168,169,173,0.25);
}

.mk-hub-card-title {
  font-family: var(--font-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  margin: 0 0 5px !important;
}

.mk-hub-card-text {
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  color: var(--mk-gray) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.mk-hub-card-arrow {
  position: absolute;
  top: 16px;
  right: 14px;
  color: rgba(168,169,173,0.25);
  font-size: 1.3rem;
  line-height: 1;
  transition: color 0.28s, transform 0.28s;
}
a.mk-hub-card:hover .mk-hub-card-arrow {
  color: var(--mk-silver);
  transform: translateX(3px);
}

/* Cartão de Urgência — destaque sutil */
.mk-hub-card--urgent {
  border-color: rgba(168,169,173,0.18) !important;
  background: linear-gradient(145deg, #1A1A1A 55%, #1d1b1b 100%) !important;
}
.mk-hub-card--urgent::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 10%, rgba(168,169,173,0.45) 50%, transparent 90%);
  border-radius: 10px 10px 0 0;
}

.mk-hub-card-badge {
  display: inline-block;
  font-family: var(--font-sans) !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--mk-silver) !important;
  background: rgba(168,169,173,0.08);
  border: 1px solid rgba(168,169,173,0.18);
  border-radius: 3px;
  padding: 3px 8px;
  align-self: flex-start;
  margin-top: 2px;
}

/* Cartão em destaque (WhatsApp) — full-width, horizontal */
.mk-hub-card--featured {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding: 22px 26px;
  border-color: rgba(168,169,173,0.22) !important;
  background: linear-gradient(145deg, #1d1d1d 60%, #222 100%) !important;
  position: relative;
}
.mk-hub-card--featured::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 8%, rgba(168,169,173,0.45) 50%, transparent 92%);
  border-radius: 10px 10px 0 0;
}
.mk-hub-card--featured .mk-hub-card-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}
.mk-hub-card--featured .mk-hub-card-body { flex: 1; }
.mk-hub-card--featured .mk-hub-card-text {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.01em !important;
}
.mk-hub-card--featured .mk-hub-card-arrow {
  position: relative;
  top: auto; right: auto;
  font-size: 1.6rem;
  flex-shrink: 0;
}
a.mk-hub-card--featured:hover .mk-hub-card-arrow { transform: translateX(4px); }

/* Cartão de endereço — full-width */
.mk-hub-card--static {
  grid-column: 1 / -1;
}

/* Cartão de Horário — meia largura, layout vertical */
.mk-hub-card--hours {
  grid-column: auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 18px 18px;
  border-color: rgba(168,169,173,0.1) !important;
}
.mk-hub-card--hours .mk-hub-card-title { margin-bottom: 3px !important; }
.mk-hub-card--hours .mk-hub-card-text {
  font-size: 0.82rem !important;
  letter-spacing: 0.01em !important;
}

/* ── Wrapper do formulário ── */
.mk-form-wrapper {
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border);
  border-radius: 10px;
  padding: 32px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.025);
}

.mk-form-intro {
  font-family: var(--font-sans);
  font-size: 0.87rem;
  color: var(--mk-gray-2);
  line-height: 1.7;
  margin-bottom: 22px;
}

#mk-contact-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.mk-form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mk-form-row { display: flex; flex-direction: column; }

.mk-field-label {
  display: block;
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--mk-gray-2);
  margin-bottom: 7px;
}

.mk-field-input {
  width: 100%;
  background: #111111 !important;
  border: 1px solid var(--mk-border-2) !important;
  border-radius: 6px !important;
  color: var(--mk-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.87rem !important;
  padding: 11px 14px !important;
  outline: none !important;
  transition: border-color 0.22s, box-shadow 0.22s !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}
.mk-field-input:focus {
  border-color: rgba(168,169,173,0.5) !important;
  box-shadow: 0 0 0 3px rgba(168,169,173,0.07) !important;
}
.mk-field-input::placeholder { color: rgba(153,153,153,0.45) !important; }

.mk-field-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A8A9AD' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 36px !important;
}
.mk-field-select option { background: #1A1A1A; color: var(--mk-white); }

.mk-form-privacy {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  color: rgba(153,153,153,0.5);
  line-height: 1.6;
  margin-bottom: 14px;
}

.mk-btn-full {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

/* CTA Final */
.p-mk2_ct_r3 {
  background: var(--mk-dark-2) !important;
  border-top: 1px solid var(--mk-border) !important;
  padding: 80px 20px !important;
  text-align: center !important;
  position: relative !important;
}
.p-mk2_ct_r3::before {
  content: '' !important;
  position: absolute; inset: 0 !important;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(168,169,173,0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.p-mk2_ct_c3 .pagelayer-col-holder { text-align: center !important; }
.p-mk2_ct_r3 h2 {
  font-size: clamp(1.7rem, 3vw, 2.8rem) !important;
  margin-bottom: 14px !important;
}
.p-mk2_ct_r3 p {
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 500px !important;
  margin: 0 auto 36px !important;
}
.p-mk2_ct_cta3 { text-align: center !important; }
.p-mk2_ct_cta3 a.pagelayer-btn-holder,
.p-mk2_ct_cta3 .pagelayer-btn-holder {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(168,169,173,0.18), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.p-mk2_ct_cta3 a.pagelayer-btn-holder:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(168,169,173,0.3) !important;
  color: var(--mk-black) !important;
}

/* Contato — responsivo */
@media (max-width: 900px) {
  .p-mk5_ct_r2 { padding: 48px 16px !important; }
  .p-mk5_ct_r2 .pagelayer-row-holder { flex-direction: column !important; }
  .p-mk5_ct_hub,
  .p-mk5_ct_frm { flex: 0 0 auto !important; width: 100% !important; }
  .p-mk5_ct_hub .pagelayer-col-holder { padding: 0 0 40px !important; }
  .p-mk5_ct_frm .pagelayer-col-holder { padding: 0 !important; }
}
@media (max-width: 768px) {
  .p-mk2_ct_r1 { padding: 90px 16px 48px !important; }
  .p-mk2_ct_r3 { padding: 48px 16px !important; }
  .mk-hub-cards { grid-template-columns: 1fr; }
  .mk-form-wrapper { padding: 22px 16px !important; }
  .mk-form-grid-2 { grid-template-columns: 1fr !important; }
}

/* ── 38. ACESSIBILIDADE — prefers-reduced-motion ─────────────── */
@media (prefers-reduced-motion: reduce) {
  .mk-reveal, .mk-reveal-left, .mk-reveal-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .marques-card,
  .mk-team-card,
  .mk-differential-card {
    transition: none !important;
  }
  .marques-card:hover,
  .mk-team-card:hover {
    transform: none !important;
  }
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ── 39. COOKIEADMIN — Dark theme override ───────────────────── */

/* Botão flutuante de re-consentimento (canto inferior esquerdo) */
button.cookieadmin_re_consent {
  background: #1A1A1A !important;
  border: 1px solid rgba(168, 169, 173, 0.5) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.6) !important;
  width: 44px !important;
  height: 44px !important;
  bottom: 28px !important;
  left: 28px !important;
  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s !important;
}
button.cookieadmin_re_consent:hover {
  background: #222222 !important;
  border-color: var(--mk-silver) !important;
  box-shadow: 0 4px 20px rgba(168, 169, 173, 0.25) !important;
}
button.cookieadmin_re_consent img {
  filter: invert(1) brightness(1) !important;
  width: 24px !important;
  height: 24px !important;
}

/* Banner de consentimento — dark */
.cookieadmin_law_container .cookieadmin_consent_inside {
  background: #0A0A0A !important;
  border-color: var(--mk-border-2) !important;
  border-radius: 8px !important;
  color: var(--mk-gray) !important;
}
.cookieadmin_law_container #cookieadmin_notice_title {
  color: var(--mk-white) !important;
  font-family: var(--font-serif) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
}
.cookieadmin_law_container #cookieadmin_notice {
  color: var(--mk-gray-2) !important;
  font-size: 0.8rem !important;
}

/* Botões do banner */
.cookieadmin_btn.cookieadmin_accept_btn {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border-color: transparent !important;
  font-weight: 600 !important;
}
.cookieadmin_btn.cookieadmin_reject_btn,
.cookieadmin_btn.cookieadmin_customize_btn {
  background: transparent !important;
  color: var(--mk-gray-2) !important;
  border-color: var(--mk-border-2) !important;
}
.cookieadmin_btn.cookieadmin_reject_btn:hover,
.cookieadmin_btn.cookieadmin_customize_btn:hover {
  color: var(--mk-white) !important;
  border-color: var(--mk-silver) !important;
}

/* Modal de preferências — dark */
.cookieadmin_cookie_modal {
  background: #0A0A0A !important;
  border-color: var(--mk-border-2) !important;
}
.cookieadmin_cookie_modal .cookieadmin_preference_title,
.cookieadmin_cookie_modal .stitle {
  color: var(--mk-white) !important;
}
.cookieadmin_cookie_modal .cookieadmin_desc,
.cookieadmin_cookie_modal p {
  color: var(--mk-gray-2) !important;
}
.cookieadmin_cookie_modal .cookieadmin_header {
  border-bottom-color: var(--mk-border) !important;
}
.cookieadmin_btn.cookieadmin_save_btn {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border-color: transparent !important;
  font-weight: 600 !important;
}

/* "Powered by" link */
.cookieadmin-poweredby a { color: var(--mk-gray-2) !important; font-size: 0.7rem !important; }

@media (max-width: 768px) {
  button.cookieadmin_re_consent {
    bottom: 20px !important;
    left: 20px !important;
    width: 40px !important;
    height: 40px !important;
  }
}

/* ── 40. BLOG — Hero, listagem e posts ───────────────────────── */

/* Hero do blog e arquivos de categoria */
body.blog .site-header-area,
body.archive .site-header-area,
body.search .site-header-area {
  display: none !important;
}

body.blog .site-content,
body.archive .site-content,
body.search .site-content {
  padding-top: 0 !important;
}

/* Hero sintético para blog/arquivo */
body.blog .content-area::before,
body.archive .content-area::before,
body.search .content-area::before {
  content: '';
  display: block;
  width: 100%;
  height: 320px;
  background: radial-gradient(ellipse at 50% 60%, #0d0d0d 0%, #000000 100%);
  position: relative;
}

.mk-blog-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 100px 20px 60px;
  background: radial-gradient(ellipse at 50% 60%, #0d0d0d 0%, #000000 100%);
  position: relative;
  overflow: hidden;
}
.mk-blog-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 40% at 50% 110%, rgba(168,169,173,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.mk-blog-hero h1 {
  font-family: var(--font-serif) !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  font-weight: 700 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 16px !important;
}
.mk-blog-hero p {
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  color: var(--mk-gray-2) !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  line-height: 1.7 !important;
}

/* Injeta hero via PHP — classe adicionada via wp_action */
body.blog .ast-container > *:first-child,
body.archive .ast-container > *:first-child {
  margin-top: 0 !important;
}

/* Área de conteúdo do blog — dark background */
body.blog,
body.archive,
body.single.single-post {
  background: var(--mk-black) !important;
}

body.blog .site-content,
body.archive .site-content,
body.single.single-post .site-content {
  background: var(--mk-black) !important;
}

body.blog .ast-container,
body.archive .ast-container,
body.single.single-post .ast-container {
  max-width: 1170px !important;
  padding: 0 20px !important;
}

/* Grid de posts — ocupa largura completa quando há poucos posts */
body.blog #primary,
body.archive #primary {
  width: 100% !important;
  float: none !important;
}

body.blog #secondary,
body.archive #secondary {
  display: none !important;
}

/* Cards de post individuais */
body.blog article.type-post,
body.archive article.type-post {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: 4px !important;
  margin-bottom: 32px !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
  overflow: hidden !important;
}
body.blog article.type-post:hover,
body.archive article.type-post:hover {
  border-color: rgba(168, 169, 173, 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

/* Thumbnail do post */
body.blog .ast-blog-featured-section,
body.archive .ast-blog-featured-section {
  overflow: hidden !important;
}
body.blog .ast-blog-featured-section img,
body.archive .ast-blog-featured-section img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}
body.blog article.type-post:hover .ast-blog-featured-section img,
body.archive article.type-post:hover .ast-blog-featured-section img {
  transform: scale(1.04) !important;
}

/* Conteúdo do card */
body.blog .ast-blog-summary-wrap,
body.archive .ast-blog-summary-wrap {
  padding: 28px 32px 32px !important;
}

/* Categoria e meta */
body.blog .ast-tags-meta a,
body.archive .ast-tags-meta a,
body.blog .entry-meta a,
body.archive .entry-meta a,
body.blog .cat-links a,
body.archive .cat-links a {
  color: var(--mk-silver) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.blog .entry-meta,
body.archive .entry-meta {
  color: var(--mk-gray-2) !important;
  font-size: 0.78rem !important;
  margin-bottom: 12px !important;
}
body.blog .posted-on a,
body.archive .posted-on a {
  color: var(--mk-gray-2) !important;
  text-decoration: none !important;
}

/* Título do post no card */
body.blog h2.entry-title,
body.archive h2.entry-title {
  font-family: var(--font-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 12px !important;
  line-height: 1.35 !important;
}
body.blog h2.entry-title a,
body.archive h2.entry-title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
body.blog h2.entry-title a:hover,
body.archive h2.entry-title a:hover {
  color: var(--mk-silver) !important;
}

/* Excerpt */
body.blog .ast-excerpt,
body.archive .ast-excerpt,
body.blog .entry-content p,
body.archive .entry-content p {
  color: var(--mk-gray) !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
}

/* Botão "Leia Mais" */
body.blog .more-link,
body.archive .more-link,
body.blog .ast-read-more,
body.archive .ast-read-more {
  display: inline-block !important;
  margin-top: 16px !important;
  padding: 10px 24px !important;
  background: transparent !important;
  border: 1px solid rgba(168, 169, 173, 0.5) !important;
  border-radius: 2px !important;
  color: var(--mk-silver) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.3s, border-color 0.3s, color 0.3s !important;
}
body.blog .more-link:hover,
body.archive .more-link:hover,
body.blog .ast-read-more:hover,
body.archive .ast-read-more:hover {
  background: var(--mk-silver-gradient) !important;
  border-color: transparent !important;
  color: var(--mk-black) !important;
}

/* Paginação */
body.blog .ast-pagination,
body.archive .ast-pagination,
body.blog .page-numbers,
body.archive .page-numbers {
  color: var(--mk-gray-2) !important;
  background: transparent !important;
  border-color: var(--mk-border-2) !important;
}
body.blog .page-numbers.current,
body.archive .page-numbers.current {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  border-color: transparent !important;
}

/* ── 40b. BLOG — PageLayer archive_posts widget (.pagelayer-wposts-*) ── */

/* Container sem fundo */
.pagelayer-posts-container {
  background: transparent !important;
}

/* Card */
.pagelayer-wposts-col {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s !important;
}
.pagelayer-wposts-col:hover {
  border-color: rgba(168, 169, 173, 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
  transform: translateY(-3px) !important;
}

/* Thumbnail */
.pagelayer-wposts-featured {
  overflow: hidden !important;
}
.pagelayer-wposts-thumb {
  background-size: cover !important;
  background-position: center !important;
  height: 220px !important;
  transition: transform 0.5s ease !important;
}
.pagelayer-wposts-col:hover .pagelayer-wposts-thumb {
  transform: scale(1.04) !important;
}

/* Área de texto do card */
.pagelayer-wposts-content {
  padding: 24px 28px 28px !important;
  background: transparent !important;
}

/* Título */
.pagelayer-wposts-title {
  font-family: var(--font-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: var(--mk-white) !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
  transition: color 0.2s !important;
}
.pagelayer-wposts-col:hover .pagelayer-wposts-title {
  color: var(--mk-silver) !important;
}

/* Meta / data */
.pagelayer-wposts-meta,
.pagelayer-wposts-date,
.pagelayer-wposts-entry-date,
.pagelayer-wposts-meta .date-d,
.pagelayer-wposts-meta .date-my {
  color: var(--mk-gray-2) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.75rem !important;
}
.pagelayer-wposts-meta {
  margin-bottom: 8px !important;
}

/* Excerpt */
.pagelayer-wposts-excerpt {
  color: var(--mk-gray) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
}

/* Botão "Leia Mais" */
a.pagelayer-wposts-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  padding: 8px 20px !important;
  background: transparent !important;
  border: 1px solid rgba(168, 169, 173, 0.5) !important;
  border-radius: 2px !important;
  color: var(--mk-silver) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.3s, border-color 0.3s, color 0.3s !important;
}
a.pagelayer-wposts-more:hover {
  background: var(--mk-silver-gradient) !important;
  border-color: transparent !important;
  color: var(--mk-black) !important;
}

/* ── Single post ── */
body.single.single-post .entry-header {
  padding: 100px 20px 60px !important;
  background: radial-gradient(ellipse at 50% 60%, #0d0d0d 0%, #000000 100%) !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}
body.single.single-post h1.entry-title {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  font-weight: 700 !important;
  color: var(--mk-white) !important;
  letter-spacing: 0.04em !important;
  max-width: 800px !important;
  margin: 0 auto 20px !important;
  line-height: 1.25 !important;
}
body.single.single-post .entry-meta {
  color: var(--mk-gray-2) !important;
  font-size: 0.8rem !important;
}
body.single.single-post .entry-meta a {
  color: var(--mk-silver) !important;
  text-decoration: none !important;
}
body.single.single-post .entry-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 48px 20px 64px !important;
  color: var(--mk-gray) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}
body.single.single-post .entry-content h2,
body.single.single-post .entry-content h3 {
  font-family: var(--font-serif) !important;
  color: var(--mk-white) !important;
  margin-top: 2em !important;
}
body.single.single-post .entry-content a {
  color: var(--mk-silver) !important;
}
body.single.single-post .entry-content blockquote {
  border-left: 3px solid var(--mk-silver) !important;
  background: var(--mk-dark-3) !important;
  padding: 20px 24px !important;
  margin: 2em 0 !important;
  color: var(--mk-gray) !important;
  border-radius: 0 4px 4px 0 !important;
}
body.single.single-post .ast-post-navigation {
  border-top: 1px solid var(--mk-border) !important;
  padding-top: 32px !important;
  margin-top: 32px !important;
}
body.single.single-post .ast-post-navigation a {
  color: var(--mk-silver) !important;
  text-decoration: none !important;
}

/* Mensagem "sem posts" */
body.blog .no-results,
body.archive .no-results {
  text-align: center !important;
  padding: 80px 20px !important;
  color: var(--mk-gray-2) !important;
}
body.blog .no-results .page-title,
body.archive .no-results .page-title {
  font-family: var(--font-serif) !important;
  color: var(--mk-white) !important;
  font-size: 1.6rem !important;
}

/* Blog template PageLayer ID overrides — zera padding padrão do row-holder */
.p-m4k2309 > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-m4k2309 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-eiu8666 > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-eiu8666 {
  padding: 24px 20px 48px !important;
}

/* Área de hero via PHP injection (adicionado pelo wp_action body_class) */
.mk-blog-hero-bar {
  background: radial-gradient(ellipse at 50% 60%, #0d0d0d 0%, #000000 100%);
  text-align: center;
  padding: 160px 20px 80px;
  position: relative;
  overflow: hidden;
}
/* Compensa admin bar de 32px presente no dev/back-end */
body.admin-bar .mk-blog-hero-bar {
  padding-top: 196px;
}
.mk-blog-hero-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 40% at 50% 110%, rgba(168,169,173,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.mk-blog-hero-bar h1 {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 700;
  color: var(--mk-white);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 16px;
  position: relative;
}
.mk-blog-hero-bar p {
  font-family: var(--font-sans);
  font-size: 1rem;
  color: var(--mk-gray-2);
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.7;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  body.blog article.type-post,
  body.archive article.type-post {
    margin-bottom: 20px !important;
  }
  .mk-blog-hero-bar {
    padding: 130px 20px 56px;
  }
  .mk-blog-hero-bar h1 {
    font-size: 1.8rem;
  }
  body.single.single-post .entry-header {
    padding: 80px 20px 48px !important;
  }
}

/* ── 41. BLOG — CTA de post, newsletter, hub de contatos, recent posts ─ */

/* CTA ao final de cada post */
.mk-post-cta {
  background: var(--mk-dark-3);
  border: 1px solid rgba(168, 169, 173, 0.25);
  border-left: 3px solid var(--mk-silver);
  border-radius: 4px;
  padding: 32px 36px;
  margin: 52px 0 36px;
  text-align: center;
}
.mk-post-cta p {
  font-family: var(--font-sans);
  font-size: 1rem;
  color: var(--mk-gray);
  margin-bottom: 24px;
  line-height: 1.7;
}
.mk-post-cta .mk-btn {
  display: inline-block;
  padding: 14px 32px;
  background: var(--mk-silver-gradient);
  color: var(--mk-black);
  font-family: var(--font-sans);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  transition: opacity 0.25s;
}
.mk-post-cta .mk-btn:hover { opacity: 0.85; }

/* Referência da entrevista dentro do post */
.mk-interview-ref {
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border);
  border-radius: 4px;
  padding: 20px 24px;
  margin: 32px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.mk-interview-ref .mk-interview-label {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mk-silver);
  white-space: nowrap;
}
.mk-interview-ref a {
  color: var(--mk-gray);
  font-size: 0.9rem;
  text-decoration: none;
  transition: color 0.2s;
}
.mk-interview-ref a:hover { color: var(--mk-silver); }

/* ── Newsletter form (blog + homepage) ── */
.mk-newsletter-form {
  display: flex;
  gap: 8px;
  max-width: 460px;
  margin: 0 auto;
}
.mk-newsletter-form input[type="email"] {
  flex: 1;
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border-2);
  color: var(--mk-white);
  font-family: var(--font-sans);
  font-size: 0.9rem;
  padding: 13px 16px;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.mk-newsletter-form input[type="email"]:focus {
  border-color: var(--mk-silver);
}
.mk-newsletter-form input[type="email"]::placeholder {
  color: var(--mk-gray-2);
}
.mk-newsletter-form button {
  background: var(--mk-silver-gradient);
  color: var(--mk-black);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 13px 24px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.25s;
}
.mk-newsletter-form button:hover { opacity: 0.85; }
.mk-newsletter-feedback {
  margin-top: 12px;
  font-size: 0.82rem;
  font-family: var(--font-sans);
  text-align: center;
}
.mk-newsletter-feedback.success { color: #6fcf97; }
.mk-newsletter-feedback.error   { color: #eb5757; }
.mk-newsletter-disclaimer {
  font-size: 0.72rem;
  color: var(--mk-gray-2);
  margin-top: 10px;
  text-align: center;
  font-family: var(--font-sans);
}

/* ── Blog — hub de contatos + newsletter (injetado antes do footer) ── */
.mk-blog-hub {
  background: var(--mk-dark);
  padding: 72px 20px 80px;
  text-align: center;
}
.mk-blog-hub-inner {
  max-width: 960px;
  margin: 0 auto;
}
.mk-blog-hub-eyebrow {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--mk-silver);
  margin-bottom: 12px;
  display: block;
}
.mk-blog-hub-title {
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  color: var(--mk-white);
  letter-spacing: 0.04em;
  margin: 0 0 48px;
}
.mk-blog-hub-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  text-align: left;
}
.mk-blog-hub-block {
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border);
  border-radius: 4px;
  padding: 32px;
}
.mk-blog-hub-block h3 {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--mk-white);
  letter-spacing: 0.04em;
  margin: 0 0 20px;
}
.mk-contact-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mk-contact-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(168, 169, 173, 0.05);
  border: 1px solid var(--mk-border);
  border-radius: 3px;
  color: var(--mk-gray);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  text-decoration: none;
  transition: border-color 0.3s, background 0.3s;
}
.mk-contact-card:hover {
  border-color: rgba(168, 169, 173, 0.4);
  background: rgba(168, 169, 173, 0.08);
  color: var(--mk-white);
}
.mk-contact-card-icon {
  font-size: 1.2rem;
  flex-shrink: 0;
}
.mk-contact-card-info { display: flex; flex-direction: column; gap: 2px; }
.mk-contact-card-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mk-silver);
}
.mk-contact-card-value { color: var(--mk-gray); font-size: 0.88rem; }

/* ── Homepage — seção de posts recentes ── */
.mk-recent-posts-section {
  background: var(--mk-dark-2);
  padding: 80px 20px;
  text-align: center;
}
.mk-recent-posts-inner {
  max-width: 1170px;
  margin: 0 auto;
}
.mk-recent-posts-section .mk-eyebrow {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--mk-silver);
  display: block;
  margin-bottom: 12px;
}
.mk-recent-posts-section h2 {
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  color: var(--mk-white);
  letter-spacing: 0.04em;
  margin: 0 0 40px;
}
.mk-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
  text-align: left;
}
.mk-post-card {
  background: var(--mk-dark-3);
  border: 1px solid var(--mk-border);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.mk-post-card:hover {
  border-color: rgba(168, 169, 173, 0.4);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  transform: translateY(-3px);
}
.mk-post-card-thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  background: var(--mk-dark-4);
}
.mk-post-card-thumb-placeholder {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, var(--mk-dark-4) 0%, var(--mk-dark-3) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  opacity: 0.4;
}
.mk-post-card-body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mk-post-card-title {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--mk-white);
  letter-spacing: 0.02em;
  margin: 0 0 12px;
  line-height: 1.35;
  text-decoration: none;
  display: block;
  transition: color 0.2s;
}
.mk-post-card-title:hover { color: var(--mk-silver); }
.mk-post-card-excerpt {
  font-family: var(--font-sans);
  font-size: 0.85rem;
  color: var(--mk-gray-2);
  line-height: 1.6;
  flex: 1;
  margin-bottom: 20px;
}
.mk-post-card-link {
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mk-silver);
  text-decoration: none;
  transition: opacity 0.2s;
}
.mk-post-card-link:hover { opacity: 0.7; }

/* Botão "Ver Blog Completo" */
.mk-blog-all-btn {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid rgba(168, 169, 173, 0.5);
  border-radius: 2px;
  color: var(--mk-silver);
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
  margin-bottom: 56px;
}
.mk-blog-all-btn:hover {
  background: var(--mk-silver-gradient);
  border-color: transparent;
  color: var(--mk-black);
}

/* Newsletter na homepage */
.mk-home-newsletter {
  max-width: 520px;
  margin: 0 auto;
}
.mk-home-newsletter h3 {
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--mk-white);
  letter-spacing: 0.04em;
  margin: 0 0 8px;
}
.mk-home-newsletter p {
  font-family: var(--font-sans);
  font-size: 0.85rem;
  color: var(--mk-gray-2);
  margin-bottom: 20px;
}

/* Responsivo */
@media (max-width: 900px) {
  .mk-posts-grid { grid-template-columns: 1fr 1fr; }
  .mk-blog-hub-cols { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .mk-posts-grid { grid-template-columns: 1fr; }
  .mk-newsletter-form { flex-direction: column; }
  .mk-newsletter-form button { width: 100%; }
  .mk-recent-posts-section { padding: 60px 20px; }
  .mk-blog-hub { padding: 52px 20px 60px; }
}

/* ── 42. RODAPÉ — Copyright com bordas arredondadas ─────────────── */

/* Inset lateral do copyright bar para visual flutuante */
.p-2h36294 {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
  margin: 0 24px !important;
  border-top: none !important;
}
/* Garante que o footer principal não tenha margem lateral */
.p-2ki5913 { margin-left: 0 !important; margin-right: 0 !important; }
/* Ajuste do pagelayer-footer para acomodar o inset */
.pagelayer-footer {
  padding-bottom: 0 !important;
  overflow: visible !important;
}

/* ── Seção 43 — Remove botões de compartilhamento (sem Facebook/Twitter) ── */
.pagelayer-share_grp { display: none !important; }

/* ── Seção 43b — Copyright: bordas arredondadas em todos os lados ── */
.p-2h36294 {
  border-radius: 12px !important;
  margin: 0 24px 20px !important;
}

/* ── Seção 43c — CTA de post: cor legível + sem quebra de linha ── */
/* Especificidade elevada para superar body.single.single-post .entry-content a */
body.single-post .entry-content .mk-post-cta a.mk-btn,
body.single-post .entry-content .mk-post-cta a.mk-btn:visited,
body.single-post .entry-content .mk-post-cta a.mk-btn:link {
  color: #000000 !important;
  white-space: nowrap !important;
}

/* ── Seção 43d — Post individual: remover excesso de espaço PageLayer ── */
/* Outer rows */
.single-post .p-bdr9414 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.single-post .p-bdr9414 > .pagelayer-row-holder {
  padding-top: 32px !important;
  padding-bottom: 0 !important;
}
.single-post .p-kf35301 > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Inner rows: zerar o padding padrão de 109px do PageLayer */
.single-post .pagelayer-inner_row > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Separação razoável entre seções do post */
.single-post .p-f8n3612 { margin-bottom: 8px !important; }
.single-post .p-wl6689  { margin-bottom: 0 !important; }
.single-post .p-zqp4850 { margin-top: 16px !important; margin-bottom: 8px !important; }
/* Entrada de conteúdo — mobile: remover margens laterais do Astra narrow */
@media (max-width: 900px) {
  .single-post .entry-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
}

/* ── Seção 44 — Área de comentários dark mode ── */
.comments-area {
  background: var(--mk-dark) !important;
  padding: 48px 40px !important;
  margin-top: 0 !important;
  border-top: 1px solid var(--mk-border) !important;
}
.comments-area .comments-title,
.comments-area #reply-title {
  font-family: var(--font-serif) !important;
  color: var(--mk-white) !important;
  font-size: 1.35rem !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 28px !important;
}
.comments-area .comment-author .fn,
.comments-area .comment-metadata a,
.comments-area .comment-metadata time {
  color: var(--mk-gray-2) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.82rem !important;
}
.comments-area .comment-content p {
  color: var(--mk-gray) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}
.comments-area article.comment {
  border-bottom: 1px solid var(--mk-border) !important;
  padding-bottom: 24px !important;
  margin-bottom: 24px !important;
}
/* Form */
.comment-form label {
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--mk-gray-2) !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
#comment {
  background: var(--mk-dark-3) !important;
  border: 1px solid var(--mk-border-2) !important;
  color: var(--mk-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  padding: 12px 16px !important;
  border-radius: 2px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s !important;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus,
#comment:focus {
  border-color: rgba(168,169,173,0.45) !important;
  outline: none !important;
}
.comment-form input[type="text"]::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form textarea::placeholder {
  color: var(--mk-gray-2) !important;
}
#submit {
  background: var(--mk-silver-gradient) !important;
  color: var(--mk-black) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 13px 32px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  transition: opacity 0.25s !important;
}
#submit:hover { opacity: 0.85 !important; }
.comment-form .logged-in-as,
.comment-form .comment-notes {
  color: var(--mk-gray-2) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.82rem !important;
}
.comment-form .logged-in-as a { color: var(--mk-silver) !important; }

/* ============================================================
   Seção 45 — Formulário de Contato — feedback de envio
   ============================================================ */
.mk-form-response {
  padding: 12px 16px;
  border-radius: 8px;
  font-family: var(--font-sans);
  font-size: 0.88rem;
  line-height: 1.5;
  margin-top: 14px;
  display: none;
}
.mk-form-response.mk-success,
.mk-form-response.mk-error {
  display: block;
}
.mk-form-response.mk-success {
  background: rgba(168,169,173,0.1);
  color: var(--mk-silver);
  border: 1px solid rgba(168,169,173,0.35);
}
.mk-form-response.mk-error {
  background: rgba(180,50,50,0.1);
  color: #e07070;
  border: 1px solid rgba(180,50,50,0.35);
}

/* Botão submit do formulário de contato — estado disabled */
#mk-contact-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ============================================================
   Seção 46 — Botões de navegação (homepage + páginas internas)
   ============================================================ */
/* Padding das rows de botão */
.p-mk_rbtn_svc > .pagelayer-row-holder,
.p-mk_rbtn_team > .pagelayer-row-holder,
.p-mk_rbtn_blog > .pagelayer-row-holder,
.p-mk_rbtn_ab > .pagelayer-row-holder,
.p-mk_rbtn_sv > .pagelayer-row-holder {
  padding-top: 0 !important;
  padding-bottom: 52px !important;
  max-width: 1170px !important;
  margin: auto !important;
}
/* Centralizar os botões */
.p-mk_btn_svc,
.p-mk_btn_team,
.p-mk_btn_blog,
.p-mk_btn_ab,
.p-mk_btn_sv {
  text-align: center !important;
}