/* MSDA · Fase 2 autorizada, adaptación al DOM real (21/10/2026).
 * Conserva 14 px / 420 ms de revelado, 4 px / 220 ms de hover y brillo de una pasada.
 * No sustituye las superficies que anima el helper ni la forma del botón aprobado. */
body.page-id-1401:not(.elementor-editor-active) {
  --msda-ease-out: cubic-bezier(.16, 1, .3, 1);
}
body.page-id-1401:not(.elementor-editor-active) .msda-reveal {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: no-preference) {
  body.page-id-1401[data-msda-motion2-effects="ready"] .msda-reveal:not(.msda-reveal-settled) {
    opacity: 0;
    translate: 0 14px;
    transition: opacity 420ms var(--msda-ease-out), translate 420ms var(--msda-ease-out);
    transition-delay: calc(var(--msda-reveal-i, 0) * 60ms);
  }
  body.page-id-1401[data-msda-motion2-effects="ready"] .msda-reveal.msda-visible {
    opacity: 1;
    translate: 0 0;
  }
  @supports (animation-timeline: view()) {
    body.page-id-1401[data-msda-motion2-effects="ready"] .msda-reveal:not(.msda-reveal-settled) {
      transition: none;
      animation: msda-reveal-in linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 32%;
    }
    @keyframes msda-reveal-in {
      from { opacity: 0; translate: 0 14px; }
      to { opacity: 1; translate: 0 0; }
    }
  }
}
/* Gana a la animación nativa incluso antes del listener focusin. */
body.page-id-1401 .msda-reveal:is(:focus-within, .msda-reveal-settled),
body.page-id-1401[data-msda-motion2-effects="static"] .msda-reveal {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  translate: none !important;
}

/* Wrapper exterior: helper WAAPI. Superficie interior: hover, sin competir por translate/opacity. */
body.page-id-1401 .msda-card:focus-within {
  outline: 2px solid #d3a338;
  outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.page-id-1401 .msda-card {
    transition: translate 220ms var(--msda-ease-out), box-shadow 220ms ease;
  }
  body.page-id-1401 .msda-card .elementor-element-3a5b8bf {
    transition: filter 240ms ease;
  }
  body.page-id-1401 .msda-card:hover {
    translate: 0 -4px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .35), 0 0 0 1px rgba(211, 163, 56, .25);
  }
  body.page-id-1401 .msda-card:hover .elementor-element-3a5b8bf { filter: brightness(1.05); }
}
body.page-id-1401 .msda-card:focus-within {
  transition: none !important;
  translate: none !important;
}

/* Capa transparente idéntica a la geometría de ::before; el enlace no se recorta ni se mueve.
 * Su hijo recortado anima translate, no el gradiente metálico ni la caja pulsable. */
body.page-id-1401 .msda-buy > .msda-buy-sheen {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: var(--msda-sheen-radius);
  transform: var(--msda-sheen-shape);
  pointer-events: none;
}
body.page-id-1401 .msda-buy > .msda-buy-sheen::after {
  content: "";
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 248, 220, .55) 50%, transparent 62%);
  translate: -100% 0;
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  body.page-id-1401[data-msda-motion2-effects="ready"] .msda-buy.msda-visible:not(.msda-sheen-done) > .msda-buy-sheen::after {
    animation: msda-sheen 900ms var(--msda-ease-out) 260ms 1 both;
  }
  body.page-id-1401 .msda-buy > .msda-buy-sheen {
    transition: translate 180ms cubic-bezier(.23,1,.32,1), scale 120ms cubic-bezier(.23,1,.32,1);
  }
  body.page-id-1401 .msda-buy:active > .msda-buy-sheen { translate: 0 1px; scale: .985; }
  @media (hover: hover) and (pointer: fine) {
    body.page-id-1401 .msda-buy:hover:not(:active) > .msda-buy-sheen { translate: 0 -2px; }
    body.page-id-1401[data-msda-motion2-effects="ready"] .msda-buy:hover:not(:focus-visible) > .msda-buy-sheen::after {
      animation: msda-sheen-hover 700ms var(--msda-ease-out) 1 both;
    }
  }
  @keyframes msda-sheen {
    0% { translate: -100% 0; opacity: 0; }
    8% { opacity: 1; }
    90% { opacity: 1; }
    100% { translate: 100% 0; opacity: 0; }
  }
  @keyframes msda-sheen-hover {
    0% { translate: -100% 0; opacity: 0; }
    8% { opacity: 1; }
    90% { opacity: 1; }
    100% { translate: 100% 0; opacity: 0; }
  }
}
body.page-id-1401 .msda-buy:focus-visible > .msda-buy-sheen::after { animation: none !important; opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  body.page-id-1401 .msda-reveal,
  body.page-id-1401 .msda-card,
  body.page-id-1401 .msda-card .elementor-element-3a5b8bf {
    animation: none !important;
    transition: none !important;
    translate: none !important;
  }
  body.page-id-1401 .msda-reveal { opacity: 1 !important; }
  body.page-id-1401 .msda-buy > .msda-buy-sheen { display: none; }
}
