/* INGRA: cartão "Agende sua implantação" (Meu Painel e Conta e assinatura), liberado pelo setup pago */
.ig-impl {
    margin: 0 0 22px; padding: 20px 24px; border-radius: 20px; color: var(--ig-ink, #eaf7fc);
    background: linear-gradient(135deg, #0a83bd 0%, #006699 45%, #013252 100%);
    box-shadow: 0 18px 40px -24px rgba(1, 50, 82, .7);
}
.ig-impl-selo {
    display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em;
    text-transform: uppercase; color: var(--ig-accent, #2dd4ea);
}
.ig-impl-selo .ic { width: 16px; height: 16px; }
.ig-impl-cab h2 { font-family: 'Fraunces', Georgia, serif; font-size: 22px; font-weight: 700; margin: 4px 0 6px; color: #fff; }
.ig-impl-texto { margin: 0 0 12px; font-size: 14px; color: var(--ig-muted, #cfe6f1); }
.ig-impl-texto b { color: #fff; }
.ig-impl-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 14px; }
.ig-impl-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; color: #fff; }
.ig-impl-form input, .ig-impl-form select, .ig-impl-form textarea {
    border-radius: 10px; border: 1px solid rgba(255, 255, 255, .25); padding: 8px 10px; font-size: 14px; font-weight: 500;
    background: rgba(255, 255, 255, .1); color: #fff;
}
.ig-impl-form select option { color: #0b2536; }
.ig-impl-form input::placeholder, .ig-impl-form textarea::placeholder { color: rgba(234, 247, 252, .6); }
.ig-impl-largo { grid-column: 1 / -1; }
.ig-impl-acoes { display: flex; justify-content: flex-end; }
.ig-impl-btn {
    display: inline-flex; padding: 9px 16px; border-radius: 10px; border: 0; cursor: pointer; font-size: 13.5px; font-weight: 800;
    background: var(--ig-accent, #2dd4ea); color: #001b29;
}
.ig-impl-btn:hover { filter: brightness(1.07); }
.ig-impl-link { background: none; border: 0; padding: 0; font-size: 13px; font-weight: 700; color: var(--ig-accent, #2dd4ea); cursor: pointer; }
.ig-impl-link:hover { text-decoration: underline; }
.ig-impl-erro { font-size: 12px; font-weight: 600; color: #fecaca; }

@media (max-width: 640px) {
    .ig-impl { padding: 18px 16px; }
}