/* ============================================================
   BOLEPIX — CONTATO FINAL V5686
   Estrutura existente: bp-contact-clean
   ============================================================ */

html body .landing .bp-contact-clean {
    position: relative !important;

    width:
        min(
            1180px,
            calc(100% - 48px)
        ) !important;

    max-width: none !important;
    min-height: calc(100vh - 88px) !important;

    display: block !important;

    margin: 0 auto !important;
    padding: 68px 0 82px !important;

    color: #ffffff !important;

    text-align: initial !important;
}

/* ============================================================
   CABEÇALHO DO CONTATO
   ============================================================ */

html body
.bp-contact-clean
.bp-contact-clean-header {
    width: 100% !important;
    max-width: 850px !important;

    display: block !important;

    margin: 0 auto 34px !important;
    padding: 0 !important;

    text-align: center !important;
}

html body
.bp-contact-clean-header
.api-eyebrow {
    width: fit-content !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto !important;

    border:
        1px solid rgba(42, 226, 163, .37) !important;

    color: #aef8dc !important;

    -webkit-text-fill-color: #aef8dc !important;

    background:
        rgba(31, 209, 148, .09) !important;
}

html body
.bp-contact-clean-header
.route-title {
    width: 100% !important;
    max-width: 850px !important;

    margin: 20px auto 16px !important;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    font-size:
        clamp(
            43px,
            5vw,
            68px
        ) !important;

    font-weight: 890 !important;
    letter-spacing: -2.8px !important;
    line-height: 1.04 !important;

    text-align: center !important;

    opacity: 1 !important;
}

html body
.bp-contact-clean-header
.bp-contact-clean-lead {
    width: 100% !important;
    max-width: 790px !important;

    margin: 0 auto !important;

    color: #c9ddea !important;

    -webkit-text-fill-color: #c9ddea !important;

    font-size: 18px !important;
    line-height: 1.62 !important;

    text-align: center !important;

    opacity: 1 !important;
}

/* ============================================================
   TRÊS BENEFÍCIOS
   ============================================================ */

html body
.bp-contact-clean
.bp-contact-clean-benefits {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    align-items: stretch !important;

    gap: 15px !important;

    margin: 0 auto 24px !important;
    padding: 0 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-benefits
article {
    min-width: 0 !important;
    min-height: 142px !important;

    display: grid !important;

    grid-template-columns:
        46px 1fr !important;

    align-items: center !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 20px !important;

    border:
        1px solid rgba(177, 214, 239, .19) !important;

    border-radius: 17px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(47, 101, 148, .50),
            rgba(24, 70, 103, .67)
        ) !important;

    box-shadow:
        0 18px 42px rgba(0, 8, 22, .12) !important;

    text-align: left !important;
}

html body
.bp-contact-clean-benefits
article > span {
    width: 43px !important;
    height: 43px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;

    border:
        1px solid rgba(42, 226, 163, .34) !important;

    border-radius: 12px !important;

    color: #7cefc6 !important;

    -webkit-text-fill-color: #7cefc6 !important;

    background:
        rgba(31, 209, 148, .10) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}

