/* Overrides canônicos: paisagem da marca, recursos e landing Mães Nova Era. */
.brand-landscape-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(92deg, rgba(31,49,41,.96) 0%, rgba(38,56,47,.90) 42%, rgba(31,49,41,.72) 100%),
    url('/assets/footer-natureza-editorial.jpg') 64% 54% / cover no-repeat;
}
.brand-landscape-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .62;
  background:
    radial-gradient(circle at 10% 10%, rgba(230,214,170,.22), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(6,20,14,.16));
}
.brand-landscape-section::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 4% 96%, transparent 0 24%, rgba(199,180,138,.26) 24.5% 24.9%, transparent 25.4%),
    radial-gradient(ellipse at 96% 8%, transparent 0 17%, rgba(199,180,138,.28) 17.4% 17.8%, transparent 18.2%),
    repeating-radial-gradient(ellipse at 106% 104%, transparent 0 32px, rgba(199,180,138,.08) 33px 34px, transparent 35px 48px);
}
.brand-landscape-section > .container { position: relative; z-index: 1; }

.resources-hero__visual {
  min-height: 560px;
  border-radius: 28px;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(28,48,39,.92) 0%, rgba(37,59,48,.76) 48%, rgba(23,39,32,.34) 100%),
    url('/assets/footer-natureza-editorial.jpg') 66% 52% / cover no-repeat !important;
}
.resources-hero__visual::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 86% 10%, rgba(231,206,145,.22), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(11,28,21,.20));
}
.resources-hero__visual .product-cover { background: transparent !important; }
.resources-hero__visual .product-cover::before,
.resources-hero__visual .product-cover::after { border-color: rgba(199,180,138,.72); }
.resources-hero__visual .floating-card { right: 22px; bottom: 28px; }
.resources-collection-band,
.resources-collection-band::before,
.resources-collection-band::after { background-image: none !important; }

.product-body {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas:
    'badge price'
    'format price'
    'button price';
  gap: 12px 20px;
  align-items: start;
  min-height: 205px;
}
.product-body > .badge { grid-area: badge; justify-self: start; }
.product-body > .price {
  grid-area: price;
  align-self: center;
  justify-self: end;
  margin: 0;
  padding-right: 4px;
  text-align: right;
  white-space: nowrap;
}
.product-body > .small { grid-area: format; margin: 0; align-self: end; }
.product-body > .btn { grid-area: button; margin-top: 0; justify-self: start; align-self: end; }

.mne-landing { background: linear-gradient(180deg, #f8f4eb 0%, #f3eee3 100%); }
.mne-hero { padding-block: 64px 76px; }
.mne-hero .hero-grid {
  grid-template-columns: minmax(0,.88fr) minmax(420px,1.12fr);
  gap: clamp(34px,5vw,78px);
  align-items: center;
}
.mne-hero h1 { max-width: 11ch; }
.mne-hero .lead { max-width: 34rem; }
.mne-master-visual {
  min-height: 0;
  padding: 12px;
  margin: 0;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,253,248,.98), rgba(239,231,215,.94));
  border: 1px solid rgba(199,180,138,.48);
  box-shadow: 0 28px 65px rgba(48,59,51,.16);
}
.mne-master-visual::before { display: none; }
.mne-master-board {
  width: 100%;
  max-height: 760px;
  object-fit: contain;
  border-radius: 20px;
}
.mne-landing .farol-grid--editorial { margin-top: 14px; }
.mne-landing .program-diagram--immersive { padding: 14px; }

@media (max-width: 1040px) {
  .mne-hero .hero-grid { grid-template-columns: 1fr; }
  .mne-master-visual { width: min(100%,760px); margin-inline: auto; }
  .mne-master-board { max-height: none; }
}
@media (max-width: 760px) {
  .brand-landscape-section::before { opacity: .56; }
  .resources-hero__visual { min-height: 470px; }
  .product-body { grid-template-columns: minmax(0,1fr) auto; gap: 10px 14px; min-height: 190px; }
  .product-body > .price { font-size: 1.85rem; }
  .mne-hero { padding-block: 42px 54px; }
  .mne-hero .hero-grid { gap: 30px; }
  .mne-master-visual { padding: 8px; border-radius: 20px; }
  .mne-master-board { border-radius: 14px; }
}