.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ============================================================
   DOMA — Single Post Global CSS
   Cola em: Elementor > Site Settings > Custom CSS
   Fonte: Outfit (display) + Plus Jakarta Sans (body)
   Paleta: Navy #0d1f35 | Gold #c9932a | Cream #faf8f4
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');

/* ============================================================
   VARIÁVEIS GLOBAIS
   ============================================================ */
:root {
  --navy:       #0d1f35;
  --navy-mid:   #162840;
  --gold:       #c9932a;
  --gold-light: #e8b556;
  --cream:      #faf8f4;
  --cream-dark: #f0ece4;
  --white:      #ffffff;
  --ink:        #1a1a2e;
  --gray-400:   #9ca3af;
  --gray-600:   #6b7280;
  --gray-800:   #2d3748;
  --border:     #e5e0d8;
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --radius:    8px;
  --radius-lg: 16px;
  --shadow-md: 0 4px 16px rgba(13,31,53,0.12);
  --shadow-lg: 0 20px 48px rgba(13,31,53,0.14);
  --transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
}

/* ============================================================
   BODY & BASE (single post only)
   ============================================================ */
.single-post body,
.single body {
  background: var(--cream);
  font-family: var(--font-body);
  color: var(--ink);
}

/* ============================================================
   HERO SECTION
   Cole no Elementor: Section com classe CSS "doma-post-hero"
   Dentro: Post Featured Image (background) + widgets dinâmicos
   ============================================================ */

/* Section principal do hero */
.doma-post-hero {
  padding-top: 68px;
  min-height: 520px;
  background: var(--navy);
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

/* Grid de pontos decorativo — adicione no Before via CSS */
.doma-post-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(201,147,42,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,147,42,0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 75%);
  pointer-events: none;
  z-index: 1;
}

/* Overlay escuro sobre a imagem do post */
.doma-post-hero .elementor-widget-post-featured-image {
  position: absolute !important;
  inset: 0;
  z-index: 0;
}
.doma-post-hero .elementor-widget-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.25 !important;
  display: block;
}
.doma-post-hero .elementor-widget-post-featured-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(13,31,53,0.3) 0%,
    rgba(13,31,53,0.7) 55%,
    rgba(13,31,53,0.97) 100%
  );
  z-index: 1;
}

/* Conteúdo do hero fica acima da imagem */
.doma-post-hero .elementor-container {
  position: relative;
  z-index: 2;
  padding-bottom: 56px;
  max-width: 860px !important;
}

/* Breadcrumb — widget Elementor Breadcrumbs ou Text */
.doma-post-breadcrumb,
.doma-post-hero .elementor-widget-breadcrumbs .elementor-widget-container {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.doma-post-breadcrumb a,
.doma-post-hero .elementor-widget-breadcrumbs a {
  color: rgba(255,255,255,0.45);
  transition: var(--transition);
}
.doma-post-breadcrumb a:hover,
.doma-post-hero .elementor-widget-breadcrumbs a:hover {
  color: var(--gold-light);
}

/* Post Categories — widget Post Info ou Post Categories */
.doma-post-hero .elementor-widget-post-info .elementor-post-info__item--type-terms,
.doma-post-hero .elementor-widget-categories .elementor-widget-container,
.doma-post-cat {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--gold-light) !important;
  background: rgba(201,147,42,0.15);
  border: 1px solid rgba(201,147,42,0.28);
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
  text-decoration: none;
}

/* Post Title — widget Post Title */
.doma-post-hero .elementor-widget-post-title .elementor-heading-title,
.doma-post-hero h1.entry-title {
  font-family: var(--font-display) !important;
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  font-weight: 900 !important;
  color: var(--white) !important;
  letter-spacing: -1px !important;
  line-height: 1.15 !important;
  margin-bottom: 24px !important;
}

