/* login: ver accounts.css (plan/14). */
@import url('accounts.css');

/* Entrar con Google (plan/14 §3). La marca conserva sus colores; el botón, el material de la casa. */
.auth-google { display: grid; gap: var(--space-4); margin-bottom: var(--space-4); }
.auth-google-button {
	display: flex; align-items: center; justify-content: center; gap: var(--space-2);
	width: 100%; min-height: var(--touch); padding: 0 var(--space-4);
	font-size: var(--text-sm); font-weight: 600; color: var(--text); text-decoration: none;
	background: var(--panel-raised); border: 1px solid var(--border); border-radius: var(--radius-pill);
	transition: background 0.18s var(--ease), border-color 0.18s var(--ease);
}
.auth-google-button:hover { background: #2d3139; border-color: #3a3e47; }
.auth-google-button .icon { flex: none; }
/* «o con tu correo», entre dos líneas. */
.auth-or { display: flex; align-items: center; gap: var(--space-3); margin: 0; font-size: var(--text-xs); color: var(--text-muted); }
.auth-or::before, .auth-or::after { content: ''; flex: 1; height: 1px; background: var(--border); }