✓ Tarjeta guardada correctamente
Tu tarjeta digital
Guardá los datos y después seleccioná
“Ver mi tarjeta” para abrir la presentación
pública.
/* =====================================
AUTENTICACIÓN CON GOOGLE
===================================== */
.google-auth-button {
width: 100%;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 0 0 18px;
padding: 0 18px;
background: #ffffff;
color: #202124;
border: 1px solid #dadce0;
border-radius: 8px;
font-family: inherit;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.google-auth-button:hover {
background: #f8f9fa;
border-color: #c7c9cc;
box-shadow: 0 1px 3px rgba(60, 64, 67, 0.18);
}
.google-auth-button:active {
background: #f1f3f4;
}
.google-auth-button:focus-visible {
outline: 2px solid #4743c5;
outline-offset: 2px;
}
/* ICONO GOOGLE */
.google-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
/* =====================================
SEPARADOR "O"
===================================== */
.auth-divider {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
margin: 4px 0 18px;
color: #6b7280;
font-size: 14px;
font-weight: 500;
}
.auth-divider::before,
.auth-divider::after {
content: "";
flex: 1;
height: 1px;
background: #d7d7dc;
}
.auth-divider span {
flex-shrink: 0;
}
