/* ============================================================
   TheTryck · Precios solo para quien tiene cuenta
   Va de la mano de assets/tt-precios.js. La clase que manda es
   `sin-cuenta` en <html>, que pone tt-auth.js tras preguntar al
   servidor si la sesión es buena.

   Se empieza TAPADO (regla de abajo sin la clase) y se destapa
   cuando se confirma la sesión: así el precio no asoma durante
   el instante que tarda en responder Supabase.
   ============================================================ */

.tt-precio-lock{display:none}

html.sin-cuenta .tt-precio-valor{display:none !important}
html.sin-cuenta .tt-precio-lock{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-family:inherit;font-size:.62em;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;line-height:1.4;text-decoration:none;
  padding:4px 11px;border-radius:999px;
  border:1px solid currentColor;opacity:.85;transition:.25s ease
}
html.sin-cuenta .tt-precio-lock:hover{opacity:1;transform:translateY(-1px)}

/* mientras no se sabe si hay sesión, se tapa igual */
html:not(.con-cuenta) .tt-precio-valor{visibility:hidden}
html.con-cuenta .tt-precio-valor{visibility:visible}
html.sin-cuenta .tt-precio-valor{visibility:hidden}

@media(prefers-reduced-motion:reduce){
  html.sin-cuenta .tt-precio-lock{transition:none}
  html.sin-cuenta .tt-precio-lock:hover{transform:none}
}
