.elementor-kit-6{--e-global-color-primary:#2F6F72;--e-global-color-secondary:#6E7471;--e-global-color-text:#1D1F1E;--e-global-color-accent:#24585B;--e-global-color-39236e0:#F8F8F4;--e-global-color-8705345:#FFFFFF;--e-global-color-bc1dcba:#FCFCFA;--e-global-color-6216d5a:#F1F3F1;--e-global-color-eef41ad:#E7ECEA;--e-global-color-a3e2a6d:#E8F2F1;--e-global-color-ccc6eea:#C0D5D5;--e-global-color-af55a2b:#8FBABA;--e-global-color-cef081e:#24585B;--e-global-color-74d91e9:#1B4446;--e-global-typography-text-font-weight:400;background-color:var( --e-global-color-39236e0 );color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in-down;--e-page-transition-animation-duration:1500ms;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-8705345 );border-style:none;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-39236e0 );}.elementor-kit-6 p{margin-block-end:25px;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-text );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:56px;font-style:italic;}.elementor-kit-6 h2{font-family:"Instrument Sans", Sans-serif;font-size:36px;font-weight:400;}.elementor-kit-6 h3{font-size:23px;font-weight:600;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:#2F6F72;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-8705345 );border-radius:20px 20px 20px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
   Carolina Werle · Design System  */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600&display=swap');

/* ── TOKENS (design-system-carolina-werle-teal.html) ───────── */
:root {
  --cw-bg:        #F8F8F4;  --cw-surface:   #FFFFFF;
  --cw-surface-2: #FCFCFA;  --cw-offset:    #F1F3F1;
  --cw-divider:   #D7DCD9;  --cw-border:    #C9D1CE;
  --cw-text:      #1D1F1E;  --cw-muted:     #6E7471;
  --cw-faint:     #A6AFAB;  --cw-inverse:   #FAFAF7;
  --cw-primary:   #2F6F72;  --cw-pri-h:     #24585B;
  --cw-pri-act:   #1B4446;  --cw-pri-light: #E8F2F1;
  --cw-pri-mid:   #BFD6D5;
  --cw-display: 'Instrument Serif', Georgia, serif;
  --cw-body:    'Geist', 'Helvetica Neue', sans-serif;
  /* escala de tamanho (design system) */
  --cw-xs:   clamp(0.6875rem, 0.65rem + 0.2vw,  0.8125rem);
  --cw-sm:   clamp(0.8125rem, 0.77rem + 0.25vw, 0.9375rem);
  --cw-base: clamp(0.9375rem, 0.9rem  + 0.2vw,  1.0625rem);
  --cw-lg:   clamp(1.125rem,  1rem    + 0.6vw,  1.4375rem);
  --cw-xl:   clamp(1.5rem,    1.2rem  + 1.25vw, 2.25rem);
  --cw-2xl:  clamp(2rem,      1.2rem  + 2.5vw,  3.5rem);
  --cw-3xl:  clamp(2.75rem,   1rem    + 5vw,    6rem);
  /* raios */
  --cw-r1:.25rem; --cw-r2:.5rem; --cw-r3:.75rem; --cw-r4:1rem; --cw-rpill:9999px;
  /* sombras */
  --cw-sh1: 0 1px 2px rgba(29,31,30,.05);
  --cw-sh2: 0 2px 8px rgba(29,31,30,.06), 0 1px 2px rgba(29,31,30,.04);
  --cw-sh3: 0 8px 32px rgba(29,31,30,.08), 0 2px 6px rgba(29,31,30,.04);
  --cw-t:   180ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── BASE ───────────────────────────────────────────────────── */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }

body, .e-con, .e-con-inner,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: var(--cw-body) !important;
  /* FIX v6: weight 400 (Regular) como padrão — 300 era fino demais para leitura */
  font-weight: 400 !important;
  color: var(--cw-text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
body h1, body h2, body h3,
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--cw-display) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
}

/* ── HEADER sticky blur ─────────────────────────────────────── */
#site-header.e-con {
  position: sticky !important;
  top: 0; z-index: 20;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(248,248,244,.9) !important;
  border-bottom: 1px solid var(--cw-divider) !important;
}
.cw-brand .elementor-heading-title {
  font-family: var(--cw-display) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
}
.cw-nav .elementor-nav-menu a {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-sm) !important;
  color: var(--cw-muted) !important;
  transition: color var(--cw-t);
}
.cw-nav .elementor-nav-menu a:hover { color: var(--cw-text) !important; }

