/* Complementos da página /chatbot sobre o landing.css da /ia */
.planos-3 { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items: stretch; }
.alternar { display: inline-flex; gap: .25rem; margin-top: 1.25rem; padding: .25rem; border: 1px solid rgb(148 163 184 / .26); border-radius: 999px; background: rgb(255 255 255 / .04); }
.alternar .opcao { border: 0; border-radius: 999px; padding: .5rem 1rem; background: transparent; color: #94a3b8; font: inherit; font-weight: 600; cursor: pointer; }
.alternar .opcao.ativa { background: #2d7bff; color: #fff; }
.nota-planos { margin-top: 1.25rem; text-align: center; color: #94a3b8; font-size: .9rem; }

.passos-chat { counter-reset: passo; }
.passos-chat, .extras { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.passos-chat .passo, .extras article { padding: 1.4rem; border-radius: 1rem; }
.passos-chat h3, .extras h3 { margin: .6rem 0 .35rem; font-size: 1.05rem; }
.passos-chat p, .extras p { color: #94a3b8; font-size: .93rem; line-height: 1.55; }
.extras strong { display: block; margin-top: .75rem; color: #00c7f6; }

.chat-demo { display: flex; flex-direction: column; gap: .6rem; padding: 1.25rem; border-radius: 1.25rem; max-width: 400px; justify-self: center; width: 100%; }
.chat-demo .msg { margin: 0; padding: .65rem .9rem; border-radius: 1rem; font-size: .92rem; line-height: 1.45; max-width: 85%; }
.chat-demo .cliente { align-self: flex-end; background: #2d7bff; color: #fff; border-bottom-right-radius: .3rem; }
.chat-demo .robo { align-self: flex-start; background: rgb(255 255 255 / .07); border-bottom-left-radius: .3rem; }

.form-contratar { display: grid; gap: 1rem; max-width: 560px; margin: 0 auto; padding: 1.5rem; border-radius: 1.25rem; }
.form-contratar label { display: grid; gap: .4rem; font-size: .9rem; font-weight: 600; }
.form-contratar input, .form-contratar select { width: 100%; box-sizing: border-box; padding: .75rem .9rem; border-radius: .6rem; border: 1px solid rgb(148 163 184 / .26); background: #0b1328; color: #f8fafc; font: inherit; font-weight: 400; }
.form-contratar input:focus, .form-contratar select:focus { outline: 2px solid #00c7f6; outline-offset: 1px; }
.form-contratar .consentimento { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; color: #94a3b8; line-height: 1.5; }
.form-contratar .consentimento input { width: auto; margin-top: .2rem; }
.form-erro { margin: 0; padding: .65rem .9rem; border-radius: .6rem; background: rgb(248 113 113 / .1); color: #f87171; font-size: .9rem; }
.form-rodape { margin: 0; text-align: center; color: #94a3b8; font-size: .82rem; }
.isca { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }