/* Artigos WpLive — modelo .article-wrap--with-sidebar (global.css / Base.astro)
   Sobrescreve shell Elementor 232 (card branco 58%/35% + fundo cinza).
   Breakpoints: 1023 · 767 · 479 */

/* ── Reset shell Elementor 232 (card + fundo cinza) ── */
.ydv-mirror-article .elementor-element-731b896,
.ydv-mirror-article .elementor-element-731b896:not(.elementor-motion-effects-element-type-background),
.ydv-mirror-article .elementor-232 .elementor-element.elementor-element-731b896 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
  background: transparent !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --min-height: 0 !important;
  min-height: 0 !important;
  padding: clamp(1.25rem, 4vw, 2rem) var(--ydv-page-pad, clamp(1.25rem, 4vw, 2.5rem)) clamp(2rem, 5vw, 3rem) !important;
}

.ydv-mirror-article .elementor-element-73327b9,
.ydv-mirror-article .elementor-element-73327b9:not(.elementor-motion-effects-element-type-background),
.ydv-mirror-article .elementor-232 .elementor-element.elementor-element-73327b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
  background: transparent !important;
  --border-radius: 0 !important;
  border-radius: 0 !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --min-height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ── Container = .article-wrap--with-sidebar (1280px) ── */
.ydv-mirror-article .elementor-element-731b896,
.ydv-mirror-article .elementor-element-73327b9 {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

.ydv-mirror-article .elementor-element-73327b9.e-flex,
.ydv-mirror-article .elementor-element-73327b9 {
  display: grid !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
  gap: clamp(1.75rem, 3vw, 3rem) !important;
  align-items: start !important;
}

/* Anula larguras fixas Elementor (58% / 35%) */
.ydv-mirror-article .elementor-element-ccfe8f9,
.ydv-mirror-article .elementor-element-970c14d {
  --width: 100% !important;
  width: 100% !important;
  max-width: none !important;
  flex: unset !important;
}

.ydv-mirror-article .elementor-element-ccfe8f9 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

.ydv-mirror-article .elementor-element-73327b9 > .elementor-element-ccfe8f9 {
  grid-column: 1 !important;
}

.ydv-mirror-article .elementor-element-73327b9 > .elementor-element-231a914 {
  display: none !important;
}

/* Sidebar = .article-aside */
.ydv-mirror-article .elementor-element-73327b9 > .elementor-element-970c14d {
  grid-column: 2 !important;
  align-self: start !important;
  position: sticky;
  top: calc(var(--ydv-header-h, 4.875rem) + 1rem);
  transform: none !important;
  writing-mode: horizontal-tb !important;
}

.ydv-mirror-article .elementor-element-970c14d.elementor-hidden-mobile {
  display: block !important;
}

.ydv-mirror-article .elementor-element-5dec136,
.ydv-mirror-article .elementor-element-5dec136 .elementor-widget-container {
  width: 100% !important;
  padding: 0 !important;
}

.ydv-mirror-article .ydv-blog-sidebar {
  width: 100%;
  min-width: 0;
}

/* ── Hero imagem = .article-hero-img ── */
.ydv-mirror-article .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  max-width: none !important;
  height: clamp(220px, 40vw, 420px) !important;
  object-fit: cover !important;
  display: block;
  border-radius: 5px !important;
  box-shadow: 0 10px 28px rgba(54, 54, 54, 0.12);
}