/* Post Meta (autor + data + leitura) — widget Post Info */
.doma-post-hero .elementor-widget-post-info .elementor-post-info,
.doma-post-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.doma-post-hero .elementor-widget-post-info .elementor-post-info__item {
  font-size: 13px;
  color: rgba(255,255,255,0.55) !important;
  display: flex;
  align-items: center;
  gap: 6px;
}
.doma-post-hero .elementor-widget-post-info .elementor-post-info__item svg,
.doma-post-hero .elementor-widget-post-info .elementor-post-info__item i {
  color: var(--gold-light) !important;
  font-size: 12px;
}
.doma-post-hero .elementor-widget-post-info .elementor-post-info__separator {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  display: inline-block;
}
.doma-post-hero .elementor-widget-post-info a {
  color: rgba(255,255,255,0.55) !important;
  font-weight: 600;
  text-decoration: none;
}

/* ============================================================
   LAYOUT PRINCIPAL — 2 COLUNAS
   Section com classe CSS "doma-post-layout"
   Coluna esquerda: conteúdo | Coluna direita: sidebar
   ============================================================ */
.doma-post-layout {
  background: var(--cream);
  padding: 72px 0 96px;
}

.doma-post-layout > .elementor-container {
  max-width: 1120px !important;
  gap: 56px;
}

/* ============================================================
   CONTEÚDO DO POST — widget Post Content
   Coluna esquerda com classe "doma-post-content"
   ============================================================ */
.doma-post-content .elementor-widget-post-content .elementor-widget-container,
.doma-post-content .entry-content {
  font-family: var(--font-body);
}

/* Parágrafos */
.doma-post-content .elementor-widget-post-content p,
.doma-post-content .entry-content p {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: var(--gray-800) !important;
  margin-bottom: 24px !important;
}

/* Headings */
.doma-post-content .elementor-widget-post-content h2,
.doma-post-content .entry-content h2 {
  font-family: var(--font-display) !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: var(--navy) !important;
  letter-spacing: -0.5px !important;
  line-height: 1.25 !important;
  margin: 48px 0 20px !important;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}

.doma-post-content .elementor-widget-post-content h3,
.doma-post-content .entry-content h3 {
  font-family: var(--font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  line-height: 1.3 !important;
  margin: 36px 0 14px !important;
}

.doma-post-content .elementor-widget-post-content h4,
.doma-post-content .entry-content h4 {
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 24px 0 10px !important;
}

/* Links */
.doma-post-content .elementor-widget-post-content a,
.doma-post-content .entry-content a {
  color: var(--gold) !important;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: var(--transition);
}
.doma-post-content .elementor-widget-post-content a:hover,
.doma-post-content .entry-content a:hover {
  color: var(--navy) !important;
}

/* Listas */
.doma-post-content .elementor-widget-post-content ul,
.doma-post-content .elementor-widget-post-content ol,
.doma-post-content .entry-content ul,
.doma-post-content .entry-content ol {
  margin: 0 0 24px 24px !important;
  padding: 0;
}
.doma-post-content .elementor-widget-post-content li,
.doma-post-content .entry-content li {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--gray-800) !important;
  margin-bottom: 8px !important;
}

/* Blockquote */
.doma-post-content .elementor-widget-post-content blockquote,
.doma-post-content .entry-content blockquote {
  border-left: 4px solid var(--gold) !important;
  padding: 20px 28px !important;
  background: var(--cream-dark) !important;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0 !important;
  margin: 32px 0 !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: var(--navy-mid) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
}
.doma-post-content .elementor-widget-post-content blockquote p,
.doma-post-content .entry-content blockquote p {
  font-size: 18px !important;
  color: var(--navy-mid) !important;
  margin-bottom: 0 !important;
}

/* Imagens dentro do post */
.doma-post-content .elementor-widget-post-content img,
.doma-post-content .entry-content img {
  border-radius: var(--radius-lg) !important;
  margin: 32px 0 !important;
  max-width: 100% !important;
}

