/* Formulário de diagnóstico: o mesmo em /diagnostico/, na home e na gestão.
   fd--claro: cartão creme (diagnóstico e gestão). fd--escuro: sobre fundo verde (home). */
.fd{display:grid;gap:18px;font-family:'Jost','Helvetica Neue',-apple-system,'Segoe UI',sans-serif;text-align:left}
.fd-campo{display:grid;gap:6px}
.fd label{font-size:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.4}
.fd input,.fd select{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:1rem;font-weight:400;border-radius:0;appearance:none;-webkit-appearance:none}
.fd select{padding-right:38px;background-repeat:no-repeat;background-position:right 14px center;background-size:11px}
.fd input:focus-visible,.fd select:focus-visible,.fd summary:focus-visible,.fd-botao:focus-visible{outline:2px solid #A88B4A;outline-offset:2px}
.fd [aria-invalid="true"]{border-color:#a8322d!important}
.fd-opcionais{margin-top:-2px}
.fd-opcionais summary{display:inline-block;cursor:pointer;list-style:none;font-size:16px;text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.fd-opcionais summary::-webkit-details-marker{display:none}
.fd-opcionais-corpo{display:grid;gap:18px;margin-top:16px}
.fd-campo[hidden]{display:none}
.fd-ajuda{font-size:13px;line-height:1.5}
.fd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fd-botao{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 24px;border:0;cursor:pointer;font:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color .25s,color .25s}
.fd-botao:disabled{opacity:.65;cursor:default}
.fd-nota,.fd-lgpd{font-size:13px;line-height:1.55}
.fd-lgpd a{color:inherit;text-decoration:underline}
.fd-msg:empty{display:none}
.fd-msg{font-size:16px;line-height:1.6;padding:14px 16px}
.fd-msg a{text-decoration:underline}
.fd-msg .fd-zap{margin-top:14px;text-decoration:none}
.fd-enviado .fd-campo,.fd-enviado .fd-opcionais,.fd-enviado #fdBotao,.fd-enviado .fd-nota{display:none}

/* claro */
.fd--claro{background:#F7F3EA;color:#2b2b26;padding:clamp(22px,4vw,36px)}
.fd--claro label{color:#5c5c5c}
.fd--claro input,.fd--claro select{background-color:#fff;color:#2b2b26;border:1px solid rgba(25,56,38,0.22)}
.fd--claro select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231a3826' stroke-width='1.3'/%3E%3C/svg%3E")}
.fd--claro input:focus,.fd--claro select:focus{border-color:#A88B4A}
.fd--claro summary{color:#715E32}
.fd--claro .fd-ajuda,.fd--claro .fd-nota,.fd--claro .fd-lgpd{color:#5c5c5c}
.fd--claro .fd-botao{background:#193826;color:#EBE0C4}
.fd--claro .fd-botao:hover{background:#715E32}
.fd--claro .fd-msg[data-estado="erro"]{background:rgba(168,50,45,.07);border-left:3px solid #a8322d;color:#7a2420}
.fd--claro .fd-msg[data-estado="ok"]{background:rgba(25,56,38,0.06);border-left:3px solid #193826;color:#193826}
.fd--claro .fd-msg a{color:inherit}
.fd--claro .fd-zap{background:#193826;color:#EBE0C4!important}

/* escuro */
.fd--escuro{color:#EBE0C4}
.fd--escuro label{color:#B49755}
.fd--escuro input,.fd--escuro select{background-color:rgba(247,243,234,0.06);color:#EBE0C4;border:1px solid rgba(235,224,196,0.45)}
.fd--escuro input::placeholder{color:rgba(235,224,196,0.7)}
.fd--escuro select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9a96e' stroke-width='1.3'/%3E%3C/svg%3E")}
.fd--escuro select option{color:#2b2b26;background:#F7F3EA}
.fd--escuro input:focus,.fd--escuro select:focus{border-color:#A88B4A}
.fd--escuro summary{color:#B49755}
.fd--escuro .fd-ajuda,.fd--escuro .fd-nota,.fd--escuro .fd-lgpd{color:rgba(235,224,196,0.8)}
.fd--escuro .fd-botao{background:#B49755;color:#193826}
.fd--escuro .fd-botao:hover{background:#F7F3EA}
.fd--escuro .fd-msg[data-estado="erro"]{background:rgba(0,0,0,.18);border-left:3px solid #e8b4a0;color:#f3d2c6}
.fd--escuro .fd-msg[data-estado="ok"]{background:rgba(0,0,0,.18);border-left:3px solid #A88B4A;color:#EBE0C4}
.fd--escuro .fd-msg a{color:#B49755}
.fd--escuro .fd-zap{background:#B49755;color:#193826!important}

/* Fase 3: sem sombras, gradientes, anéis, estrelinhas e ícones de cartão */