/* ── EYEBROW (hero-eyebrow) ─────────────────────────────────── */
.cw-eyebrow .elementor-heading-title {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-xs) !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--cw-primary) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}
.cw-eyebrow .elementor-heading-title::before {
  content: '';
  display: block;
  width: 20px; height: 1px;
  background: var(--cw-primary);
  flex-shrink: 0;
}

/* ── KICKER ─────────────────────────────────────────────────── */
.cw-kicker .elementor-heading-title {
  font-family: var(--cw-body) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--cw-faint) !important;
}

/* ── CARDS (.card do design system) ────────────────────────── */
.cw-card.e-con {
  background: var(--cw-surface) !important;
  border: 1px solid var(--cw-divider) !important;
  border-radius: var(--cw-r4) !important;   /* 1rem = 16px */
  box-shadow: var(--cw-sh2) !important;
  transition: box-shadow var(--cw-t), transform var(--cw-t) !important;
}
.cw-card.e-con:hover {
  box-shadow: var(--cw-sh3) !important;
  transform: translateY(-1px) !important;
}

/* ── CARD-LABEL (.card-label::before linha) ─────────────────── */
.cw-card-label .elementor-heading-title {
  font-family: var(--cw-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: var(--cw-primary) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.cw-card-label .elementor-heading-title::before {
  content: '';
  display: block;
  width: 16px; height: 1px;
  background: var(--cw-primary);
  flex-shrink: 0;
}

/* ── HERO CARD (gradiente teal canto direito) ───────────────── */
.cw-hero-card.e-con {
  position: relative;
  overflow: hidden !important;
}
.cw-hero-card.e-con::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 35%;
  background: linear-gradient(180deg in oklch, var(--cw-pri-light) 0%, transparent 100%);
  opacity: .6;
  pointer-events: none;
}

.cw-res-card.e-con::after {
  content: none !important;
  display: none !important;
}
/* Card hero hero-h1 em itálico primary */
.cw-hero-card h1 em, .cw-hero-card .elementor-heading-title em {
  font-style: italic !important;
  color: var(--cw-primary) !important;
}

/* ── PORTRAIT PANEL ─────────────────────────────────────────── */
.cw-portrait-panel.e-con { overflow: hidden !important; }
.cw-portrait-panel.e-con > .e-con-inner > .elementor-widget-image,
.cw-portrait-img img {
  width: 100% !important;
  aspect-ratio: 4/5 !important;
  object-fit: cover !important;
  display: block !important;
}

/* ── BOTÕES ─────────────────────────────────────────────────── */
.cw-btn.elementor-button,
.cw-btn .elementor-button {
  font-family: var(--cw-body) !important;
  font-weight: 500 !important;
  font-size: var(--cw-sm) !important;
  letter-spacing: .01em !important;
  border-radius: var(--cw-r2) !important;
  transition: all var(--cw-t) !important;
}
.cw-btn-sage.elementor-button { background: var(--cw-primary) !important; color: #fff !important; border-color: var(--cw-primary) !important; }
.cw-btn-sage.elementor-button:hover { background: var(--cw-pri-h) !important; border-color: var(--cw-pri-h) !important; box-shadow: 0 4px 12px rgba(47,111,114,.25) !important; }
.cw-btn-dark.elementor-button { background: var(--cw-text) !important; color: var(--cw-inverse) !important; border-color: var(--cw-text) !important; }
.cw-btn-dark.elementor-button:hover { background: #3A3834 !important; }
.cw-btn-outline.elementor-button { background: transparent !important; color: var(--cw-text) !important; border-color: var(--cw-border) !important; }
.cw-btn-outline.elementor-button:hover { border-color: var(--cw-muted) !important; background: var(--cw-offset) !important; }

/* ── CHIPS ──────────────────────────────────────────────────── */
.cw-chips .cw-chip {
  display: inline-block;
  border: 1px solid var(--cw-border);
  border-radius: var(--cw-rpill);
  padding: .375rem .875rem;
  font-family: var(--cw-body);
  font-size: var(--cw-xs);
  font-weight: 500;
  color: var(--cw-muted);
  background: var(--cw-surface-2);
  margin: 0 .5rem .5rem 0;
}

/* ── PULLQUOTE ──────────────────────────────────────────────── */
.cw-pullquote.e-con {
  border-left: 2px solid var(--cw-primary) !important;
  border-top: none !important; border-right: none !important; border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 0 24px !important;
  background: transparent !important;
}
.cw-pq-p-wrap p, .cw-pq-p-wrap .elementor-text-editor {
  font-family: var(--cw-display) !important;
  font-size: var(--cw-xl) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--cw-text) !important;
  line-height: 1.3 !important;
  max-width: 52ch;
}
.cw-pq-cite-wrap cite, .cw-pq-cite-wrap .elementor-text-editor {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-xs) !important;
  font-style: normal !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--cw-faint) !important;
}

