:root{--color-primario: #007BFF;--color-primario-hover: #0056b3;--color-verde: #00a800;--color-rojo: #ff0000;--color-fondo: #f2f2f2;--color-fondo-panel-seleccion: #e0e0e0;--color-fondo-panel-advertencia: #ffe5e5;--radio-borde: 5px;--transicion-rapida: .2s;--transicion-normal: .3s;--transicion-lenta: .8s;--sombra-suave: 0 4px 8px rgba(0, 0, 0, .2);--header-gap: 20px;--panel-width: 250px;--container-padding: 20px;--button-padding: 12px 24px;--font-base: 16px;--font-small: 14px;--font-large: 18px}*{box-sizing:border-box}body{text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0;background-color:var(--color-fondo);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:var(--font-base);line-height:1.5}img{width:100%;max-width:1200px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.clickable{position:absolute;cursor:pointer;transition:background-color var(--transicion-rapida);min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}.clickable:focus{outline-offset:2px;z-index:1000}.clickable.selected{background-color:transparent;border:2px solid transparent;border-radius:4px}body.debug-mode .clickable{border:1px dashed rgba(255,0,0,.5)!important;background-color:#ff00000d!important}body.debug-mode .clickable.selected{border:2px solid #ff0000!important;background-color:#ff00001a!important}body.debug-mode .clickable:hover{background-color:#f003!important;border-color:red!important}.feedback-mark{position:absolute;font-size:28px;font-weight:700;pointer-events:none;animation:pop .5s ease-out;z-index:100;will-change:transform,opacity;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.feedback-green{color:var(--color-verde)}.feedback-red{color:var(--color-rojo)}button{min-height:28px;min-width:75px;padding:2px 4px;margin:1px;color:#fff;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:var(--color-primario);border:none;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform}button:hover,button:focus{filter:brightness(90%);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button:focus{outline:2px solid rgba(0,123,255,.4);outline-offset:1px}button:active{transform:translateY(0);filter:brightness(85%)}#acciones-top button:nth-child(1){background-color:#6c757d}#acciones-top button:nth-child(2){background-color:#dc3545}#acciones-top button:nth-child(3){background-color:#28a745}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;overflow:hidden;padding:8px}.modal-horizontal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;padding:12px}.modal{background:#fff;padding:10px;border-radius:6px;max-width:min(350px,95vw);width:100%;max-height:70vh;overflow-y:auto;box-shadow:0 4px 12px #00000026;text-align:left;animation:fadeIn .3s ease-out;-webkit-overflow-scrolling:touch;margin:auto;position:relative;font-size:13px;line-height:1.3}.modal-horizontal{background:#fff;padding:8px 16px 16px;border-radius:12px;max-width:90vw;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:fadeIn .3s ease-out;position:relative;display:flex;flex-direction:column;gap:8px}.modal-horizontal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #007BFF}.modal-horizontal-title{font-size:1.2rem;font-weight:600;color:#007bff;margin:0}.cards-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px;flex:1;min-height:0}.estado-card{background:#f8f9fa;border-radius:8px;padding:12px;border-left:4px solid;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:120px}.estado-card.valido{border-left-color:#28a745;background:#f8fff9}.estado-card.nulo{border-left-color:#dc3545;background:#fff8f8}.estado-card.blanco{border-left-color:#6c757d;background:#f8f9fa}.estado-card h4{margin:0 0 4px;font-size:.9rem;font-weight:600}.estado-card .estado-texto{font-size:.8rem;font-weight:700;margin:0}.cargo-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px;overflow-y:auto;grid-column:2}.cargo-card h5{margin:0 0 8px;font-size:.9rem;font-weight:600;color:#333;border-bottom:1px solid #eee;padding-bottom:4px}.seleccion-item{margin:6px 0;padding:4px 8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #007BFF}.seleccion-partido{font-size:.8rem;font-weight:600;color:#333;margin:0}.seleccion-candidato{font-size:.7rem;color:#666;margin:0 0 0 8px}.pasos-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #007BFF;border-radius:8px;padding:4px;overflow-y:auto;grid-column:3;grid-row:1}.pasos-card h5{margin:0 0 10px;font-size:.9rem;font-weight:600;color:#007bff;border-bottom:2px solid #007BFF;padding-bottom:6px;text-align:center}.pasos-card .paso-item{margin:8px 0;padding:6px 8px;background:#fff;border-radius:6px;border-left:4px solid #007BFF;font-size:.8rem;line-height:1.4;color:#333}.pasos-card .paso-numero{font-weight:600;color:#007bff;margin-right:4px}.modal-horizontal-buttons{display:flex;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid #eee}.modal-horizontal-buttons button{padding:8px 16px!important;font-size:.8rem!important;border-radius:6px;min-width:80px}.modal h3{margin:0 0 6px;padding:0;font-size:13px;color:#333;font-weight:600}.modal p{margin:4px 0;padding:0;font-size:12px;line-height:1.3}.modal ul{margin:4px 0;padding-left:16px}.modal li{margin:2px 0;font-size:12px;line-height:1.3}.modal button{margin:6px 4px 2px 0;padding:6px 12px;font-size:12px;min-height:32px}.popup-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:#0000001a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-width:unset;transition:all .2s ease;z-index:10}.popup-close:before,.popup-close:after{content:"";position:absolute;width:14px;height:2px;background:#555;transform-origin:center;border-radius:1px}.popup-close:before{transform:rotate(45deg)}.popup-close:after{transform:rotate(-45deg)}.popup-close:hover{background:#ff00001a;transform:scale(1.1)}.popup-close:hover:before,.popup-close:hover:after{background:#d32f2f}#pantalla-inicial{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:15px;gap:6px;overflow-y:auto}#pantalla-inicial h1{font-size:clamp(1rem,3vw,1.4rem);margin:0;text-align:center;line-height:1.2;color:#333;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}#pantalla-inicial p{font-size:var(--font-large);margin:0;color:#666;font-weight:500}.seccion-guia,.seccion-reglas,.seccion-restricciones{width:100%;max-width:1000px;margin:4px 0;padding:8px 15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:left}.seccion-guia h2,.seccion-reglas h2,.seccion-restricciones h2{font-size:clamp(1rem,2vw,1.2rem);color:#333;margin:0 0 8px;text-align:left;font-weight:600}.pasos-guia{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.paso-guia{background:#f8f9fa;padding:4px 8px;border-radius:8px;text-align:center;border:2px solid #e9ecef;transition:all .3s ease;min-width:150px}.paso-guia:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.icono-paso{font-size:1.2rem;margin-bottom:4px;display:block}.paso-guia h3{font-size:.8rem;color:#333;margin:0 0 4px;font-weight:600;line-height:1.2}#pantalla-inicial .paso-guia p{font-size:.7rem;color:#666;margin:0;line-height:1.2}.reglas-votacion{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.regla-item{background:#f8f9fa;padding:4px;border-radius:8px;border-left:4px solid;min-width:180px}.regla-item.voto-valido{border-left-color:#28a745;background:#f8fff9}.regla-item.voto-nulo{border-left-color:#dc3545;background:#fff8f8}.regla-item.voto-blanco{border-left-color:#6c757d;background:#f8f9fa}.regla-item h3{font-size:.85rem;margin:0 0 6px;font-weight:600;line-height:1.2}.regla-item.voto-valido h3{color:#28a745}.regla-item.voto-nulo h3{color:#dc3545}.regla-item.voto-blanco h3{color:#6c757d}.regla-item ul{margin:0;padding-left:20px;list-style-type:disc}.regla-item li{font-size:.75rem;color:#333;margin:3px 0;line-height:1.2}.header-con-boton{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}.boton-principal{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:10px 30px!important;font-size:.9rem!important;font-weight:600!important;border-radius:8px;cursor:pointer;box-shadow:0 3px 10px #007bff4d;transition:all .3s ease;margin:0;min-height:auto!important;min-width:auto!important;white-space:nowrap!important;flex-shrink:0}.boton-principal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff66;filter:brightness(110%)!important}.boton-principal:active{transform:translateY(0)}#boleta-screen{display:none;min-height:100vh}.boleta-container{position:relative}select{padding:16px 50px 16px 20px;font-size:var(--font-base);margin:10px auto;border-radius:var(--radio-borde);border:2px solid #ddd;background-color:#fff;width:100%;max-width:500px;min-width:280px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;box-shadow:0 2px 4px #0000001a;transition:all var(--transicion-normal)}select:focus{outline:3px solid rgba(0,123,255,.5);border-color:var(--color-primario);box-shadow:0 0 0 3px #007bff1a}#boleta-header{display:flex;flex-direction:column;width:100%;background-color:transparent;max-width:1200px;margin:0!important;padding:0;box-sizing:border-box;min-height:30px;gap:4px}#header-actions{display:flex;flex-direction:row;gap:2px;align-items:flex-start;justify-content:flex-start;width:100%;flex-wrap:wrap;padding:0;margin:0}#acciones-top{display:flex;justify-content:flex-start;align-items:center;gap:2px;flex-wrap:wrap;width:100%;margin:0;padding:10px 20px 5px}#info-distrito{display:flex;align-items:center;justify-content:flex-start;padding:10px 15px;background-color:#f8f9fa;border-radius:6px;margin:0;width:100%;min-height:60px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:10px}#info-distrito img{width:auto;max-width:250px;min-width:80px;height:auto;max-height:80px;border-radius:4px;border:1px solid #ddd;background-color:#fff;padding:5px;object-fit:contain;flex-shrink:0}#info-distrito h3{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;color:#37424e;margin:0;padding:0;font-family:Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:.5px;line-height:1.2;word-wrap:break-word;hyphens:auto;flex-grow:1;text-align:inherit}#main-layout{display:block;gap:15px;align-items:flex-start;padding:0 var(--container-padding);padding-bottom:80px;width:100%}.container{position:relative;display:block;width:100%;max-width:100%;margin:0;height:auto}#boleta-container{position:relative;flex:1 1 auto;width:100%;height:100%;background-color:#fff;border-radius:var(--radio-borde);padding:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center}#boleta-container img{max-width:none;width:100%;height:auto}#paneles-container{flex:0 0 var(--panel-width);display:flex;flex-direction:column;align-items:stretch;gap:15px;position:sticky;top:20px;align-self:flex-start;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#seleccion-panel{text-align:left;padding:0;border-radius:10px;margin:0;box-sizing:border-box;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transicion-lenta) ease,opacity var(--transicion-normal) ease,padding var(--transicion-rapida) ease}#advertencia-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;max-height:120px;z-index:1000;background-color:#fffffffa;backdrop-filter:blur(5px);padding:8px 12px;box-shadow:0 -1px 4px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out;overflow-y:auto}#seleccion-panel.active{max-height:600px;opacity:1;padding:15px}#advertencia-panel.active{transform:translateY(0)}#main-layout{overflow-y:auto;position:relative;scroll-behavior:smooth}#seleccion-panel{background:var(--color-fondo-panel-seleccion);color:var(--color-primario);border:1px solid #ccc}#advertencia-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;background-color:#fffffff2;border:1px solid #ddd;box-shadow:0 -2px 10px #0000001a;transition:all .3s ease;overflow-y:auto;z-index:1000;backdrop-filter:blur(5px);padding:10px 20px}#advertencia-panel.destacado{border-color:#fc0;box-shadow:0 0 8px #ffcc0080}#seleccion-panel h3,#advertencia-panel h3{font-size:var(--font-large);margin-bottom:10px;margin-top:0;padding-bottom:8px;border-bottom:1px solid #eee;color:#333;display:flex;align-items:center;font-weight:600}#advertencia-panel h3:before{content:"⚠️";margin-right:8px;font-size:1.2em}#seleccion-panel ul,#advertencia-panel ul{margin-top:0;margin-bottom:10px;padding-left:16px}#lista-advertencias{list-style:none;padding:0;margin:0;width:100%}#seleccion-panel li,#advertencia-panel li{font-size:var(--font-small);margin-bottom:8px;line-height:1.4}#seleccion-panel li:after{content:"✔";color:var(--color-verde);margin-left:6px;font-weight:700}#lista-advertencias li{margin-bottom:6px;padding:6px 8px;border-radius:4px;border-left:3px solid #ccc;background-color:#f8f8f8;font-size:var(--font-small);position:relative;transition:all .2s ease;display:flex;align-items:center;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out;gap:4px;min-height:32px}#lista-advertencias li:hover{background-color:#f0f0f0}#lista-advertencias li:last-child{margin-bottom:0}#lista-advertencias li.advertencia-general{border-left-color:gray;background-color:#f4f4f4}.orden-advertencia{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#666;color:#fff;font-size:11px;flex-shrink:0;font-weight:700}.icono-advertencia{font-size:16px;flex-shrink:0}.texto-advertencia{flex-grow:1;white-space:normal;word-break:break-word;line-height:1.3;font-size:var(--font-small)}#popup-movil{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1001;padding:8px}#popup-movil .popup-content{background:#fff;padding:12px 16px;border-radius:8px;max-width:400px;width:100%;box-shadow:0 4px 16px #0000002e;text-align:center;animation:fadeIn .3s ease-out;font-family:Arial,sans-serif;margin:0;position:relative}#popup-movil h2{color:#37424e;margin-bottom:12px;font-size:14px;font-weight:700;text-shadow:none}#popup-movil p{margin-bottom:10px;line-height:1.3;color:#333;font-size:12px}#popup-movil p strong{color:#007bff}#popup-movil button{background-color:#007bff;margin:8px 2px 2px;min-width:80px}.oculto{display:none!important}#advertencia-panel::-webkit-scrollbar,#boleta-container::-webkit-scrollbar{width:8px;height:8px}#advertencia-panel::-webkit-scrollbar-track,#boleta-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#advertencia-panel::-webkit-scrollbar-thumb,#boleta-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}#advertencia-panel::-webkit-scrollbar-thumb:hover,#boleta-container::-webkit-scrollbar-thumb:hover{background:#999}@keyframes pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@supports (-webkit-overflow-scrolling: touch){#boleta-container,#paneles-container,.modal,#advertencia-panel{-webkit-overflow-scrolling:touch}}body.modal-open{position:fixed;width:100%;height:100%;overflow:hidden}@media (prefers-contrast: high){.clickable.selected{border-width:3px}button:focus{outline-width:4px}select:focus{outline-width:4px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#mensaje-rotar-dispositivo{position:fixed;top:0;left:0;width:100%;height:100%;background:#007bff;color:#fff;display:none;justify-content:center;align-items:center;z-index:10000;text-align:center;padding:20px;box-sizing:border-box}#mensaje-rotar-dispositivo .contenido{display:flex;flex-direction:column;gap:20px;align-items:center}#mensaje-rotar-dispositivo .icono-rotacion{font-size:4rem;margin:0;transform:rotate(90deg);display:inline-block}#mensaje-rotar-dispositivo h2{font-size:clamp(1.5rem,4vw,2.5rem);margin:0;font-weight:700;color:#fff;text-align:center}#mensaje-rotar-dispositivo .boton-rotacion{background-color:#fff3;color:#fff;border:2px solid white;padding:12px 24px;font-size:1rem;cursor:pointer;border-radius:8px;transition:all var(--transicion-normal);min-width:140px;font-weight:500}#mensaje-rotar-dispositivo .boton-rotacion:hover{background-color:#ffffff4d;transform:translateY(-2px)}#mensaje-rotar-dispositivo .boton-rotacion:active{transform:translateY(0)}body.mostrar-mensaje-rotacion #mensaje-rotar-dispositivo{display:flex}body.mostrar-mensaje-rotacion{overflow:hidden}body.mostrar-mensaje-rotacion #main-layout{filter:blur(2px);pointer-events:none}@media (orientation: portrait){#mensaje-rotar-dispositivo{display:flex}body{overflow:hidden}#main-layout{pointer-events:none;filter:blur(2px)}}.boton-principal{background-color:#28a745!important;color:#fff!important;border:none!important;padding:15px 30px!important;border-radius:8px!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;transition:all .3s ease!important;box-shadow:0 4px 8px #0000001a!important;min-width:200px!important;text-transform:uppercase!important;letter-spacing:1px!important}.boton-principal:hover{background-color:#218838!important;transform:translateY(-2px)!important;box-shadow:0 6px 12px #00000026!important}.boton-principal:active{transform:translateY(0)!important}.restricciones-contenedor{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.restriccion-item{background:#f8f9fa;padding:4px 8px;border-radius:8px;text-align:center;border:2px solid #e9ecef;transition:all .3s ease;min-width:180px;border-left:4px solid}.restriccion-item.foto-prohibida{border-left-color:#dc3545;background:#fff5f5}.restriccion-item.pedir-nueva{border-left-color:#ffc107;background:#fffcf5}.restriccion-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.icono-restriccion{font-size:1.2rem;margin-bottom:4px;display:block}.restriccion-item h3{font-size:.8rem;color:#333;margin:0 0 4px;font-weight:600;line-height:1.2}.restriccion-item.foto-prohibida h3{color:#dc3545}.restriccion-item.pedir-nueva h3{color:#856404}#pantalla-inicial .restriccion-item p{font-size:.7rem;color:#666;margin:0;line-height:1.2}#advertencia-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;z-index:1000;background-color:#fff0;backdrop-filter:blur(5px);padding:4px 9px;box-shadow:0 -1px 4px #0000001a;transform:translateY(0);transition:transform .3s ease-in-out;text-align:left;overflow-y:auto;max-height:25vh;display:block}#advertencia-panel.hidden{transform:translateY(100%);display:none}#lista-advertencias{list-style:none;padding:0;margin:0}#lista-advertencias li{margin-bottom:1px;padding:8px 10px;border-radius:4px;border-left:3px solid #ccc;background-color:#f8f8f8;font-size:16px;position:relative;transition:all .2s ease;display:flex;align-items:center;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out;gap:6px;min-height:40px;font-weight:500}.orden-advertencia{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#666;color:#fff;font-size:10px;margin-right:4px;flex-shrink:0}.icono-advertencia{margin-right:4px;font-size:14px;display:flex;align-items:center}.texto-advertencia{flex-grow:1;font-size:16px;line-height:1.3;font-weight:500}#lista-advertencias li.advertencia-encabezado{border-left-color:#ff4d4d;background-color:#fff4f4}#lista-advertencias li.advertencia-senadores{border-left-color:#4d79ff;background-color:#f4f6ff}#lista-advertencias li.advertencia-diputados{border-left-color:#ffa64d;background-color:#fff8f4}.advertencia-encabezado .orden-advertencia{background-color:#c33}.advertencia-senadores .orden-advertencia{background-color:#36c}.advertencia-diputados .orden-advertencia{background-color:#cc7a33}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#main-layout::-webkit-scrollbar{width:8px}#main-layout::-webkit-scrollbar-track{background:#f1f1f1}#main-layout::-webkit-scrollbar-thumb{background:#888;border-radius:4px}#main-layout::-webkit-scrollbar-thumb:hover{background:#666}#advertencia-panel::-webkit-scrollbar{width:4px}#advertencia-panel::-webkit-scrollbar-track{background:transparent}#advertencia-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}#advertencia-panel::-webkit-scrollbar-thumb:hover{background:#bbb}