/* Strong */
.doma-post-content .elementor-widget-post-content strong,
.doma-post-content .entry-content strong {
  font-weight: 700;
  color: var(--navy);
}

/* Separador */
.doma-post-content .elementor-widget-post-content hr,
.doma-post-content .entry-content hr {
  border: none !important;
  border-top: 1px solid var(--border) !important;
  margin: 48px 0 !important;
}

/* ============================================================
   AUTHOR BOX — widget Author Box ou HTML
   Adicione abaixo do Post Content com classe "doma-author-box"
   ============================================================ */
.doma-author-box {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 32px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 48px;
}
.doma-author-box__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 900;
  color: var(--white);
  flex-shrink: 0;
}
.doma-author-box__name {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 4px;
}
.doma-author-box__role {
  font-size: 13px;
  color: var(--gold);
  font-weight: 600;
  margin-bottom: 10px;
}
.doma-author-box__bio {
  font-size: 14px;
  color: var(--gray-600);
  line-height: 1.65;
}

/* Widget Author Box nativo do Elementor */
.doma-author-box .elementor-widget-author-box .elementor-author-box {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 32px !important;
}
.doma-author-box .elementor-author-box__name {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  font-size: 1.1rem !important;
}
.doma-author-box .elementor-author-box__bio {
  font-size: 14px !important;
  color: var(--gray-600) !important;
  line-height: 1.65 !important;
}

/* ============================================================
   TAGS — widget Post Tags com classe "doma-post-tags"
   ============================================================ */
.doma-post-tags {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid var(--border);
}
.doma-post-tags .elementor-widget-post-info .elementor-post-info__item,
.doma-post-tags .elementor-widget-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.doma-post-tags a,
.doma-post-tags .elementor-post-info__terms-list-item a {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  background: var(--cream-dark) !important;
  border: 1px solid var(--border) !important;
  color: var(--gray-600) !important;
  text-decoration: none !important;
  transition: var(--transition) !important;
  display: inline-block;
}
.doma-post-tags a:hover,
.doma-post-tags .elementor-post-info__terms-list-item a:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}

/* ============================================================
   SHARE BUTTONS — widget Share Buttons com classe "doma-share"
   ============================================================ */
.doma-share {
  margin-top: 24px;
  padding-top: 24px;
}
.doma-share .elementor-widget-share-buttons .elementor-share-btn {
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  border: 1.5px solid var(--border) !important;
  background: transparent !important;
  transition: var(--transition) !important;
}
.doma-share .elementor-widget-share-buttons .elementor-share-btn:hover {
  border-color: var(--gold) !important;
  background: rgba(201,147,42,0.08) !important;
}
.doma-share .elementor-widget-share-buttons .elementor-share-btn__icon {
  color: var(--gray-600) !important;
}
.doma-share .elementor-widget-share-buttons .elementor-share-btn:hover .elementor-share-btn__icon {
  color: var(--gold) !important;
}

/* ============================================================
   SIDEBAR — Coluna direita com classe "doma-sidebar"
   ============================================================ */
.doma-sidebar {
  position: sticky;
  top: 88px;
}

/* Card genérico da sidebar */
.doma-sidebar-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px;
  margin-bottom: 24px;
}
.doma-sidebar-card__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

/* CTA Card da sidebar — Section com classe "doma-sidebar-cta" */
.doma-sidebar-cta {
  background: var(--navy) !important;
  border-radius: var(--radius-lg) !important;
  padding: 28px !important;
  text-align: center;
  margin-bottom: 24px;
}
.doma-sidebar-cta .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--white) !important;
  margin-bottom: 12px !important;
}
.doma-sidebar-cta p {
  font-size: 13px !important;
  color: rgba(255,255,255,0.55) !important;
  line-height: 1.65 !important;
  margin-bottom: 20px !important;
}
.doma-sidebar-cta .elementor-button {
  background: var(--gold) !important;
  border-radius: var(--radius) !important;
  font-weight: 600 !important;
  width: 100% !important;
  justify-content: center !important;
}
.doma-sidebar-cta .elementor-button:hover {
  background: #b8831f !important;
  transform: translateY(-2px);
}

