/* Utilidades que usan la cuenta del cliente (ingresar.php, mi_cuenta.php...) y
   assets/js/cuenta.js y que el theme.min.css compilado no trae. */
.max-w-md { max-width: 28rem; }
.border-b-2 { border-bottom-width: 2px; }
.border-transparent { border-color: transparent; }
.border-gray-100 { border-color: #f3f4f6; }
.text-xs { font-size: .75rem; line-height: 1rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-green-700 { color: #15803d; }
.tracking-wide { letter-spacing: .025em; }
.-right-2 { right: -.5rem; }
.-top-2 { top: -.5rem; }
.my-16 { margin-top: 4rem; margin-bottom: 4rem; }
.hover\:underline:hover { text-decoration: underline; }
@media (min-width: 640px) {
    .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .md\:col-span-2 { grid-column: span 2 / span 2; }
    .md\:mb-0 { margin-bottom: 0; }
}

/* Loader de los botones (botonCargando en assets/js/cuenta.js). */
.kf-spinner {
    display: inline-block; width: 1em; height: 1em; margin-right: .5em; vertical-align: -.15em;
    border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
    animation: kf-girar .7s linear infinite;
}
@keyframes kf-girar { to { transform: rotate(360deg); } }
button[aria-busy="true"] { cursor: wait; opacity: .85; }