/**
 * Google Login Button - Frontend Styles
 * Solo estilos del botón, sin afectar tipografías globales del tema.
 */
.google-login-wrapper {
    margin-top: 20px;
    width: 100%;
}

.google-login-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    padding: 10px 16px;
    color: #202124;
    background: #fff;
    text-decoration: none;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    width: 100%;
}

.google-login-button:hover,
.google-login-button:focus {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
    color: #202124;
}

.google-login-logo {
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"%3E%3Cpath fill="%234285F4" d="M24 9.5c3.54 0 6 1.54 7.38 2.83l5.42-5.42C33.64 3.58 29.18 1.5 24 1.5 14.82 1.5 6.92 7.36 3.69 15.12l6.31 4.9C11.64 13.52 17.22 9.5 24 9.5z"/%3E%3Cpath fill="%2334A853" d="M46.5 24.5c0-1.64-.16-3.21-.46-4.74H24v9h12.7c-.55 2.88-2.23 5.32-4.76 6.97l7.44 5.78C43.89 37.61 46.5 31.65 46.5 24.5z"/%3E%3Cpath fill="%23FBBC05" d="M10 28.02a14.5 14.5 0 0 1-.76-4.52c0-1.57.27-3.09.76-4.52l-6.31-4.9C2.63 17.34 1.5 20.57 1.5 24s1.13 6.66 3.19 9.92l6.31-4.9z"/%3E%3Cpath fill="%23EA4335" d="M24 46.5c5.18 0 9.64-1.71 12.85-4.64l-7.44-5.78c-2.07 1.39-4.72 2.22-7.41 2.22-6.78 0-12.36-4.02-14-9.6l-6.31 4.9C6.92 40.64 14.82 46.5 24 46.5z"/%3E%3Cpath fill="none" d="M0 0h48v48H0z"/%3E%3C/svg%3E');
    background-size: cover;
    display: inline-block;
}