/* Makers Unidos — Navidad 2026
   Acento premium en la tarjeta de acceso vitalicio; no altera otras membresías.
   Los colores, el halo y las animaciones quedan condicionados a la promo activa.
*/
@property --mu-candy-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
#premiumModal #lifetimePlanCard.mu-christmas-active {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border: 2px solid #ecd6b6 !important;
  border-radius: 19px;
  background: linear-gradient(180deg, #fffbf4 0%, #fffefc 48%, #ffffff 100%) !important;
  box-shadow:
    0 12px 32px rgba(42, 52, 38, .13),
    0 0 24px rgba(224, 183, 112, .21),
    0 0 0 1px rgba(255, 255, 255, .84) inset !important;
  transition: box-shadow .28s ease;
}
/* Bastón de caramelo: franjas anchas rojo-blanco en diagonal, sin
   cortes angulares. Se desplazan como una cinta sobre todo el perímetro. */
#premiumModal #lifetimePlanCard.mu-christmas-active::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -7px;
  padding: 9px;
  border-radius: 25px;
  z-index: 4;
  pointer-events: none;
  background-image:
    linear-gradient(110deg,rgba(255,255,255,.28),transparent 42%,rgba(83,13,23,.16)),
    repeating-linear-gradient(
      135deg,
      #c52b3d 0 10px,
      #fffdf5 10px 20px
    ) !important;
  background-size: 100% 100%, 56.57px 56.57px !important;
  background-repeat: no-repeat, repeat !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 1px 1px rgba(86,30,24,.3))
          drop-shadow(0 0 5px rgba(223,171,105,.25));
  animation: muCandyMarch 3.8s linear infinite !important;
}
/* Relieve interior tipo caramelo pulido y glow ámbar, sin sobresaturar. */
#premiumModal #lifetimePlanCard.mu-christmas-active::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -1px;
  border-radius: 19px;
  z-index: 1;
  pointer-events: none;
  background: none !important;
  box-shadow: inset 0 2px 5px rgba(255,255,255,.85),
              inset 0 0 15px rgba(224,185,127,.19),
              0 0 13px rgba(222,177,102,.17);
}
#premiumModal #lifetimePlanCard.mu-christmas-active > * {
  position: relative;
  z-index: 2;
}
/* La insignia es un acento discreto en tono borgoña. */
#premiumModal #lifetimePlanCard.mu-christmas-active .plan-badge {
  position: absolute;
  z-index: 3;
  background: linear-gradient(125deg, #842c38, #b4444d) !important;
  color: #fffaf4 !important;
  border: 1px solid rgba(255, 239, 216, .58);
  box-shadow: 0 4px 12px rgba(119, 30, 40, .18) !important;
}
/* Verde profundo en el precio, sin neón. */
#premiumModal #lifetimePlanCard.mu-christmas-active #muLifetimePrice {
  color: #185d43 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.9);
}
#premiumModal #lifetimePlanCard.mu-christmas-active #muLifetimeOldPrice {
  color: #947a64 !important;
}
#premiumModal #lifetimePlanCard.mu-christmas-active #muChristmasCountdown:not([hidden]) {
  background: linear-gradient(180deg, #fff8ec, #fffbf5) !important;
  border: 1px solid #ead6b6 !important;
  color: #82613c !important;
  box-shadow: inset 0 1px 0 white;
}
#premiumModal #lifetimePlanCard.mu-christmas-active #muChristmasTime {
  color: #8c3a42;
}
/* CTA cálido y un reflejo intermitente suave. */
#premiumModal #lifetimePlanCard.mu-christmas-active .plan-checkout {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f2dda9 0%, #dfb875 100%) !important;
  color: #183b2c !important;
  border: 1px solid #e8c78b !important;
  box-shadow:
    0 7px 17px rgba(151, 107, 56, .17),
    inset 0 1px 0 rgba(255,255,255,.64) !important;
  transition: transform .2s, box-shadow .2s, filter .2s;
}
#premiumModal #lifetimePlanCard.mu-christmas-active .plan-checkout::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -36%;
  width: 28%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent) !important;
  transform: skewX(-20deg);
  pointer-events: none;
  animation: muChristmasButtonShimmer 5.8s ease-in-out infinite !important;
}
@media (hover: hover) {
  #premiumModal #lifetimePlanCard.mu-christmas-active:hover {
    box-shadow:
      0 15px 38px rgba(42,52,38,.15),
      0 0 32px rgba(224,183,112,.28),
      0 0 0 1px rgba(255,255,255,.86) inset !important;
  }
  #premiumModal #lifetimePlanCard.mu-christmas-active .plan-checkout:hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 22px rgba(151,107,56,.21),inset 0 1px 0 rgba(255,255,255,.65) !important;
  }
}
@keyframes muCandyMarch {
  from { background-position: center, 0 0; }
  to   { background-position: center, 56.57px 0; }
}
@keyframes muChristmasButtonShimmer {
  0%, 27% { left: -36%; }
  61%, 100% { left: 134%; }
}
@media (prefers-reduced-motion: reduce) {
  #premiumModal #lifetimePlanCard.mu-christmas-active::before,
  #premiumModal #lifetimePlanCard.mu-christmas-active .plan-checkout::after {
    animation: none !important;
  }
  #premiumModal #lifetimePlanCard.mu-christmas-active,
  #premiumModal #lifetimePlanCard.mu-christmas-active .plan-checkout {
    transition: none !important;
  }
}

/* Tres columnas en desktop: mantener precio legible y separar la insignia. */
@media (min-width: 851px) {
  #premiumModal #lifetimePlanCard.mu-christmas-active .plan-name {
    display: block;
    max-width: 55%;
    min-height: 29px;
    line-height: 1.3;
  }
  #premiumModal #lifetimePlanCard.mu-christmas-active .plan-price strong {
    font-size: 31px;
    letter-spacing: -1.45px;
    white-space: nowrap;
  }
}