/* Melhorias de leitura e espaçamento do formulário de diagnóstico da homepage */

.inquiry-section .section-heading {
    max-width: 980px;
    margin-bottom: 42px;
}

.inquiry-section .section-heading h2 {
    max-width: 850px;
}

.inquiry-wrap {
    grid-template-columns: minmax(0, 1.28fr) minmax(340px, .72fr) !important;
    gap: 34px !important;
    padding: clamp(28px, 4vw, 46px) !important;
    border-radius: 30px !important;
}

.inquiry-section .contact-form,
.inquiry-section .next-steps-panel {
    padding: clamp(28px, 3vw, 42px) !important;
    border-radius: 26px !important;
    background: rgba(2, 17, 28, .78) !important;
    border: 1px solid rgba(121, 201, 66, .16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 22px 60px rgba(0,0,0,.18) !important;
}

.inquiry-section .contact-form .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 24px !important;
    align-items: start !important;
}

.inquiry-section .contact-form .form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.inquiry-section .contact-form .form-group.full {
    grid-column: 1 / -1 !important;
}

.inquiry-section .contact-form label:not(.privacy-row) {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,255,255,.92) !important;
    font-size: .83rem !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
}

.inquiry-section .contact-form .form-control,
.inquiry-section .contact-form input[type="text"],
.inquiry-section .contact-form input[type="email"],
.inquiry-section .contact-form input[type="tel"],
.inquiry-section .contact-form select,
.inquiry-section .contact-form textarea {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 14px 16px !important;
    color: #ffffff !important;
    background-color: rgba(2, 16, 27, .96) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
    outline: none !important;
    font-size: .95rem !important;
    line-height: 1.25 !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.inquiry-section .contact-form select {
    padding-right: 44px !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--green) 50%),
        linear-gradient(135deg, var(--green) 50%, transparent 50%) !important;
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 15px) 50% !important;
    background-size: 7px 7px, 7px 7px !important;
    background-repeat: no-repeat !important;
}

.inquiry-section .contact-form select option {
    color: #102532 !important;
    background: #ffffff !important;
    font-size: .95rem !important;
}

.inquiry-section .contact-form textarea {
    height: auto !important;
    min-height: 138px !important;
    resize: vertical !important;
    line-height: 1.55 !important;
}

.inquiry-section .contact-form .form-control::placeholder,
.inquiry-section .contact-form textarea::placeholder {
    color: rgba(255,255,255,.43) !important;
}

.inquiry-section .contact-form .form-control:focus,
.inquiry-section .contact-form input:focus,
.inquiry-section .contact-form select:focus,
.inquiry-section .contact-form textarea:focus {
    background-color: rgba(3, 23, 38, .98) !important;
    border-color: rgba(121, 201, 66, .76) !important;
    box-shadow: 0 0 0 4px rgba(121, 201, 66, .13), 0 0 28px rgba(121, 201, 66, .08) !important;
}

.inquiry-section .privacy-row {
    display: grid !important;
    grid-template-columns: 20px 1fr !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 24px 0 24px !important;
    color: rgba(255,255,255,.74) !important;
    font-size: .87rem !important;
    line-height: 1.55 !important;
}

.inquiry-section .privacy-row input {
    width: 18px !important;
    height: 18px !important;
    margin: 3px 0 0 !important;
    accent-color: var(--green) !important;
}

.inquiry-section .privacy-row a {
    color: var(--green) !important;
    font-weight: 800 !important;
}

.inquiry-section .form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-top: 6px !important;
}

.inquiry-section .form-actions small {
    max-width: 340px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

.inquiry-section .submit-btn {
    width: auto !important;
    min-width: 174px !important;
    min-height: 58px !important;
    padding: 0 28px !important;
    white-space: nowrap !important;
}

.inquiry-section .next-steps-panel {
    align-self: stretch !important;
}

.inquiry-section .next-steps-panel li {
    line-height: 1.45 !important;
}

@media (max-width: 1180px) {
    .inquiry-wrap {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    .inquiry-section .contact-form .form-grid {
        grid-template-columns: 1fr !important;
    }

    .inquiry-section .form-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .inquiry-section .submit-btn {
        width: 100% !important;
    }
}