.elementor-548 .elementor-element.elementor-element-8161bf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-548 .elementor-element.elementor-element-8161bf4:not(.elementor-motion-effects-element-type-background), .elementor-548 .elementor-element.elementor-element-8161bf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-548 .elementor-element.elementor-element-0ca258b{padding:0px 0px 60px 0px;text-align:center;}.elementor-548 .elementor-element.elementor-element-0ca258b .elementor-heading-title{color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-548 .elementor-element.elementor-element-8161bf4{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-548 .elementor-element.elementor-element-8161bf4{--content-width:1300px;}}/* Start custom CSS for shortcode, class: .elementor-element-2a2f11f *//* ====== Forum do Vapor – HTML Sitemap (Rank Math) ====== */
/* Escopo apenas neste widget/section */
.elementor-element-2a2f11f .rank-math-html-sitemap {
  --fv-gap: 18px;
  --fv-gap-lg: 22px;
  --fv-radius: 12px;
  --fv-title: 1.25rem;      /* ~20px */
  --fv-link: 0.985rem;      /* ~15.8px */
  --fv-date: 0.85rem;
  --fv-muted: rgba(140,140,150,0.9);
  --fv-border: rgba(120,120,130,0.25);
  --fv-link-color: #e5e7eb; /* claro */
  --fv-link-hover: #ffffff; /* ainda mais claro */
  --fv-heading: #ffffff;
  --fv-section-bg: rgba(255,255,255,0.03);
  --fv-section-bg-hover: rgba(255,255,255,0.05);
}

/* Container de cada seção (Posts, Páginas, Categorias) */
.elementor-element-2a2f11f .rank-math-html-sitemap__section {
  padding: 18px 18px 6px;
  border: 1px solid var(--fv-border);
  border-radius: var(--fv-radius);
  background: var(--fv-section-bg);
  transition: background .25s ease, border-color .25s ease;
  margin-bottom: var(--fv-gap-lg);
}
.elementor-element-2a2f11f .rank-math-html-sitemap__section:hover {
  background: var(--fv-section-bg-hover);
  border-color: rgba(160,160,170,0.3);
}

/* Títulos das seções */
.elementor-element-2a2f11f .rank-math-html-sitemap__title {
  margin: 0 0 12px 0;
  font-size: var(--fv-title);
  line-height: 1.2;
  color: var(--fv-heading);
  letter-spacing: .2px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.elementor-element-2a2f11f .rank-math-html-sitemap__title::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed, #06b6d4); /* roxo -> ciano */
  display: inline-block;
}

/* Listas em grid responsivo (duas colunas no desktop, uma no mobile) */
.elementor-element-2a2f11f .rank-math-html-sitemap__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 16px;
}
@media (min-width: 768px) {
  .elementor-element-2a2f11f .rank-math-html-sitemap__list {
    grid-template-columns: 1fr 1fr;
  }
}

/* Cada item */
.elementor-element-2a2f11f .rank-math-html-sitemap__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  padding: 10px 12px;
  border: 1px dashed transparent;
  border-radius: 10px;
  transition: border-color .2s ease, background .2s ease;
}
.elementor-element-2a2f11f .rank-math-html-sitemap__item:hover {
  border-color: rgba(140,140,150,0.3);
  background: rgba(255,255,255,0.02);
}

/* Bullet sutil com pseudo-elemento */
.elementor-element-2a2f11f .rank-math-html-sitemap__item::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 999px;
  background: rgba(180,180,190,0.6);
  align-self: center;
}

/* Links */
.elementor-element-2a2f11f .rank-math-html-sitemap__link {
  font-size: var(--fv-link);
  line-height: 1.35;
  color: var(--fv-link-color);
  text-decoration: none;
  word-break: break-word;
  transition: color .2s ease, text-underline-offset .2s ease;
}
.elementor-element-2a2f11f .rank-math-html-sitemap__link:hover,
.elementor-element-2a2f11f .rank-math-html-sitemap__link:focus {
  color: var(--fv-link-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Datas (entre parênteses) */
.elementor-element-2a2f11f .rank-math-html-sitemap__date {
  font-size: var(--fv-date);
  color: var(--fv-muted);
  white-space: nowrap;
}

/* Ajuste quando a linha quebra: joga a data pra baixo no mobile */
@media (max-width: 480px) {
  .elementor-element-2a2f11f .rank-math-html-sitemap__date {
    width: 100%;
    margin-left: 14px; /* alinha com o texto pós-bullet */
  }
}

/* Espaçamento vertical extra entre seções */
.elementor-element-2a2f11f .rank-math-html-sitemap__section + .rank-math-html-sitemap__section {
  margin-top: var(--fv-gap-lg);
}

/* Dark mode opcional baseado em prefers-color-scheme (não conflita com tema) */
@media (prefers-color-scheme: dark) {
  .elementor-element-2a2f11f .rank-math-html-sitemap {
    --fv-link-color: #e6e6f0;
    --fv-link-hover: #ffffff;
    --fv-heading: #ffffff;
    --fv-muted: rgba(200,200,210,0.7);
    --fv-border: rgba(255,255,255,0.12);
    --fv-section-bg: rgba(255,255,255,0.03);
    --fv-section-bg-hover: rgba(255,255,255,0.06);
  }
}

/* Acessibilidade: foco visível nos links via teclado */
.elementor-element-2a2f11f .rank-math-html-sitemap__link:focus-visible {
  outline: 2px solid #06b6d4;
  outline-offset: 2px;
  border-radius: 4px;
}/* End custom CSS */