/* ==========================================================================
   LIQUID-FX — spring en botones + morph del menú. Sin gotas SVG en CTAs
   (eso era el apaño que se veía mal). El CTA de conversión del hero es
   .glass-cta (degradado, brillo al hover).
   Respeta prefers-reduced-motion. DM Sans, nunca Space Grotesk.
   ========================================================================== */

.lg-press.lg-press{
  transition: transform .45s cubic-bezier(.34,1.56,.64,1),
              box-shadow .3s ease;
  will-change: transform;
  transform: translateZ(0) scale(1);
  font-family:'DM Sans',sans-serif;
}
.lg-press.lg-press:hover{ transform: translateZ(0) scale(1.035); }
.lg-press.lg-press:active{
  transform: translateZ(0) scale(.94);
  transition-duration: .12s;
}
.lg-press.lg-press--release{
  animation: lgSpringBack .5s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes lgSpringBack{
  0%{ transform:scale(.94); }
  55%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}

.lg-morph-wrap{
  position: relative;
  filter: url(#lg-goo);
}
.lg-morph-blob{
  position: fixed;
  top: 22px; right: 24px;
  width: 44px; height: 44px;
  border-radius: 100px;
  background: var(--pq-black, #0a0a0a);
  border: 1px solid rgba(62,207,207,.4);
  transform: scale(1);
  transform-origin: center;
  transition: width .6s cubic-bezier(.32,1.4,.5,1),
              height .6s cubic-bezier(.32,1.4,.5,1),
              border-radius .5s cubic-bezier(.32,1.4,.5,1);
  z-index: 198;
  pointer-events: none;
}
.lg-morph-blob.is-open{
  width: 260px; height: 340px;
  border-radius: 28px;
  top: 76px; right: 20px;
}
@media(min-width:1221px){ .lg-morph-blob{ display:none; } }

@media (prefers-reduced-motion: reduce){
  .lg-press.lg-press{ transition: none; }
  .lg-press:hover, .lg-press:active{ transform:none; }
  .lg-press.lg-press--release{ animation:none; }
  .lg-morph-blob{ transition: none; }
}