/* Eleições institucionais — páginas públicas (votar e resultado). Contraste AAA, alvos de toque >= 44px, 375px sem rolagem horizontal. */

.el-pub { min-width: 0; }
.el-pub-cab { display: flex; gap: 16px; align-items: center; min-width: 0; }
.el-pub-cab > div { min-width: 0; }
.el-pub-inst { margin: 0; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: .85rem; color: #1e293b; }
.el-pub-logo { max-height: 72px; max-width: 120px; object-fit: contain; height: auto; width: auto; }

.el-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.el-sep { border: 0; border-top: 1px solid #94a3b8; margin: 20px 0; }
.el-codigo-campo { font-family: ui-monospace, Consolas, monospace; font-size: 1.25rem; letter-spacing: .08em; text-transform: uppercase; max-width: 26rem; }
.el-codigo-campo::placeholder { text-transform: none; letter-spacing: .04em; }

/* cédula */
.el-cargo { width: 100%; box-sizing: border-box; border: 1px solid #94a3b8; border-radius: 10px; padding: 12px 16px 16px; margin: 0 0 16px; min-inline-size: 0; }
.el-cargo legend { font-weight: 700; font-size: 1.1rem; padding: 0 8px; color: #0f172a; }
.el-opcoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 10px; }
.el-opcao {
  display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 56px; padding: 10px 12px; cursor: pointer;
  border: 2px solid #64748b; border-radius: 10px; background: #fff; color: #0f172a;
}
.el-opcao:hover { background: #f1f5f9; }
.el-opcao:has(input:checked) { border-color: #0f172a; background: #e0f2fe; box-shadow: inset 0 0 0 1px #0f172a; }
.el-opcao:focus-within { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.el-opcao input[type="radio"] { width: 24px; height: 24px; flex: 0 0 auto; accent-color: #0f172a; }
.el-opcao-foto { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 8px; object-fit: cover; }
.el-opcao-num { flex: 0 0 auto; min-width: 2.2em; text-align: center; font-size: 1.4rem; font-weight: 800; font-family: ui-monospace, Consolas, monospace; }
.el-opcao-txt { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.el-opcao-det { font-size: .9rem; color: #1e293b; }
.el-opcao--neutra { border-style: dashed; }

/* revisão e comprovante */
.el-revisao { margin: 12px 0 0; }
.el-revisao dt { font-weight: 700; margin-top: 12px; color: #0f172a; }
.el-revisao dd { margin: 4px 0 0 16px; font-size: 1.1rem; overflow-wrap: anywhere; }
.el-comprovante {
  font-family: ui-monospace, Consolas, monospace; font-size: 1.6rem; font-weight: 800; letter-spacing: .1em; text-align: center;
  border: 3px double #0f172a; border-radius: 10px; padding: 16px 8px; margin: 12px 0; overflow-wrap: anywhere; color: #0f172a; background: #fff;
}
.el-ata p { max-width: 75ch; }

@media (max-width: 480px) {
  .el-pub-cab { flex-direction: column; align-items: flex-start; }
  .el-comprovante { font-size: 1.2rem; letter-spacing: .05em; }
  .el-codigo-campo { font-size: 1.05rem; }
}
@media print {
  .el-pub-logo { max-height: 56px; }
  .btn-primary, .btn-secondary, .links-relacionados-ds, .form-actions { display: none !important; }
}