:root{--rojo: #cb3747;--negro: #1a1a1a;--crema: #f4ead2;--amarillo: #f4d03f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--crema);color:var(--negro);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:2px solid var(--negro);border-radius:12px;background:#fff;padding:.6rem 1rem}button:active{transform:translateY(1px)}a{color:var(--rojo)}.wrap{max-width:720px;margin:0 auto;padding:1rem}.fin{min-height:100dvh;background:#1f1e1e;color:var(--crema);font-family:Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.2rem 1.6rem;gap:.5rem;animation:seqIn .6s ease both}.fin-emoji{font-size:4.5rem;line-height:1}.fin-title{margin:.5rem 0 0;font-size:clamp(1.9rem,8vw,2.9rem);line-height:.95;text-transform:uppercase;font-weight:900;font-style:italic;letter-spacing:-.01em}.fin-text{margin:0;font-size:1.1rem;opacity:.85}.fin .hl{color:var(--rojo)}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--negro);padding:.5rem 1rem}.topbar nav a{margin-left:1rem;text-decoration:none;font-weight:600}.card{background:#fff;border:2px solid var(--negro);border-radius:14px;padding:1rem;margin:1rem 0}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.previews{display:flex;gap:1rem;flex-wrap:wrap}.previews figure{margin:0;text-align:center}.previews img{width:150px;height:150px;object-fit:contain;background:var(--crema);border:1px solid #ccc;border-radius:8px}.previews figcaption{font-size:.8rem;opacity:.7}.cmp{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cmp figure{margin:0;text-align:center;flex:1 1 320px;max-width:460px}.cmp img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--crema);border:2px solid var(--negro);border-radius:12px}.cmp .svgbox{width:100%;aspect-ratio:1;background:var(--crema);border:2px solid var(--negro);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cmp .svgbox svg{width:100%;height:100%}.cmp .svgbox.hide-forma #forma,.cmp .svgbox.hide-detalle #detalles{display:none}.cmp figcaption{font-size:.85rem;opacity:.7;margin-top:.25rem}.cmp .loading{outline:3px dashed var(--rojo);outline-offset:-6px}.masks{margin-top:.75rem}.masks summary{cursor:pointer;font-weight:600}.masks .previews{margin-top:.5rem}label.slider{display:block;margin:.5rem 0}label.slider span{display:inline-block;min-width:220px}input[type=range]{width:100%}input[type=text],input[type=number],input[type=email],input[type=password]{font:inherit;padding:.5rem;border:2px solid var(--negro);border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.grid .tile{background:#fff;border:2px solid var(--negro);border-radius:10px;padding:.4rem;text-align:center}.grid .tile img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--crema)}.grid .tile .meta{font-size:.75rem}.gallery-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--crema);overflow-y:auto;padding:72px 20px 40px}.gallery-close{position:fixed;top:.8rem;right:.8rem;z-index:51;width:48px;height:48px;border-radius:50%;font-size:1.4rem;line-height:1;padding:0;background:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery .g-item{position:relative;margin:0}.gallery .g-item img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.gallery .g-id{position:absolute;right:4px;bottom:4px;font-size:.7rem;font-weight:700;line-height:1;padding:.2rem .4rem;border-radius:6px;background:var(--negro);color:var(--crema);opacity:0;transition:opacity .15s ease;pointer-events:none}.gallery .g-item:hover .g-id{opacity:1}@media(min-width:700px){.gallery-full{padding:72px 200px 100px}.gallery{grid-template-columns:repeat(4,1fr)}}.cam{max-width:520px;margin:0 auto}.cam-square{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:12px;overflow:hidden}.cam-square video{width:100%;height:100%;object-fit:cover;display:block}.cam-guide{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:1px solid rgba(255,255,255,.9);pointer-events:none}.crop{max-width:520px;margin:0 auto}.crop-area{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:12px;overflow:hidden}.badge{display:inline-block;font-size:.7rem;padding:.1rem .4rem;border-radius:6px;border:1px solid var(--negro)}.badge.pendiente{background:var(--amarillo)}.badge.activo{background:#7fd18a}.badge.archivado{background:#ccc}.err{color:#b00020;font-weight:600}.btn-primary{background:var(--rojo);color:#fff;border-color:var(--negro)}.center{min-height:100dvh;display:flex;align-items:center;justify-content:center}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border:2px solid var(--negro);border-radius:14px;padding:1.25rem;max-width:360px;width:100%;text-align:center}.cola{margin:1rem 0}.cola-cab{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.cola-tira{display:flex;gap:.4rem;overflow-x:auto;padding:.25rem;background:var(--crema);border:2px solid var(--negro);border-radius:12px}.cola-item{position:relative;flex:0 0 auto;width:56px;height:56px;border:2px solid #ccc;border-radius:8px;overflow:hidden;background:#fff}.cola-item img{width:100%;height:100%;object-fit:cover}.cola-item.actual{border-color:var(--rojo);box-shadow:0 0 0 2px var(--rojo)}.cola-item.est-guardado{opacity:.55}.cola-item.est-saltado{opacity:.4}.cola-item .badge{position:absolute;top:2px;right:2px;font-size:.65rem;padding:0 .25rem;line-height:1.3}.cola-item .badge.ok{background:var(--rojo);color:#fff}.cola-item .badge.skip{background:var(--amarillo)}.seq{min-height:100dvh;background:#1f1e1e;color:var(--crema);font-family:Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.2rem 1.6rem;text-align:center;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.seq-slide{max-width:540px}.seq-slide.entrando{animation:seqIn .6s ease both}.seq-slide.saliendo{animation:seqOut .4s ease both}@keyframes seqIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes seqOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.seq-logo{display:block;width:min(82vw,460px);height:auto;margin:0 auto;animation:boil .45s steps(1) infinite}.seq-by{margin:.6rem 0 0;text-align:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;letter-spacing:.25em;text-transform:lowercase;color:var(--crema);opacity:.65;transform:translateY(-40px)}@keyframes boil{0%{filter:url(#boil0)}33%{filter:url(#boil1)}66%{filter:url(#boil2)}to{filter:url(#boil0)}}@media(prefers-reduced-motion:reduce){.seq-logo{animation:none;filter:none}}.seq-text{margin:0;font-size:clamp(1.15rem,5vw,1.5rem);line-height:1.5}.seq-text b{color:var(--rojo);display:inline-block;animation:boilText .45s steps(1) infinite}@keyframes boilText{0%{filter:url(#boilt0)}33%{filter:url(#boilt1)}66%{filter:url(#boilt2)}to{filter:url(#boilt0)}}@media(prefers-reduced-motion:reduce){.seq-text b{animation:none;filter:none}}.seq-hint{position:absolute;bottom:1.6rem;left:0;right:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;opacity:.5;animation:seqHint 1.8s ease-in-out infinite}@keyframes seqHint{0%,to{opacity:.25}50%{opacity:.6}}@media(prefers-reduced-motion:reduce){.seq-slide.entrando,.seq-slide.saliendo,.seq-hint{animation:none}}.intro{min-height:100dvh;background:#1f1e1e;color:var(--crema);font-family:Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:2.2rem 1.3rem}.intro-inner{width:100%;max-width:440px}.intro-fadein{animation:seqIn .6s ease both}.intro-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--rojo);margin:0 0 .7rem}.intro-form{display:flex;flex-direction:column;gap:.7rem}.intro-label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;opacity:.8}.intro-form input{width:100%;background:#1f1e1e;color:var(--crema);border:2px solid var(--crema);border-radius:0;padding:.7rem;font:inherit}.intro-form input::placeholder{color:#f4ead273}.intro-botones{display:flex;gap:.7rem;margin-top:.3rem}.intro-btn{flex:1;background:var(--rojo);color:#fff;border:3px solid var(--rojo);border-radius:0;text-transform:uppercase;font-weight:800;letter-spacing:.05em;font-size:1.05rem;padding:.8rem 0;cursor:pointer}.intro-btn.ghost{background:transparent;color:var(--crema);border-color:var(--crema)}.intro-btn:disabled{opacity:.4}.ev2{display:flex;flex-direction:column;height:100%;background:#1f1e1e;color:var(--crema);font-family:Helvetica Neue,Arial,sans-serif;padding:1.2rem}.ev2-live{min-height:100dvh}.ev2-head{display:flex;align-items:baseline;justify-content:flex-end;gap:.5rem}.ev2-count{font-size:3.4rem;font-weight:800;line-height:.9;color:var(--rojo);letter-spacing:-.04em;font-style:italic}.ev2-of{font-size:1rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}@media(min-width:700px){.vote-stage-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--crema);padding:2rem}.vote-stage-wrap .ev2-live{width:420px;height:min(880px,92dvh);min-height:0;border-radius:30px;overflow:hidden;box-shadow:0 24px 60px #0000004d}}.ev2-stage{position:relative;flex:1;min-height:0}.ev2-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:700px;transition:opacity .4s ease}.ev2-block{position:relative;background:#feff9c;padding:7%;width:min(82%,70vmin);aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000073}.ev2-block:before{content:"";position:absolute;top:0;left:0;right:0;height:16%;background:linear-gradient(#00000017,#0000);pointer-events:none}.ev2-block img{width:100%;height:100%;object-fit:contain}.ev2-drop{animation:ev2stick .5s cubic-bezier(.16,1,.3,1) both;transform-origin:88% 8%}@keyframes ev2stick{0%{opacity:0;transform:translateZ(90px) rotateX(30deg) rotateY(-24deg) scale(1.08)}55%{opacity:1}to{opacity:1;transform:translateZ(0) rotateX(0) rotateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ev2-drop{animation:none}}.ev2-buttons{display:flex;gap:.8rem}.ev2-buttons button{flex:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:1.3rem;padding:1rem 0;border-radius:0;border:3px solid var(--crema);background:var(--negro);color:var(--crema)}.ev2-buttons .bt-no{color:var(--rojo)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin:.75rem 0}.stat{background:var(--crema);border:2px solid var(--negro);border-radius:10px;padding:.6rem;text-align:center}.stat b{display:block;font-size:1.6rem;line-height:1;color:var(--rojo)}.stat span{font-size:.75rem;opacity:.75}.votantes-det summary{cursor:pointer;font-size:.9rem}.votantes-lista{list-style:none;padding:0;margin:.5rem 0 0}.votantes-lista li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem .2rem;border-bottom:1px solid rgba(0,0,0,.08)}.vn-anon{opacity:.5;font-style:italic}.vn-nombre{font-weight:600}.vn-votos{font-variant-numeric:tabular-nums;opacity:.8}.cuadro-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14100aeb;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.cuadro-marco{background:linear-gradient(135deg,#6e4a12,#c9a227 35%,#8b6914,#d4af37 85%,#5e3d0e);padding:22px;border-radius:4px;box-shadow:0 40px 90px #0009,inset 0 0 0 2px #00000059,inset 0 0 14px #00000073;max-width:min(560px,92vw)}.cuadro-mat{background:var(--crema);padding:24px;box-shadow:inset 0 0 20px #0000002e}.cuadro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cuadro-cell{background:#feff9c;aspect-ratio:1;padding:9%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000047}.cuadro-cell img{width:100%;height:100%;object-fit:contain}.cuadro-placa{margin:16px auto 2px;text-align:center;max-width:80%;background:#1a1a1a;color:#d4af37;font-family:Georgia,Times New Roman,serif;font-style:italic;letter-spacing:.03em;font-size:.9rem;padding:.35rem .8rem;border-radius:3px;box-shadow:inset 0 0 0 1px #d4af3780}.dev{min-height:100dvh;background:#1f1e1e;color:var(--crema);font-family:Helvetica Neue,Arial,sans-serif}.dev .wrap{max-width:1040px}.dev a{color:var(--rojo)}.dev small{color:#f4ead2b3}.dev .topbar{background:#1f1e1e;border-bottom:2px solid var(--crema);padding:1rem 1.4rem;text-transform:uppercase;letter-spacing:.05em}.dev .dev-logo{color:var(--crema);font-weight:800}.dev .topbar nav a{color:var(--crema);text-transform:uppercase;font-weight:700;font-size:.82rem;letter-spacing:.06em}.dev h2,.dev h3{text-transform:uppercase;letter-spacing:.05em}.dev .card{background:#161616;color:var(--crema);border:3px solid var(--crema);border-radius:0}.dev button{background:#1f1e1e;color:var(--crema);border:3px solid var(--crema);border-radius:0;text-transform:uppercase;font-weight:800;letter-spacing:.04em;font-size:.82rem;padding:.5rem .85rem}.dev button:disabled{opacity:.45}.dev .btn-primary{background:#1f1e1e;color:var(--rojo);border-color:var(--crema)}.dev input[type=text],.dev input[type=number],.dev input[type=email],.dev input[type=password]{background:#1f1e1e;color:var(--crema);border:2px solid var(--crema);border-radius:0}.dev input::placeholder{color:#f4ead280}.dev .badge{background:transparent;border:2px solid currentColor;border-radius:0;text-transform:uppercase;font-weight:700}.dev .badge.pendiente{color:var(--amarillo)}.dev .badge.activo{color:#7fd18a}.dev .badge.archivado{color:#b3b3b3}.dev .stat{background:#1f1e1e;border:2px solid var(--crema);border-radius:0}.dev .stat b{color:var(--rojo);font-style:italic}.dev .stat span{color:var(--crema);opacity:.7}.dev .votantes-lista li{border-bottom-color:#f4ead226}.dev .vn-anon{color:#f4ead28c}.dev .votantes-det summary{color:var(--crema)}.dev .grid .tile{background:#feff9c;color:var(--negro);border:2px solid var(--negro);border-radius:0}.dev .grid .tile img{background:transparent}.dev .grid .tile .meta{color:var(--negro)}.dev .grid .tile .badge{color:var(--negro);border-color:var(--negro)}.dev .grid .tile button{background:transparent;color:var(--negro);border:none;padding:.1rem .3rem;font-size:1rem;font-weight:700;text-transform:none}.dev .grid .tile button:hover{opacity:.6}.dev .tile-img{position:relative}.dev .tile .rank{position:absolute;bottom:88px;left:-18px;z-index:2;width:26px;height:26px;border-radius:50%;background:#1f1e1e;color:#fff;border:2px solid #feff9c;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;line-height:1;box-shadow:0 1px 3px #00000080}.dev .tile .rank.top3{color:var(--rojo)}.dev .modal{background:#161616;color:var(--crema);border:3px solid var(--crema);border-radius:0}.dev .masks summary{color:var(--crema)}