/* MacroRadar Preview v4: estabilidad visual y semantica de planes.
   No modifica pagos, cuentas, niveles, sesiones, enlaces ni datos. */

/* El contenido nunca debe quedar oculto si una animacion de entrada no se ejecuta. */
.preview-redesign-v1 .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* "No incluye" usa una X roja; las prestaciones incluidas conservan la palomita verde. */
.preview-redesign-v1 .price-card .not-included li::before {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #e51d3d !important;
  box-shadow: 0 0 16px rgba(229, 29, 61, 0.24);
}

.preview-redesign-v1 .price-card .not-included li::after {
  content: "\00d7" !important;
  left: 0 !important;
  top: 0.08em !important;
  display: grid !important;
  width: 18px !important;
  height: 18px !important;
  place-items: center;
  border: 0 !important;
  color: #fff !important;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
  transform: none !important;
}

.preview-redesign-v1 .price-card .plan-details-body > strong + .not-included {
  margin-top: 10px;
}

/* V2 anulaba la imagen de la primera seccion en estas tres paginas. */
.preview-redesign-v1.subpage main > .progress-section:first-child::before,
.preview-redesign-v1.subpage main > .community-section:first-child::before,
.preview-redesign-v1.subpage main > .pro-section:first-child::before {
  content: "" !important;
}

/* Refuerza la presencia de la imagen sin reducir la legibilidad. */
.preview-redesign-v1.subpage main > .progress-section:first-child::before {
  opacity: 0.34;
}

.preview-redesign-v1.subpage main > .community-section:first-child::before {
  opacity: 0.4;
}

.preview-redesign-v1.subpage main > .pro-section:first-child::before {
  opacity: 0.42;
}

@media (max-width: 640px) {
  .preview-redesign-v1 .price-card .not-included li::after {
    font-size: 14px;
  }
}
