@media (max-width: 768px) {
    .form-section {
        padding: 80px 15px 40px 15px !important;
        overflow-y: auto !important;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-height: calc(100vh - 78px);
    }

    .form-card {
        width: 100%;
        max-width: 320px;
        padding: 15px 11px !important;
        border-radius: 12px;
        margin: 55px auto 0 auto;
    }

    .form-card h2 {
        font-size: 1.05rem !important;
        margin-bottom: 5px !important;
    }

    .input-group {
        margin-bottom: 6px !important;
    }

    .input-group label {
        font-size: 10px;
        margin-bottom: 1px;
    }

    .input-wrapper input,
    .input-group>input {
        padding: 5px 8px !important;
        font-size: 13px;
        width: 100%;
    }

    .form-card button {
        padding: 6px !important;
        font-size: 13px;
        margin-top: 2px;
        border-radius: 6px;
    }

    .site-header {
        height: 58px;
    }

    .header-container {
        justify-content: flex-start;
        padding: 0 15px;
        width: 100%;
        left: 20px;
        gap: 10px;
    }

    .site-footer {
        height: 28px;
        padding: 4px 10px;
        font-size: 0.3rem;
    }

    .input-group select.select-customizado,
    .form-card select {
        padding: 6px 10px;
        font-size: 0.8rem;
        background-position: right 8px center;
        background-size: 12px;
    }

    .whatsapp-float {
        bottom: 32px;
        right: 10px;
        width: 36px;
        height: 36px;
    }

    .whatsapp-icon {
        width: 18px;
        height: 18px;
    }

    .whatsapp-tooltip {
        font-size: 0.55rem;
        padding: 3px 6px;
        right: 44px;
        border-radius: 5px;
    }

    .whatsapp-tooltip::after {
        border-width: 3px 0 3px 3px;
    }

    .logo-header {
        width: 80px;
        left: 15px;
    }

    .consulta-container {
        top: 70px;
        right: 15px;
    }

    .consulta-toggle {
        width: 44px;
        height: 44px;
    }

    .consulta-box {
        top: 52px;
        right: 0;
    }

    .consulta-box input {
        width: 160px;
        height: 32px;
        font-size: 11px;
    }

    .consulta-box button {
        height: 32px;
        padding: 0 12px !important;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .comprovante {
        width: 95%;
        padding: 20px;
    }

    .cabecalho-comprovante img {
        width: 65px;
    }

    .cabecalho-comprovante h2 {
        font-size: 16px;
    }

    .cabecalho-comprovante h3 {
        font-size: 14px;
    }

    .comprovante p {
        font-size: 12px;
    }
}