/* DELS — CSS consolidado. Gerado a partir dos snippets auditados. */

/* =========================================================
 * Formulário de contato
 * Consolidado sem alteração visual na versão 1.4.0
 * ====================================================== */

.dels-contato-wrap {
            width: min(100%, 880px) !important;
            margin: 54px auto 70px auto !important;
            padding: 0 22px !important;
            box-sizing: border-box !important;
        }

        .dels-contato-cabecalho {
            text-align: center !important;
            margin-bottom: 28px !important;
        }

        .dels-contato-cabecalho h1 {
            margin: 0 !important;
            font-size: clamp(2.2rem, 5vw, 4rem) !important;
            line-height: 1.05 !important;
            font-weight: 950 !important;
            color: #111827 !important;
        }

        .dels-contato-cabecalho p {
            max-width: 680px !important;
            margin: 14px auto 0 auto !important;
            color: #4b5563 !important;
            font-size: 1rem !important;
            line-height: 1.6 !important;
        }

        .dels-contato-form {
            background: #ffffff !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 26px !important;
            padding: 26px !important;
            box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06) !important;
        }

        .dels-contato-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 18px !important;
        }

        .dels-contato-campo {
            display: flex !important;
            flex-direction: column !important;
            gap: 7px !important;
        }

        .dels-contato-campo-full {
            grid-column: 1 / -1 !important;
        }

        .dels-contato-campo label {
            font-size: 0.9rem !important;
            font-weight: 900 !important;
            color: #111827 !important;
        }

        .dels-contato-campo input,
        .dels-contato-campo select,
        .dels-contato-campo textarea {
            width: 100% !important;
            box-sizing: border-box !important;

            border: 1px solid #d1d5db !important;
            border-radius: 14px !important;
            background: #ffffff !important;

            padding: 12px 14px !important;

            color: #111827 !important;
            font-size: 0.96rem !important;
            line-height: 1.4 !important;
            outline: none !important;
        }

        .dels-contato-campo textarea {
            resize: vertical !important;
            min-height: 150px !important;
        }

        .dels-contato-campo input:focus,
        .dels-contato-campo select:focus,
        .dels-contato-campo textarea:focus {
            border-color: #38B6FF !important;
            box-shadow: 0 0 0 4px rgba(56, 182, 255, 0.18) !important;
        }

        .dels-contato-botao {
            margin-top: 22px !important;

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

            border: none !important;
            border-radius: 999px !important;

            background: #38B6FF !important;
            color: #ffffff !important;

            padding: 13px 24px !important;

            font-size: 0.96rem !important;
            font-weight: 900 !important;
            cursor: pointer !important;

            transition: transform 0.18s ease, background 0.18s ease !important;
        }

        .dels-contato-botao:hover {
            transform: translateY(-1px) !important;
            background: #159fe8 !important;
        }

        .dels-contato-alerta {
            margin: 0 0 18px 0 !important;
            padding: 14px 16px !important;
            border-radius: 16px !important;
            font-weight: 800 !important;
            line-height: 1.5 !important;
        }

        .dels-contato-alerta p {
            margin: 0 !important;
        }

        .dels-contato-sucesso {
            background: #ecfdf5 !important;
            color: #065f46 !important;
            border: 1px solid #a7f3d0 !important;
        }

        .dels-contato-erro {
            background: #fef2f2 !important;
            color: #991b1b !important;
            border: 1px solid #fecaca !important;
        }

        @media screen and (max-width: 767px) {
            .dels-contato-wrap {
                width: 94% !important;
                margin: 38px auto 54px auto !important;
                padding: 0 !important;
            }

            .dels-contato-form {
                padding: 20px !important;
                border-radius: 22px !important;
            }

            .dels-contato-grid {
                grid-template-columns: 1fr !important;
            }

            .dels-contato-botao {
                width: 100% !important;
            }
        }