/* Optical capsules: white pearl for secondary actions, smoked glass for primary.
   V94: buttons no longer move or scale on hover and press. A scaled label is redrawn when the motion ends,
   which showed as a small dip and jump as the pointer left. Hover is now light, edge and shadow only. */
html body.la-editorial .btn,
html body.la-editorial .footer-socials a {
  --glass-x:50%;
  --glass-y:0%;
  --glass-light:rgba(255,255,255,.96);
  --glass-top:rgba(255,255,255,.78);
  --glass-bottom:rgba(233,233,233,.72);
  --glass-edge:rgba(92,92,92,.2);
  --glass-rim:rgba(255,255,255,.93);
  --glass-shadow:0 4px 9px -5px rgba(32,32,32,.25),0 1px 2px rgba(32,32,32,.055);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--glass-edge)!important;
  border-radius:999px!important;
  background-color:rgba(246,246,246,.76)!important;
  background-image:
    radial-gradient(ellipse 88% 150% at var(--glass-x) var(--glass-y),var(--glass-light),transparent 68%),
    linear-gradient(180deg,var(--glass-top),var(--glass-bottom))!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  -webkit-backdrop-filter:blur(18px) saturate(.8)!important;
  backdrop-filter:blur(18px) saturate(.8)!important;
  box-shadow:inset 0 1px 0 var(--glass-rim),inset 0 -1px 1px rgba(101,101,101,.065),var(--glass-shadow)!important;
  color:#242424!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
  transform:none!important;
  transition:box-shadow 240ms ease,border-color 240ms ease,background-color 240ms ease!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

/* A fine interior rim catches light. Both layers stay inside the actual control,
   behind its text and outside the hit-testing path. */
html body.la-editorial .btn::before,
html body.la-editorial .footer-socials a::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  z-index:-1;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 44%,rgba(255,255,255,.1))!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  transition:none!important;
}
html body.la-editorial .btn::after,
html body.la-editorial .footer-socials a::after {
  content:none!important;
  display:none!important;
  inset:0!important;
  pointer-events:none!important;
  background:none!important;
  box-shadow:none!important;
}

html body.la-editorial .btn.btn-solid {
  --glass-light:rgba(255,255,255,.2);
  --glass-top:rgba(72,72,72,.9);
  --glass-bottom:rgba(32,32,32,.96);
  --glass-edge:rgba(30,30,30,.62);
  --glass-rim:rgba(255,255,255,.34);
  --glass-shadow:0 5px 12px -6px rgba(28,28,28,.48),0 1px 2px rgba(28,28,28,.15);
  background-color:rgba(42,42,42,.9)!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(11,11,11,.25);
}
html body.la-editorial .btn.btn-solid::before {border-color:rgba(255,255,255,.1)!important}
html body.la-editorial .footer-socials a {text-shadow:none}

@media (hover:hover) and (pointer:fine) {
  html body.la-editorial .btn:hover,
  html body.la-editorial .footer-socials a:hover {
    --glass-shadow:0 7px 14px -8px rgba(32,32,32,.35),0 2px 3px rgba(32,32,32,.055);
    border-color:rgba(100,100,100,.28)!important;
  }
  html body.la-editorial .btn.btn-solid:hover {
    --glass-shadow:0 8px 16px -8px rgba(28,28,28,.5),0 2px 3px rgba(28,28,28,.13);
    border-color:rgba(30,30,30,.75)!important;
    color:#fff!important;
  }
}

html body.la-editorial .btn:active,
html body.la-editorial .footer-socials a:active {
  box-shadow:inset 0 1px 3px rgba(32,32,32,.15),inset 0 -1px 0 rgba(255,255,255,.5),0 1px 2px rgba(32,32,32,.055)!important;
  transition-duration:90ms!important;
}
html body.la-editorial .btn:focus-visible,
html body.la-editorial .footer-socials a:focus-visible {
  outline:2px solid #686868!important;
  outline-offset:4px!important;
}
html body.la-editorial .btn[disabled],
html body.la-editorial .btn[aria-disabled="true"] {
  opacity:.45!important;
  transform:none!important;
  box-shadow:none!important;
  cursor:not-allowed;
}

@media (prefers-reduced-motion:reduce) {
  html body.la-editorial .btn,
  html body.la-editorial .footer-socials a {
    transition:none!important;
    transform:none!important;
    --glass-x:50%!important;
    --glass-y:0%!important;
  }
  html body.la-editorial .btn:hover,
  html body.la-editorial .btn:active,
  html body.la-editorial .footer-socials a:hover,
  html body.la-editorial .footer-socials a:active {transform:none!important}
  html body.la-editorial .closing-call svg,
  html body.la-editorial .footer-socials a svg {transition:none!important;transform:none!important}
}