/* ── RESEARCH: card principal — fundo branco (surface)
   NOTA: gradiente teal via ::after está disponível em .cw-hero-card,
   mas NÃO aplicado aqui intencionalmente. Os cards research usam
   apenas surface (#FFFFFF) com border e shadow do design system.
   Para reativar o gradiente, adicione a classe cw-hero-card ao card.
   ─────────────────────────────────────────────────────────────── */
/* .cw-res-main.e-con { background: var(--cw-pri-light) !important; } */

/* ── PUBLICATIONS ───────────────────────────────────────────── */
.cw-pub-list { border-top: 1px solid var(--cw-divider); }
.cw-pub-item { padding: 1.5rem 0; border-bottom: 1px solid var(--cw-divider); }
.cw-pub-meta {
  font-family: var(--cw-body); font-size: 9px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--cw-primary); margin-bottom: .5rem;
}
.cw-pub-title {
  font-family: var(--cw-display) !important;
  font-size: clamp(1.375rem, 1.8vw, 1.875rem) !important;
  font-weight: 400 !important; line-height: 1.1 !important;
  letter-spacing: -0.015em !important; color: var(--cw-text) !important; margin: 0 0 .625rem 0 !important;
}
.cw-pub-body { font-family: var(--cw-body); font-size: var(--cw-sm); /* FIX v6: weight 300→400 para melhor legibilidade no corpo */ font-weight: 400; color: var(--cw-muted); line-height: 1.7; }

/* ── SIDEBAR CARDS ──────────────────────────────────────────── */
.cw-sidebar-card.e-con .cw-list { margin: 0 !important; padding-left: 1.125rem !important; color: var(--cw-muted); }
.cw-sidebar-card.e-con .cw-list li { font-size: var(--cw-sm); margin-bottom: .375rem; }

/* ── TEACHING CARDS ─────────────────────────────────────────── */
.cw-teach-card.e-con { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
.cw-tlbl p { font-family: var(--cw-body) !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--cw-faint) !important; }

/* ── RESPONSIVO ─────────────────────────────────────────────── */
@media (max-width:1024px) {
  #hero-card.e-con, #hero-portrait.e-con { width: 100% !important; }
  #hero-portrait.e-con { order: -1; }
  [id^="cw-about"] > .e-con, [id^="cw-research"] > .e-con,
  [id^="cw-publications"] > .e-con, [id^="cw-teaching"] > .e-con { width: 100% !important; }
  #rc1.e-con, #rc-stack.e-con { width: 100% !important; }
  #pub-main.e-con, #pub-side.e-con { width: 100% !important; padding-right: 0 !important; }
  .cw-teach-card.e-con { width: 100% !important; }
}
@media (max-width:720px) {
  .cw-nav { display: none !important; }
  .cw-hero-card.e-con::after { display: none !important; }
  #hero-card.e-con { padding: 40px 28px !important; }
}

/* ── DARK MODE ──────────────────────────────────────────────── */
[data-theme="dark"] {
  --cw-bg:#151816; --cw-surface:#1B1F1D; --cw-surface-2:#202422;
  --cw-divider:#2A312F; --cw-border:#36403D;
  --cw-text:#E7ECE9; --cw-muted:#88918E; --cw-faint:#5B6662;
  --cw-primary:#6DA8AA; --cw-pri-h:#4D8385; --cw-pri-light:#1A2A2B; --cw-pri-mid:#2A4345;
  --cw-sh2: 0 2px 8px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.15);
  --cw-sh3: 0 8px 32px rgba(0,0,0,.32), 0 2px 6px rgba(0,0,0,.2);
}


/* ══════════════════════════════════════════════════════════════
   RESEARCH CARDS — imagens (v4)
   ════════════════════════════════════════════════════════════ */

/* ── Card principal: imagem full-width topo, texto abaixo ─── */
.cw-res-main.e-con {
  /* FIX v4→v5: fundo único surface (#FFFFFF) — sem pri-light conflitante.
     position:relative isola o ::after de filhos e evita vazamento de gradiente. */
  background: var(--cw-surface) !important;
  overflow: hidden !important;
  position: relative !important;
}
.cw-res-img-main {
  width: 100% !important;
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center !important;
  /* leve escurecimento para enriquecer a imagem */
  filter: saturate(.88) contrast(1.04) !important;
}

