/* Botones27. Una sola superficie por botón tras corregir el doble contorno26.
   El reflejo es el fondo del propio control: sin cápsula interior ni traslación.
   Conservar cabecera25, órbita, dos puntos, destello, geometría y funciones. */
:root{
  --crystal-surface:rgba(10,13,23,.76);
  --crystal-edge:rgba(204,203,213,.18);
  --crystal-ink:#eeeae3;
  --crystal-reflection:linear-gradient(150deg,rgba(220,213,201,.11),rgba(150,161,190,.04));
  --crystal-shadow:inset 0 1px 0 rgba(229,228,232,.06),0 12px 32px rgba(0,0,0,.18);
}
.cosmic-action.cosmic-action{
  isolation:isolate;
  background:var(--crystal-surface);
  border-color:var(--crystal-edge);
  color:var(--crystal-ink);
  box-shadow:var(--crystal-shadow);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s;
}
.cosmic-action.cosmic-action::before{border-color:rgba(222,216,204,.65)}
.cosmic-action.cosmic-action::after{background:#ded9ce;box-shadow:8px -7px 0 -1px #cec9c0}
.cosmic-action:not(:disabled):hover,.cosmic-action:focus-visible,
.image-link:hover .cosmic-action,.image-link:focus-visible .cosmic-action,
.tarot-options a:hover .cosmic-action,.tarot-options a:focus-visible .cosmic-action{
  background:var(--crystal-reflection),var(--crystal-surface);
  border-color:rgba(224,219,207,.34);
  color:var(--crystal-ink);
  box-shadow:var(--crystal-shadow);
}
.cosmic-action:focus-visible{outline-color:#e5ddcd}
.cosmic-action>.button-glint{background:#e9e1d0}
/* Compact utility buttons keep their labels and native states, without adding icons. */
.motion-toggle.motion-toggle,.editor-tools button,.social-links a{
  border:1px solid var(--crystal-edge);
  border-radius:999px;
  background:var(--crystal-surface);
  color:var(--crystal-ink);
  box-shadow:var(--crystal-shadow);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:background-color .35s,border-color .35s,box-shadow .35s;
}
.social-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;line-height:1.5}
/* Botones30: replace only the social names with recognizable brand marks. */
.social-links a.social-icon-link{position:relative;isolation:isolate;width:64px;height:50px;min-height:50px;padding:12px;flex:0 0 auto}
.social-links .social-icon-link svg{display:block;width:24px;height:24px;flex-shrink:0}
.social-icon-link>.button-glint{right:7px;top:3px;background:#e9e1d0}
.social-icon-link:hover>.button-glint,.social-icon-link:focus-visible>.button-glint{animation:button-star-glint .65s ease-out 1}
.motion-toggle.motion-toggle:is(:hover,:focus-visible),.editor-tools button:is(:hover,:focus-visible),.social-links a:is(:hover,:focus-visible),.editor-tools button[aria-pressed="true"]{
  background:var(--crystal-reflection),var(--crystal-surface);
  border-color:rgba(224,219,207,.34);
  color:var(--crystal-ink);
  box-shadow:inset 0 1px 0 rgba(235,230,220,.10),0 12px 32px rgba(0,0,0,.2);
}
/* The specifically selected review arrows remain unframed and keep their geometry. */
#resenas .review-arrow{color:#d3cfc7}
#resenas .review-arrow:hover:not(:disabled){color:#eeeae3;filter:drop-shadow(0 0 5px rgba(222,216,204,.3))}
.motion-paused :is(.cosmic-action,.motion-toggle,.editor-tools button,.social-links a){transition:none}
@media(prefers-reduced-motion:reduce){
  .cosmic-action,.motion-toggle,.editor-tools button,.social-links a{transition:none!important}
}