/**
 * Iconos laterales (Mensual / Denuvo) — misma arquitectura que perma-hero:
 * hex en capas + glifo SVG con gradientes limpios.
 */

.section--planes.plans-section .plans.plans-grid:not(.plans--checkout) .plan-icon-wrap.plan-card__icon--side,
.section--planes.plans-section
  .plans.plans-grid.plans--checkout
  > article.plan-card.plan-card--checkout-focus:not(.plan-card--hidden)
  .plan-icon-wrap.plan-card__icon--side,
.flow-panel
  .flow-plan-strip__icon-mount.selected-plan-icon
  .selected-plan-icon-hex
  .plan-icon-wrap.plan-card__icon--side {
  width: 100% !important;
  height: 168px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 4px auto 12px !important;
  overflow: visible !important;
}

.section--planes.plans-section .plans.plans-grid:not(.plans--checkout) .plan-icon-wrap.plan-card__icon--side::before,
.section--planes.plans-section
  .plans.plans-grid.plans--checkout
  > article.plan-card.plan-card--checkout-focus:not(.plan-card--hidden)
  .plan-icon-wrap.plan-card__icon--side::before,
.flow-panel
  .flow-plan-strip__icon-mount.selected-plan-icon
  .selected-plan-icon-hex
  .plan-icon-wrap.plan-card__icon--side::before {
  display: none !important;
  content: none !important;
}


/* Shared HUD emblem: real SVG contours keep all six edges crisp. */
:is(.section--planes.plans-section, .flow-panel) .plan-emblem {
  width: 124px;
  height: 124px;
  flex: 0 0 auto;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  isolation: isolate;
  pointer-events: none;
}
:is(.section--planes.plans-section, .flow-panel) .plan-emblem--featured {
  width: 142px;
  height: 142px;
}
:is(.section--planes.plans-section, .flow-panel) .plan-emblem__svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible;
  shape-rendering: geometricPrecision;
  filter: drop-shadow(0 0 5px rgba(161,76,255,.23)) !important;
}
:is(.section--planes.plans-section, .flow-panel) .plan-emblem--featured .plan-emblem__svg {
  filter: drop-shadow(0 0 7px rgba(161,76,255,.36)) !important;
}
:is(.section--planes.plans-section, .flow-panel) .plan-emblem__glyph {
  filter: drop-shadow(0 0 3px rgba(206,151,255,.22));
}
.section--planes.plans-section .plan-icon-wrap:has(.plan-emblem)::after {
  content: none !important;
  display: none !important;
}
/* Preserve existing card slots; compact the cloned artwork inside the flow strip. */
#flowPlanStrip .selected-plan-icon-hex:has(.plan-emblem) {
  transform: none !important;
}
#flowPlanStrip .selected-plan-icon-hex .plan-icon-wrap:has(.plan-emblem) {
  width: 100% !important;
  height: 108px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#flowPlanStrip .plan-emblem { width: 94px; height: 94px; }
#flowPlanStrip .plan-emblem--featured { width: 106px; height: 106px; }
@media (max-width: 900px) {
  .section--planes.plans-section .plans.plans-grid:not(.plans--checkout) .plan-icon-wrap.plan-card__icon--side {
    height: 148px !important;
  }
  .section--planes.plans-section .plan-emblem { width: 112px; height: 112px; }
  .section--planes.plans-section .plan-emblem--featured { width: 128px; height: 128px; }
}
/* Deliberately static: no animation or motion dependency, including reduced motion. */