/* ── Cards laterais: imagem 40% left, texto 60% right ──────── */
.cw-res-side.e-con {
  flex-direction: row !important;
  align-items: stretch !important;
  overflow: hidden !important;
}
.cw-res-img-col.e-con {
  width: 40% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
.cw-res-img-side {
  width: 100% !important;
  height: 100% !important;
  min-height: 180px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.88) contrast(1.04) !important;
}

/* Garantir que o widget de imagem preencha o container */
.cw-res-img-col .elementor-widget-image,
.cw-res-img-col .elementor-widget-image a,
.cw-res-img-col .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

/* ── Hover: sh3 + translateY nos 3 cards ───────────────────── */
.cw-res-card.e-con { transition: box-shadow var(--cw-t), transform var(--cw-t) !important; }
.cw-res-card.e-con:hover {
  box-shadow: var(--cw-sh3) !important;
  transform: translateY(-1px) !important;
}

/* ── Responsivo ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .cw-res-side.e-con { flex-direction: column !important; }
  .cw-res-img-col.e-con { width: 100% !important; }
  .cw-res-img-side { min-height: 160px !important; aspect-ratio: 16/7 !important; height: auto !important; }
}

/* ── LEGIBILIDADE DO CORPO — FIX v6 ────────────────────────────
   Geist 300 (Light) era fino demais em telas menores e baixa densidade.
   Todos os textos corridos usam agora 400 (Regular).
   Subtítulos e labels mantêm 500/600 onde já definido.
   ─────────────────────────────────────────────────────────────── */
.elementor-widget-text-editor .elementor-widget-container,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor span {
  font-weight: 400 !important;
  line-height: 1.72 !important;
}
/* Muted body (descrições de card, sub-captions) — 400 com cor muted */
.cw-res-card .elementor-widget-text-editor p,
.cw-sidebar-card .elementor-widget-text-editor p,
.cw-pub-body,
.cw-teach-card .elementor-widget-text-editor p {
  font-weight: 400 !important;
  font-size: var(--cw-sm) !important;
  color: var(--cw-muted) !important;
  line-height: 1.72 !important;
}


/* ══════════════════════════════════════════════════════════════
   ABOUT PAGE
   ════════════════════════════════════════════════════════════ */

/* Foto portrait */
.cw-about-photo {
  width: 100% !important;
  height: 100% !important;
  min-height: 460px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
.cw-about-photo + * { padding: var(--cw-s6) !important; }

/* Role / cargo em primary */
.cw-about-role { color: var(--cw-primary) !important; font-weight: 500 !important; }

/* Fact cards na sidebar */
.cw-fact-card.e-con { transition: box-shadow var(--cw-t) !important; }
.cw-fact-card.e-con:hover { box-shadow: var(--cw-sh3) !important; }
.cw-fact-label p {
  font-family: var(--cw-body) !important;
  font-size: 9px !important; font-weight: 600 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: var(--cw-faint) !important;
}

/* Timeline */
.cw-tl-line-col.e-con { padding: 0 !important; align-items: center !important; }
.cw-tl-dot {
  width: 8px; height: 8px;
  border-radius: 9999px;
  background: var(--cw-divider);
  border: 1px solid var(--cw-border);
  margin: 6px auto 0;
  position: relative;
}
.cw-tl-dot::after {
  content: '';
  position: absolute;
  top: 8px; left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 72px;
  background: var(--cw-divider);
}
.cw-tl-dot--active {
  background: var(--cw-primary) !important;
  border-color: var(--cw-primary) !important;
  box-shadow: 0 0 0 3px var(--cw-pri-light) !important;
}
.cw-tl-year p {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-sm) !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}

/* Values cards (border-top sem shadow) */
.cw-val-card.e-con {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--cw-text) !important;
}


/* ══════════════════════════════════════════════════════════════
   SINGLE POST
   ════════════════════════════════════════════════════════════ */

/* Breadcrumb */
.cw-breadcrumb p { font-size: var(--cw-xs) !important; }
.cw-breadcrumb a { color: var(--cw-muted) !important; text-decoration: none !important; }
.cw-breadcrumb a:hover { color: var(--cw-primary) !important; }
.cw-breadcrumb span { color: var(--cw-faint) !important; margin: 0 4px !important; }

