/* Small optional responses; layout, scroll geometry and hit targets stay fixed. */
@media (prefers-reduced-motion:no-preference){
  #metodo .meth.mp-ready>li::before{content:"";position:absolute;inset:8px -12px;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(185,230,62,.045),transparent 80%);border-radius:3px;opacity:0;transition:opacity .28s ease}
  #metodo .meth.mp-ready>li.mp-current::before{opacity:1}
  .cta-row .btn:active,.frm .btn:active,.tab:active{transform:translateY(1px) scale(.99)}
}
@media (hover:hover) and (pointer:fine) and (min-width:900px) and (prefers-reduced-motion:no-preference){
  #engMain>.eng{transform:perspective(1100px) translate3d(var(--gd-px,0px),var(--gd-py,0px),0) rotateX(var(--gd-rx,0deg)) rotateY(var(--gd-ry,0deg));transform-origin:50% 50%;transition:transform .22s ease-out}
  .cta-row .btn::after{content:"";display:block;width:7px;height:7px;flex:0 0 7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
  .cta-row .btn:hover::after,.cta-row .btn:focus-visible::after{transform:translateX(3px) rotate(45deg)}
  .cta-row .btn:hover{transform:translateY(-2px)}
  .cta-row .btn:active{transform:translateY(1px)}
}
@media print{#metodo .meth.mp-ready>li::before,.cta-row .btn::after{display:none!important}}