/**
 * CTA.CSS
 * Estilos para a seção CTA final
 * Depende de base.css para tokens
 */

/* ===== CTA FINAL ===== */
.v2-cta-final {
    /* Frame 40 - Background com múltiplas camadas conforme Figma */
    background:
        url("../img/bg-footer.png"),
        url("../img/bg-footer.png"),
        url("../img/bg-footer.png"),
        url("../img/bg-footer.png"),
        #3E5C58;
    background-blend-mode: multiply, multiply, multiply, multiply, normal;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Layout conforme Figma */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 224px 10px;
    gap: 40px;
    width: 100%;
    height: 716px;
    margin: 0 auto;

    color: var(--sand);
    text-align: center;
}

.v2-cta-final__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 800px;
    margin: 0 auto;
}

.v2-cta-final__title {
    font-family: var(--font-title);
    font-weight: 300;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.4;
    margin: 0;
}

.v2-cta-final__description {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    margin: 0;
}

.v2-cta-final__button {
    margin-top: 32px;
}

.v2-cta-final .v2-btn--light {
    background: var(--sand);
    color: var(--blue);
}

.v2-cta-final .v2-btn--light:hover {
    background: var(--white);
    transform: translateY(-2px);
}

/* Responsividade */
@media (max-width: 1440px) {
    .v2-cta-final {
        width: 100%;
        max-width: 100%;
        padding: clamp(120px, 15vw, 224px) 20px;
        height: auto;
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .v2-cta-final {
        padding: clamp(80px, 12vw, 120px) 16px;
        gap: 32px;
        min-height: 400px;
    }

    .v2-cta-final__content {
        gap: 32px;
    }

    .v2-cta-final__button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}