.fx-google-start-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease-in-out;
}

.fx-google-start-btn__icon {
    max-height: 20px;
}

.fx-google-start-btn:hover {
    border-color: #1a73e8 !important;

    background-color: lightgray;
}

.fx-fact-card {
    border: 1px solid #e4e8ef;
    background-color: #ffffff;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.fx-fact-card:hover {
    transform: translateY(-3px) scale(1.02);
/*    border-color: #2146ff;*/
    background: var(--brand-color);
    box-shadow: 0 16px 30px rgba(33, 70, 255, 0.24);
}

.fx-fact-card h3,
.fx-fact-card p,
.fx-fact-card span,
.fx-fact-card i {
    transition: color 0.25s ease, background-color 0.25s ease;
}

.fx-fact-card:hover h3,
.fx-fact-card:hover p,
.fx-fact-card:hover span,
.fx-fact-card:hover i {
    color: #ffffff !important;
}

.fx-fact-card:hover .rounded-circle {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.fx-hero-main-image-wrap {
    position: relative;
}

.fx-hero-certificado-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: clamp(88px, 12vw, 140px);
    max-width: 28%;
    height: auto;
    z-index: 2;
    filter: drop-shadow(0 12px 24px rgba(15, 23, 42, 0.22));
    animation: fx-float-certificado 3.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes fx-float-certificado {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}