:root { --cobre:#c8956c; --cobre-esc:#5a2e0a; --cobre-leve:#e8c9a8; }

body { font-family: 'Source Serif 4', Georgia, serif; }

.contacto-card {
            border: none;
            border-left: 3px solid var(--cobre);
            border-radius: 0;
            padding: 18px 20px;
            background: rgba(200,149,108,.07);
            margin-bottom: 1rem;
        }
        .contacto-card .label { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cobre); margin-bottom: 4px; }
        .contacto-card .valor { font-size: .95rem; color: var(--cobre-leve); }
        [data-bs-theme="light"] .contacto-card .valor { color: #3a1e08; }

        /* ── Inputs ── */
        .form-control, .form-select {
            background-color: rgba(232,201,168,.18) !important;
            border-color: rgba(200,149,108,.35);
        }
        [data-bs-theme="dark"] .form-control,
        [data-bs-theme="dark"] .form-select {
            background-color: rgba(90,46,10,.35) !important;
            color: #e8c9a8 !important;
        }
        .form-control:focus, .form-select:focus {
            background-color: rgba(232,201,168,.28) !important;
            border-color: var(--cobre);
            box-shadow: 0 0 0 .2rem rgba(200,149,108,.2);
        }

        /* ── Float labels ── */
        .form-floating > .form-control:focus ~ label,
        .form-floating > .form-control:not(:placeholder-shown) ~ label,
        .form-floating > .form-select ~ label {
            color: var(--cobre) !important;
            opacity: 1;
        }
        [data-bs-theme="dark"] .form-floating > .form-control:focus ~ label,
        [data-bs-theme="dark"] .form-floating > .form-control:not(:placeholder-shown) ~ label,
        [data-bs-theme="dark"] .form-floating > .form-select ~ label {
            color: var(--cobre-leve) !important;
            opacity: 1;
        }
        .form-floating > label::after {
            background-color: transparent !important;
        }
        .btn-enviar {
            background: var(--cobre);
            color: #0f0d0b;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            padding: 10px 32px;
            transition: background .2s;
        }
        .btn-enviar:hover { background: #e8a870; color: #0f0d0b; }

        .sucesso-area {
            text-align: center;
            padding: 60px 20px;
        }
        .sucesso-area i { font-size: 3rem; color: #22c55e; margin-bottom: 1rem; display: block; }