/* Posts relacionados na sidebar — widget Posts com classe "doma-sidebar-related" */
.doma-sidebar-related .elementor-posts-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.doma-sidebar-related .elementor-post {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--border) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.doma-sidebar-related .elementor-post:last-child {
  border-bottom: none !important;
}
.doma-sidebar-related .elementor-post__thumbnail {
  width: 60px !important;
  height: 60px !important;
  flex-shrink: 0 !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}
.doma-sidebar-related .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.doma-sidebar-related .elementor-post__title {
  font-family: var(--font-display) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
.doma-sidebar-related .elementor-post__title:hover {
  color: var(--gold) !important;
}
.doma-sidebar-related .elementor-post-card__badge {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 4px !important;
}
.doma-sidebar-related .elementor-post__excerpt,
.doma-sidebar-related .elementor-post__meta-data,
.doma-sidebar-related .elementor-post__read-more {
  display: none !important;
}

/* ============================================================
   RELATED POSTS SECTION — Section com classe "doma-related"
   Widget Posts em grid 3 colunas
   ============================================================ */
.doma-related {
  background: var(--white);
  padding: 72px 0;
  border-top: 1px solid var(--border);
}
.doma-related .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  font-weight: 800 !important;
  color: var(--navy) !important;
  letter-spacing: -0.5px !important;
}
.doma-related .elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.doma-related .elementor-post {
  background: var(--cream) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  transition: var(--transition) !important;
}
.doma-related .elementor-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(201,147,42,0.2) !important;
}
.doma-related .elementor-post__thumbnail {
  height: 180px !important;
  overflow: hidden !important;
}
.doma-related .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}
.doma-related .elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.04) !important;
}
.doma-related .elementor-post__text {
  padding: 20px !important;
}
.doma-related .elementor-post__title a {
  font-family: var(--font-display) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: var(--transition) !important;
}
.doma-related .elementor-post__title a:hover {
  color: var(--gold) !important;
}
.doma-related .elementor-post-card__badge {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 8px !important;
  display: block !important;
}
.doma-related .elementor-post__meta-data {
  font-size: 12px !important;
  color: var(--gray-400) !important;
  margin-top: 8px !important;
}
.doma-related .elementor-post__excerpt,
.doma-related .elementor-post__read-more {
  display: none !important;
}

/* ============================================================
   NEWSLETTER BANNER — Section com classe "doma-newsletter"
   ============================================================ */
.doma-newsletter {
  background: var(--gold) !important;
  padding: 72px 0 !important;
}
.doma-newsletter .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem) !important;
  font-weight: 900 !important;
  color: var(--white) !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 8px !important;
}
.doma-newsletter p {
  font-size: 15px !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.6 !important;
}
.doma-newsletter .elementor-field-type-email input {
  border-radius: var(--radius) !important;
  border: none !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  outline: none !important;
}
.doma-newsletter .elementor-button {
  background: var(--white) !important;
  color: var(--gold) !important;
  font-weight: 700 !important;
  border-radius: var(--radius) !important;
  padding: 14px 24px !important;
  transition: var(--transition) !important;
}
.doma-newsletter .elementor-button:hover {
  background: var(--cream) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width: 1024px) {
  .doma-related .elementor-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .doma-post-hero {
    min-height: 420px;
  }
  .doma-post-hero .elementor-widget-post-title .elementor-heading-title {
    font-size: 1.8rem !important;
  }
  .doma-post-content .elementor-widget-post-content p,
  .doma-post-content .entry-content p {
    font-size: 16px !important;
  }
  .doma-related .elementor-posts-container {
    grid-template-columns: 1fr !important;
  }
  .doma-sidebar {
    position: static !important;
  }
}/* End custom CSS */