/* ── Título = .article-hero h1 ── */
.ydv-mirror-article .elementor-element-54af8fd .elementor-image-box-title {
  margin: 1.5rem 0 1rem !important;
  font-size: clamp(1.8rem, 4vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #a32483 !important;
}

/* ── Corpo = .article-content (prose 42rem) ── */
.ydv-mirror-article .elementor-element-7ffc854,
.ydv-mirror-article .elementor-element-7ffc854 .elementor-widget-container {
  max-width: 42rem !important;
}

.ydv-mirror-article .elementor-element-b730b85 {
  max-width: 42rem !important;
}

.ydv-mirror-article .elementor-element-5db5ef7 {
  max-width: 42rem !important;
  margin-top: 1.5rem;
}

/* Desktop: imagem full-width; sidebar começa no título */
@media (min-width: 768px) {
  .ydv-mirror-article .elementor-element-ccfe8f9 {
    display: contents !important;
  }

  .ydv-mirror-article .elementor-element-88273ba,
  .ydv-mirror-article .elementor-element-ccfe8f9 > .elementor-widget-theme-post-featured-image {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    max-width: none !important;
  }

  .ydv-mirror-article .elementor-element-88273ba .elementor-widget-theme-post-featured-image,
  .ydv-mirror-article .elementor-element-88273ba img {
    max-width: none !important;
  }

  .ydv-mirror-article .elementor-element-54af8fd,
  .ydv-mirror-article .elementor-element-7ffc854,
  .ydv-mirror-article .elementor-element-b730b85,
  .ydv-mirror-article .elementor-element-5db5ef7 {
    grid-column: 1 !important;
  }

  .ydv-mirror-article .elementor-element-73327b9 > .elementor-element-970c14d {
    grid-row: 2 / -1 !important;
  }
}

/* Fallback template alternativo */
.ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar):has(.elementor-widget-theme-post-content) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
  gap: clamp(1.75rem, 3vw, 3rem) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: var(--ydv-page-pad, clamp(1.25rem, 4vw, 2.5rem)) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar) .elementor-widget-theme-post-content,
.ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar) .elementor-widget-theme-post-featured-image,
.ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar) .elementor-widget-post-info {
  grid-column: 1 !important;
}

.ydv-mirror-article .elementor-location-single .ydv-blog-sidebar {
  grid-column: 2 !important;
  grid-row: 1 / -1 !important;
  position: sticky;
  top: calc(var(--ydv-header-h, 4.875rem) + 1rem);
}

/* Tablet */
@media (max-width: 1023px) {
  .ydv-mirror-article .elementor-element-73327b9.e-flex,
  .ydv-mirror-article .elementor-element-73327b9 {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 270px) !important;
    gap: 2rem !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ydv-mirror-article .elementor-element-73327b9.e-flex,
  .ydv-mirror-article .elementor-element-73327b9,
  .ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar) {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .ydv-mirror-article .elementor-element-ccfe8f9 {
    display: flex !important;
  }

  .ydv-mirror-article .elementor-element-73327b9 > .elementor-element-ccfe8f9,
  .ydv-mirror-article .elementor-element-73327b9 > .elementor-element-970c14d,
  .ydv-mirror-article .elementor-location-single .ydv-blog-sidebar,
  .ydv-mirror-article .elementor-location-single .e-con:has(.ydv-blog-sidebar) .elementor-widget-theme-post-content {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
  }

  .ydv-mirror-article .elementor-element-7ffc854,
  .ydv-mirror-article .elementor-element-b730b85,
  .ydv-mirror-article .elementor-element-5db5ef7 {
    max-width: none !important;
  }

  .ydv-mirror-article .elementor-element-73327b9 > .elementor-element-970c14d,
  .ydv-mirror-article .elementor-location-single .ydv-blog-sidebar {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e0d5d0;
  }
}

/* Fallback sidebar (retiro) */
.ydv-article-sidebar-fallback {
  max-width: 1280px;
  margin: 0 auto;
  padding-inline: var(--ydv-page-pad, clamp(1.25rem, 4vw, 2.5rem));
}

@media (min-width: 768px) {
  .ydv-article-sidebar-fallback {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: clamp(1.75rem, 3vw, 3rem);
    align-items: start;
  }

  .ydv-article-sidebar-fallback .ydv-blog-sidebar {
    grid-column: 2;
    position: sticky;
    top: calc(var(--ydv-header-h, 4.875rem) + 1rem);
  }
}

@media (max-width: 767px) {
  .ydv-article-sidebar-fallback .ydv-blog-sidebar {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e0d5d0;
  }
}

@media (max-width: 479px) {
  .ydv-mirror-article .elementor-element-731b896 {
    padding-inline: 1rem !important;
  }
}