/* Categoria no header */
.cw-post-cat p {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-xs) !important; font-weight: 600 !important;
  letter-spacing: .10em !important; text-transform: uppercase !important;
  color: var(--cw-primary) !important;
}

/* Avatar redondo */
.cw-avatar {
  width: 40px !important; height: 40px !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  border: 1px solid var(--cw-divider) !important;
  flex-shrink: 0 !important;
}

/* Hero image do post */
.cw-post-hero-img {
  width: 100% !important;
  aspect-ratio: 21 / 8 !important;
  object-fit: cover !important;
  display: block !important;
}
.cw-post-hero-wrap.e-con {
  margin-inline: auto !important;
  max-width: 1160px !important;
}

/* Lead / abstract */
.cw-post-lead p {
  font-size: var(--cw-base) !important;
  color: var(--cw-text) !important;
  line-height: 1.78 !important;
  border-left: 2px solid var(--cw-divider) !important;
  padding-left: var(--cw-s6) !important;
  font-style: italic !important;
}

/* Listas no artigo */
.cw-article-ul ul.cw-article-list {
  list-style: none !important;
  padding: 0 !important; margin: 0 !important;
}
.cw-article-ul ul.cw-article-list li {
  padding: 14px 0 14px var(--cw-s6) !important;
  border-bottom: 1px solid var(--cw-divider) !important;
  font-size: var(--cw-base) !important;
  line-height: 1.72 !important;
  color: var(--cw-text) !important;
  position: relative !important;
}
.cw-article-ul ul.cw-article-list li::before {
  content: '';
  position: absolute; left: 0; top: 22px;
  width: 12px; height: 1px;
  background: var(--cw-primary);
}

/* Imagem inline no artigo */
.cw-article-img {
  width: 100% !important;
  aspect-ratio: 16/7 !important;
  object-fit: cover !important;
  border-radius: var(--cw-r3) !important;
  display: block !important;
}
.cw-img-caption p {
  font-size: var(--cw-xs) !important;
  color: var(--cw-faint) !important;
  line-height: 1.5 !important;
  margin-top: 8px !important;
}

/* Tags */
.cw-tag {
  display: inline-block !important;
  border: 1px solid var(--cw-border) !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
  font-family: var(--cw-body) !important;
  font-size: var(--cw-xs) !important; font-weight: 500 !important;
  color: var(--cw-muted) !important;
  background: var(--cw-surface-2) !important;
  margin: 0 6px 6px 0 !important;
  transition: all var(--cw-t) !important;
}
.cw-tag:hover {
  border-color: var(--cw-primary) !important;
  color: var(--cw-primary) !important;
  background: var(--cw-pri-light) !important;
}

/* Sidebar do post: sticky */
.cw-post-sidebar.e-con {
  position: sticky !important;
  top: 88px !important;
}
.cw-sidebar-label p {
  font-family: var(--cw-body) !important;
  font-size: var(--cw-xs) !important; font-weight: 600 !important;
  letter-spacing: .10em !important; text-transform: uppercase !important;
  color: var(--cw-faint) !important;
}

/* Cards de "continue lendo" no rodapé */
.cw-post-related-card.e-con { transition: box-shadow var(--cw-t), transform var(--cw-t) !important; }
.cw-post-related-card.e-con:hover {
  box-shadow: var(--cw-sh3) !important;
  transform: translateY(-1px) !important;
}
.cw-post-related-card .cw-res-img {
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
  display: block !important;
  filter: saturate(.88) contrast(1.04) !important;
}

/* Responsivo post */
@media (max-width: 900px) {
  #art-col.e-con, #sb-col.e-con { width: 100% !important; padding-right: 0 !important; }
  .cw-post-sidebar.e-con { position: static !important; }
  .cw-post-related-card.e-con { width: 100% !important; }
}

/* ══════════════════════════════════════════════════════════════
   ABOUT — estilos ausentes (v7 → v8)
   ════════════════════════════════════════════════════════════ */

/* Pullquote: texto em display serif itálico */
.cw-pq-text p,
.cw-pq-p-wrap p {
  font-family: var(--cw-display) !important;
  font-size: var(--cw-xl) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--cw-text) !important;
  line-height: 1.3 !important;
  max-width: 52ch;
}

/* Divider widget */
.cw-divider-line .elementor-divider-separator {
  border-color: var(--cw-divider) !important;
  border-width: 1px !important;
}
.cw-divider-line .elementor-divider { padding: 0 !important; }/* End custom CSS */