.prioridades-pueblo{margin:40px 0 28px;padding:clamp(40px,6vw,80px) 0;background:linear-gradient(120deg,#06122e 0%,#0b1f4a 55%,#07132d 100%);color:#fff;position:relative;overflow:hidden}.prioridades-pueblo:before,.prioridades-pueblo:after{content:"";position:absolute;pointer-events:none}.prioridades-pueblo:before{inset:auto -8% -45% auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.prioridades-pueblo:after{left:0;top:0;width:36%;height:4px;background:linear-gradient(90deg,#df0c28,#e6a52b)}.prioridades-pueblo__heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.prioridades-pueblo .eyebrow{color:#f13548}.prioridades-pueblo h2{margin:8px 0 0;font:500 clamp(48px,6.4vw,86px)/.78 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.prioridades-pueblo h2 em,.prioridades-modal h2 em{color:#f03548;font-style:normal}.prioridades-pueblo__intro{max-width:460px}.prioridades-pueblo__intro p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.65}.prioridades-results-btn{margin-top:17px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:12px 16px;font:700 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.prioridades-results-btn:hover,.prioridades-results-btn:focus-visible{background:#e41532;border-color:#e41532;outline:0}.prioridades-results-btn span{font-size:18px;vertical-align:-1px;margin-left:9px}.prioridades-pueblo__legend{margin:34px 0 14px;color:rgba(255,255,255,.65);font-size:11px}.prioridades-pueblo__dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#f03548;box-shadow:0 0 0 5px rgba(240,53,72,.15)}.prioridades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.prioridad-card{min-height:220px;padding:21px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease}.prioridad-card:after{content:"";position:absolute;right:-32px;bottom:-34px;width:100px;height:100px;border-radius:50%;background:var(--priority);opacity:.13}.prioridad-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.prioridad-card--salud{--priority:#ad81ff}.prioridad-card--calles{--priority:#46a9ff}.prioridad-card--limpieza{--priority:#40cb83}.prioridad-card--seguridad{--priority:#ffb129}.prioridad-card--trabajo{--priority:#f55a69}.prioridad-card--mayores{--priority:#17c6c7}.prioridad-card--espacios{--priority:#b3d341}.prioridad-card--animales{--priority:#ed72b0}.prioridad-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--priority) 22%,transparent);color:var(--priority);font:700 28px/1 sans-serif}.prioridad-card h3{margin:19px 0 3px;color:#fff;font:500 28px/.9 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.prioridad-card p{margin:0;color:rgba(255,255,255,.63);font-size:10px}.prioridad-votes{display:flex;gap:6px;margin-top:20px;position:relative;z-index:1}.prioridad-votes button{min-width:0;flex:1;padding:8px 3px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:700 9px var(--font-body);cursor:pointer;transition:.2s}.prioridad-votes button:hover,.prioridad-votes button:focus-visible,.prioridad-votes button.is-selected{border-color:var(--priority);background:var(--priority);color:#06122e;outline:0}.prioridad-card.is-voted .prioridad-votes:after{content:"Vista previa";position:absolute;right:0;bottom:-22px;color:var(--priority);font:700 8px var(--font-body);letter-spacing:.08em;text-transform:uppercase}.prioridades-modal{width:min(1000px,calc(100% - 28px));max-height:min(760px,calc(100% - 28px));border:0;padding:0;background:#fffdf9;color:var(--navy);box-shadow:0 24px 80px rgba(1,14,40,.45)}.prioridades-modal::backdrop{background:rgba(1,14,40,.75);backdrop-filter:blur(4px)}.prioridades-modal__head{display:flex;align-items:start;justify-content:space-between;padding:32px 38px 21px;background:linear-gradient(125deg,#06122e,#102b5d);color:#fff}.prioridades-modal h2{margin:7px 0 0;font:500 48px/.85 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.prioridades-modal__close{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.prioridades-modal__description{margin:22px 38px 0;color:#64708a;font-size:13px}.prioridades-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px 38px}.prioridades-chart{padding:14px 15px;border:1px solid #e2e6ee;background:#fff}.prioridades-chart h3{margin:0 0 12px;font:500 22px/.9 var(--font-display);text-transform:uppercase}.prioridades-chart__bar{height:12px;display:flex;overflow:hidden;border-radius:99px;background:#edf0f4}.prioridades-chart__bar span:nth-child(1){background:#31b66a}.prioridades-chart__bar span:nth-child(2){background:#f1b43e}.prioridades-chart__bar span:nth-child(3){background:#e62642}.prioridades-chart__numbers{display:flex;justify-content:space-between;margin-top:8px;color:#62708a;font-size:10px}.prioridades-chart__numbers b{color:var(--navy)}.prioridades-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 38px 28px}.prioridades-modal__foot span{color:#68738a;font-size:10px}.prioridades-modal__foot i{display:inline-block;width:8px;height:8px;margin:0 4px 0 10px;border-radius:50%;background:#31b66a}.prioridades-modal__foot i:nth-of-type(2){background:#f1b43e}.prioridades-modal__foot i:nth-of-type(3){background:#e62642}.prioridades-modal__foot .prioridades-results-btn{margin:0;background:#e41532;border-color:#e41532}@media(max-width:720px){.prioridades-pueblo{margin-top:28px}.prioridades-pueblo__heading{display:block}.prioridades-pueblo__intro{margin-top:23px}.prioridades-grid{grid-template-columns:repeat(2,1fr);gap:8px}.prioridad-card{min-height:200px;padding:16px}.prioridad-card h3{font-size:24px}.prioridad-card__icon{width:42px;height:42px}.prioridades-modal__head{padding:25px 22px 18px}.prioridades-modal h2{font-size:40px}.prioridades-modal__description{margin:18px 22px 0}.prioridades-chart-grid{grid-template-columns:1fr;padding:18px 22px}.prioridades-modal__foot{padding:12px 22px 24px;display:block}.prioridades-modal__foot .prioridades-results-btn{margin-top:17px}.prioridad-votes{gap:3px}.prioridad-votes button{font-size:8px}}@media(prefers-reduced-motion:reduce){.prioridad-card{transition:none}}