/* Botón «Iniciar sesión con El Cielo» · variante A (Azul). Sin dependencias.
   Uso: <a class="elc-btn" href="/auth/elcielo/start"><img src="elcielo-mark-white.png" alt="">Iniciar sesión con El Cielo</a>
   Tamaños: .-sm (40 px) · por defecto 52 px · .-lg (60 px) · .-block (ancho completo) · .-icono (solo la marca, redondo)
   Cargando: aria-busy="true" (la marca gira, no acepta clics). */
.elc-btn{--h:52px;display:inline-flex;align-items:center;gap:14px;height:var(--h);padding:0 26px 0 18px;
  border-radius:14px;border:0;cursor:pointer;background:#0058EE;color:#fff;
  font-family:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.005em;
  text-decoration:none;white-space:nowrap;box-shadow:0 8px 22px -10px rgba(0,88,238,.7);
  transition:background-color .15s,transform .08s,box-shadow .15s;user-select:none;-webkit-tap-highlight-color:transparent}
.elc-btn img{height:26px;width:26px;display:block}
.elc-btn:hover{background:#1E6FFF;color:#fff}
.elc-btn:active{background:#0046BD;transform:translateY(1px);box-shadow:none}
.elc-btn:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(0,88,238,.35)}
.elc-btn.-sm{--h:40px;font-size:14px;gap:10px;padding:0 18px 0 14px;border-radius:11px}
.elc-btn.-sm img{height:20px;width:20px}
.elc-btn.-lg{--h:60px;font-size:18px;gap:16px;padding:0 32px 0 22px;border-radius:16px}
.elc-btn.-lg img{height:30px;width:30px}
.elc-btn.-block{width:100%;justify-content:center}
.elc-btn.-icono{width:var(--h);padding:0;justify-content:center;gap:0;border-radius:999px}
.elc-btn[aria-busy="true"]{pointer-events:none;opacity:.85}
.elc-btn[aria-busy="true"] img{animation:elc-spin 1s linear infinite}
@keyframes elc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.elc-btn,.elc-btn img{transition:none;animation:none}}