/* MacroRadar Preview — correcciones visuales V6.
   Capa final, reversible y sin cambios en pagos, accesos ni datos. */

/* Una sola imagen por sección, visible y uniforme en español e inglés. */
.preview-redesign-v1 .progress-section {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, 0.66) 0 34%, rgba(5, 7, 6, 0.24) 64%, rgba(5, 7, 6, 0.58)),
    linear-gradient(180deg, rgba(5, 7, 6, 0.12), rgba(5, 7, 6, 0.74) 94%),
    url("assets/macro-formation-desk-v1.webp") center 48% / cover no-repeat !important;
}

.preview-redesign-v1 .community-section {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, 0.66), rgba(5, 7, 6, 0.22) 58%, rgba(5, 7, 6, 0.54)),
    linear-gradient(180deg, rgba(5, 7, 6, 0.12), rgba(5, 7, 6, 0.72) 95%),
    url("assets/macro-nasdaq-v3.webp") center top / cover no-repeat !important;
}

.preview-redesign-v1 .pro-section {
  background:
    linear-gradient(90deg, rgba(5, 7, 6, 0.7) 0 38%, rgba(5, 7, 6, 0.24) 70%, rgba(5, 7, 6, 0.55)),
    linear-gradient(180deg, rgba(5, 7, 6, 0.12), rgba(5, 7, 6, 0.72) 96%),
    url("assets/macro-pro-global-final-v1.webp") center 44% / cover no-repeat !important;
}

.preview-redesign-v1 .progress-section::before,
.preview-redesign-v1 .progress-section::after,
.preview-redesign-v1 .community-section::before,
.preview-redesign-v1 .community-section::after,
.preview-redesign-v1 .pro-section::before,
.preview-redesign-v1 .pro-section::after {
  content: none !important;
  display: none !important;
}

/* Comunidad: cerrada es compacta; solo la tarjeta elegida crece al abrirse. */
.preview-redesign-v1 .community-grid,
.preview-redesign-v1.subpage .community-grid {
  grid-auto-rows: auto !important;
  align-items: start !important;
}

.preview-redesign-v1 .community-item,
.preview-redesign-v1.subpage .community-item {
  align-self: start !important;
  height: auto !important;
  min-height: 116px !important;
  max-height: none !important;
  overflow: hidden !important;
  transform: none !important;
}

.preview-redesign-v1 .community-item:hover,
.preview-redesign-v1.subpage .community-item:hover {
  transform: none !important;
}

.preview-redesign-v1 .community-item summary,
.preview-redesign-v1.subpage .community-item summary {
  min-height: 116px !important;
  padding: 20px 22px !important;
}

.preview-redesign-v1 .community-item[open],
.preview-redesign-v1.subpage .community-item[open] {
  min-height: 194px !important;
}

.preview-redesign-v1 .community-item > p,
.preview-redesign-v1.subpage .community-item > p {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 24px !important;
}

/* Planes: misma altura por fila en Inicio y en la subpágina. */
.preview-redesign-v1 .pricing-grid,
.preview-redesign-v1.subpage .pricing-grid {
  align-items: stretch !important;
}

.preview-redesign-v1 .pricing-grid > .price-card,
.preview-redesign-v1.subpage .pricing-grid > .price-card {
  align-self: stretch !important;
  height: 100% !important;
}

@media (max-width: 640px) {
  .preview-redesign-v1 .community-item,
  .preview-redesign-v1.subpage .community-item {
    min-height: 106px !important;
  }

  .preview-redesign-v1 .community-item summary,
  .preview-redesign-v1.subpage .community-item summary {
    min-height: 106px !important;
    padding: 18px !important;
  }

  .preview-redesign-v1 .community-item[open],
  .preview-redesign-v1.subpage .community-item[open] {
    min-height: 184px !important;
  }
}