@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--purple:#681e5b;--dark:#421039;--gold:#d29703;--ink:#27232a;--muted:#665f69;--line:#e6dfe5}
*{box-sizing:border-box}
body{margin:0;background:#f7f5f7;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}
.institution{background:var(--dark);color:white;border-bottom:4px solid var(--gold)}
.institution-inner{max-width:1120px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.institution a{display:block;background:#fff;border-radius:10px;padding:8px 14px}.institution img{display:block;object-fit:contain;max-width:100%;height:64px}
.institution span{text-align:right;font-size:11px;letter-spacing:.1em;color:#ebdfe9}.institution strong{font-size:15px;letter-spacing:0;color:white}
main{max-width:1120px;margin:auto;padding:30px 28px 24px}.back{font-size:13px;text-decoration:none;color:var(--purple);font-weight:700}
.consultation{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px #4210390a}
.intro{padding:44px;background:linear-gradient(145deg,#fbf7fa,#f2e8ef);border-right:1px solid var(--line)}
.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--purple);margin:0 0 12px}
h1{font:800 clamp(30px,3.6vw,44px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.04em;color:var(--dark);margin:0 0 20px}h1 em{font-style:normal;color:var(--purple)}
.intro>p:not(.eyebrow){color:var(--muted);font-size:15px}.ballot{width:168px;margin:24px auto 10px;color:var(--purple)}.ballot svg{display:block;width:100%}
.intro .source{border-top:1px solid #dbcbd7;padding-top:22px;font-size:12px!important;margin:20px 0 0}
.query-panel{padding:44px}h2{font:800 23px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 26px;color:var(--dark)}
label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}input{width:100%;font:500 22px 'DM Sans',system-ui,sans-serif;padding:15px 17px;border:1px solid #bbaab7;border-radius:10px;color:var(--ink);background:#fff}input::placeholder{font-size:17px;color:#847787}input[aria-invalid=true]{border-color:#a32935}
.help{color:var(--muted);font-size:12px;margin:9px 0 22px}button{width:100%;border:0;border-radius:10px;background:var(--purple);color:white;padding:15px;font:700 15px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:background .15s}button:hover{background:var(--dark)}button:disabled{opacity:.65;cursor:wait}.secondary{background:#fff;color:var(--purple);border:1px solid #cdb7c7}.secondary:hover{background:#f6edf4}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.message{color:#972638;font-size:13px;min-height:22px;margin:16px 0 0}.message.loading{color:var(--muted)}
.result{margin-top:22px;padding-top:24px;border-top:3px solid var(--gold)}.result h2{font-size:22px;margin-bottom:20px}.result dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.result dl div{padding:12px;background:#f7f3f6;border-radius:8px}.result .name-row{grid-column:1/-1}.result dt{font-size:11px;color:var(--muted)}.result dd{margin:4px 0 0;font-size:16px;font-weight:700;overflow-wrap:anywhere}.result .name-row dd{font-size:17px}.guidance{text-align:center;font-size:12px;color:var(--muted);max-width:720px;margin:25px auto 0}footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;padding:12px 28px 24px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:760px){.institution-inner{padding:18px 22px}.institution img{width:180px;height:64px}.institution span{display:none}main{padding:22px 16px}.consultation{grid-template-columns:1fr;margin-top:18px}.intro{padding:28px;border-right:0;border-bottom:1px solid var(--line)}h1{font-size:32px}.ballot{display:none}.query-panel{padding:28px}.intro .source{padding-top:16px;margin-top:18px}.guidance{padding:0 8px}footer{gap:8px;flex-wrap:wrap;padding:0 22px 22px}}


/* Mensaje de capacitación ONPE */
#result-note {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #421039;
  margin-top: 20px;
  margin-bottom: 24px;
}