html body
.bp-contact-clean-benefits
article > div {
    min-width: 0 !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body
.bp-contact-clean-benefits
strong {
    display: block !important;

    margin: 0 0 7px !important;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 850 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-benefits
p {
    margin: 0 !important;

    color: #c7d9e6 !important;

    -webkit-text-fill-color: #c7d9e6 !important;

    font-size: 14px !important;
    line-height: 1.48 !important;

    text-align: left !important;
}

/* ============================================================
   CARD DO FORMULÁRIO
   ============================================================ */

html body
.bp-contact-clean
.bp-contact-clean-card {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    max-width: 980px !important;

    display: block !important;

    margin: 0 auto !important;
    padding: 31px !important;

    border:
        1px solid rgba(170, 211, 238, .25) !important;

    border-radius: 24px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #316995 0%,
            #245779 48%,
            #174765 100%
        ) !important;

    box-shadow:
        0 32px 76px rgba(0, 7, 19, .28) !important;

    text-align: left !important;

    opacity: 1 !important;
}

html body
.bp-contact-clean-card::before {
    content: "" !important;

    position: absolute !important;

    width: 270px !important;
    height: 270px !important;

    top: -180px !important;
    right: -115px !important;

    border-radius: 50% !important;

    background:
        rgba(31, 214, 154, .18) !important;

    pointer-events: none !important;
}

html body
.bp-contact-clean-card
.bp-contact-clean-card-head {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-card-head
.bp-contact-clean-icon {
    width: 54px !important;
    height: 54px !important;

    display: grid !important;
    place-items: center !important;

    flex: 0 0 auto !important;

    border:
        1px solid rgba(42, 226, 163, .32) !important;

    border-radius: 16px !important;

    color: #82f1ca !important;

    -webkit-text-fill-color: #82f1ca !important;

    background:
        rgba(31, 209, 148, .10) !important;

    font-size: 25px !important;
}

html body
.bp-contact-clean-card-head
strong {
    display: block !important;

    margin: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    font-size: 21px !important;
    font-weight: 850 !important;
}

html body
.bp-contact-clean-card-head
small {
    display: block !important;

    margin: 4px 0 0 !important;

    color: #bdd3e3 !important;

    -webkit-text-fill-color: #bdd3e3 !important;

    font-size: 13px !important;
}

/* ============================================================
   FORMULÁRIO
   ============================================================ */

html body
.bp-contact-clean-card
.bp-contact-clean-form {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    max-width: none !important;

    display: grid !important;

    grid-template-columns:
        1fr !important;

    gap: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-form
.bp-contact-clean-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    gap: 15px !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body
.bp-contact-clean-form
label,
html body
.bp-contact-clean-form
.bp-contact-clean-field {
    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;

    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-form
label > span,
html body
.bp-contact-clean-form
.bp-contact-clean-field > span {
    display: block !important;

    margin: 0 !important;

    color: #dce9f2 !important;

    -webkit-text-fill-color: #dce9f2 !important;

    font-size: 13px !important;
    font-weight: 780 !important;

    text-align: left !important;
}

html body
.bp-contact-clean-form
input,
html body
.bp-contact-clean-form
textarea,
html body
.bp-contact-clean-form
select {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    border:
        1px solid rgba(210, 231, 245, .26) !important;

    border-radius: 12px !important;

    color: #10243b !important;

    -webkit-text-fill-color: #10243b !important;

    background:
        #f8fbfd !important;

    box-shadow: none !important;

    font-family: inherit !important;

    opacity: 1 !important;
}

html body
.bp-contact-clean-form
input {
    min-height: 52px !important;

    padding: 11px 14px !important;
}

/* WhatsApp e seletor de país. */
html body
.bp-contact-clean-form
.bp-contact-clean-phone {
    width: 100% !important;

    display: grid !important;

    gap: 7px !important;
}

html body
.bp-contact-clean-phone
> :not(span),
html body
.bp-contact-clean-phone
div,
html body
.bp-contact-clean-phone
.phone-field,
html body
.bp-contact-clean-phone
.phone-input-wrap {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}

html body
.bp-contact-clean-phone
div {
    min-width: 0 !important;
}

html body
.bp-contact-clean-phone
input {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Mensagem. */
html body
.bp-contact-clean-form
.bp-contact-clean-message {
    width: 100% !important;
}

html body
.bp-contact-clean-message
textarea {
    min-height: 155px !important;

    padding: 14px !important;

    resize: vertical !important;
}

/* Botão. */
html body
.bp-contact-clean-form
.bp-contact-clean-submit {
    width: 100% !important;

    min-height: 55px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 2px 0 0 !important;

    border: 0 !important;

    border-radius: 14px !important;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #128cff 0%,
            #1cbadd 52%,
            #21d394 100%
        ) !important;

    box-shadow:
        0 15px 34px rgba(18, 140, 255, .24) !important;

    font-size: 16px !important;
    font-weight: 850 !important;

    text-align: center !important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 900px) {
    html body
    .landing
    .bp-contact-clean {
        width:
            min(
                100% - 26px,
                1180px
            ) !important;

        min-height:
            calc(100vh - 76px) !important;

        padding:
            46px 0 60px !important;
    }

    html body
    .bp-contact-clean
    .bp-contact-clean-benefits {
        grid-template-columns:
            1fr !important;
    }

    html body
    .bp-contact-clean-benefits
    article {
        min-height:
            105px !important;
    }

    html body
    .bp-contact-clean
    .bp-contact-clean-card {
        padding:
            23px !important;
    }

    html body
    .bp-contact-clean-form
    .bp-contact-clean-grid {
        grid-template-columns:
            1fr !important;
    }
}

@media (max-width: 520px) {
    html body
    .bp-contact-clean-header
    .route-title {
        font-size:
            clamp(
                38px,
                12vw,
                52px
            ) !important;

        letter-spacing:
            -1.8px !important;
    }

    html body
    .bp-contact-clean-benefits
    article {
        grid-template-columns:
            42px 1fr !important;

        padding:
            16px !important;
    }

    html body
    .bp-contact-clean
    .bp-contact-clean-card {
        padding:
            19px !important;
    }
}