:root{--fondo:#002357;--tarjeta:#0d3266;--borde-tarjeta:#ffffff1a;--acento:#6c4cf1;--texto:#fff;--texto-2:#9fb3d9;--texto-3:#cfd9ee;--linea-fondo:#ffffff38;--vidrio:#ffffff12;--urgente:#e4572e;--necesita:#e8a400;--suficiente:#2e9e6b;--saturado:#5b7a9e;--texto-pill:#08122b;--radius:16px;--sombra:0 4px 16px #00061459}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,.titulo{font-family:Archivo,system-ui,sans-serif;font-weight:800;line-height:1.2}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #8fa8ff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pantalla{max-width:520px;min-height:100dvh;margin:0 auto;padding:16px 16px 40px}.header{align-items:center;gap:12px;padding:8px 0 16px;display:flex}.header .volver{border:1px solid var(--linea-fondo);background:var(--vidrio);width:40px;height:40px;color:var(--texto);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:inline-flex}.header h1{flex:1;font-size:20px}.logo{letter-spacing:-.5px;font-family:Archivo,sans-serif;font-weight:800}.card{background:var(--tarjeta);border:1px solid var(--borde-tarjeta);border-radius:var(--radius);box-shadow:var(--sombra);color:var(--texto)}.pill{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 11px;font-family:Archivo,sans-serif;font-size:11.5px;font-weight:700;display:inline-block}.btn{text-align:center;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:Archivo,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-principal{background:var(--acento);color:#fff;box-shadow:0 4px 14px #6c4cf159}.btn-verde{background:var(--suficiente);color:#fff}.btn-borde{background:var(--vidrio);color:var(--texto);border:1px solid var(--linea-fondo)}.btn:disabled{opacity:.55;cursor:not-allowed}.aviso{background:var(--vidrio);border:1px solid var(--borde-tarjeta);color:#dbe6f8;border-radius:12px;padding:14px 16px;font-size:14px}.aviso strong{color:#fff}.aviso-error{color:#ffd3c4;background:#e4572e2e;border-color:#e4572e59}.aviso-ok{color:#b9ecd4;background:#2e9e6b2e;border-color:#2e9e6b59}.enlace{font:inherit;color:#fff;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.campo{width:100%;font:inherit;border:1px solid var(--linea-fondo);background:var(--vidrio);color:var(--texto);border-radius:12px;padding:13px 14px}.campo::placeholder{color:#ffffff73}.inicio-hero{padding:36px 0 20px}.inicio-hero .logo{font-size:40px}.by-marca{letter-spacing:.2px;color:var(--texto-2);margin-top:2px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;display:block}.inicio-hero p{color:var(--texto-2);margin-top:8px;font-size:17px}.banner-marca{border:1px solid var(--borde-tarjeta);background:var(--vidrio);color:var(--texto-2);border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:13.5px;display:flex}.banner-marca img{border-radius:7px;flex-shrink:0;width:26px;height:26px}.banner-marca strong{color:var(--texto)}.tarjeta-accion{border-radius:var(--radius);box-shadow:var(--sombra);margin-top:16px;padding:24px 20px;text-decoration:none;display:block}.tarjeta-accion .titulo{font-size:24px}.tarjeta-accion p{margin-top:6px;font-size:15px}.tarjeta-donar{background:var(--acento);color:#fff}.tarjeta-donar p{color:#e4ddff}.tarjeta-coordinador{background:var(--vidrio);border:1px solid var(--linea-fondo);color:var(--texto)}.tarjeta-coordinador p{color:var(--texto-2)}.nota-cuenta{text-align:center;color:var(--texto-2);margin-top:20px;font-size:14px}.credito{text-align:center;color:var(--texto-2);opacity:.8;margin-top:14px;font-size:12px}.credito a{color:inherit}.marca-footer{text-align:center;margin-top:36px}.marca-footer .logo-marca{border:1px solid var(--borde-tarjeta);border-radius:14px;width:170px;max-width:60%}.redes{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.red-social{border:1px solid var(--linea-fondo);background:var(--vidrio);color:var(--texto);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-family:Archivo,sans-serif;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.conmutador-vista{border:1px solid var(--linea-fondo);background:var(--vidrio);border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid;overflow:hidden}.conmutador-vista button{color:var(--texto-3);background:0 0;border:none;padding:13px 10px;font-family:Archivo,sans-serif;font-size:15px;font-weight:700}.conmutador-vista button.activo{background:var(--acento);color:#fff}.lista-puntos{flex-direction:column;gap:12px;list-style:none;display:flex}.punto-card{padding:16px 14px 16px 18px;text-decoration:none;display:block;position:relative;overflow:hidden}.punto-card:before{content:"";background:var(--estado-color,var(--necesita));width:5px;position:absolute;top:0;bottom:0;left:0}.fila-card{align-items:flex-start;gap:12px;display:flex}.icono-punto{background:#fff;border:3px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.cuerpo-card{flex:1;min-width:0}.punto-card .fila-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.punto-card h3{color:#fff;font-size:17px}.punto-card .meta{color:var(--texto-2);margin-top:3px;font-size:13.5px}.punto-card .falta-preview{color:var(--texto-3);margin-top:8px;font-size:13.5px}.punto-card .falta-preview strong{color:#ff9457}.estado-cargando{text-align:center;color:var(--texto-2);padding:48px 16px}.resultados-ciudad{flex-direction:column;gap:8px;margin-top:10px;list-style:none;display:flex}.resultados-ciudad button{text-align:left;border:1px solid var(--linea-fondo);background:var(--vidrio);width:100%;color:var(--texto);border-radius:12px;padding:12px 14px;font-size:15px}.ficha-cabecera{padding:20px}.ficha-cabecera h2{color:#fff;margin-top:10px;font-size:24px}.ficha-cabecera .direccion{color:var(--texto-2);margin-top:4px;font-size:15px}.banner-horario{border:1px solid var(--borde-tarjeta);color:#dbe6f8;background:#ffffff0f;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.banner-horario strong{color:#fff;font-family:Archivo,sans-serif}.columnas-items{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.col-items{border-radius:12px;padding:14px}.col-items h3{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.col-items ul{color:#eef2fa;flex-direction:column;gap:6px;font-size:14.5px;font-weight:500;list-style:none;display:flex}.col-items .sin-items{color:var(--texto-2);font-size:14px}.col-falta{background:#e4572e29;border:1px solid #e4572e4d}.col-falta h3{color:#ff9873}.col-sobra{background:var(--vidrio);border:1px solid var(--borde-tarjeta)}.col-sobra h3{color:var(--texto-2)}.actualizado{color:var(--texto-2);margin-top:14px;font-size:13px}.acciones-ficha{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.etiqueta{color:var(--texto);margin:16px 0 6px;font-family:Archivo,sans-serif;font-size:14px;font-weight:700;display:block}.pista{color:var(--texto-2);margin-top:6px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--linea-fondo);background:var(--vidrio);color:var(--texto);border-radius:999px;padding:9px 14px;font-family:Archivo,sans-serif;font-size:14px;font-weight:700}.chip-activo{color:#002357;background:#fff;border-color:#fff}.selector-estado{grid-template-columns:1fr 1fr;gap:8px;display:grid}.selector-estado .chip{text-align:center}.conmutador-vista+.aviso{margin-bottom:10px}.mapa-donante{border-radius:var(--radius);border:1px solid var(--linea-fondo);height:calc(100dvh - 200px);min-height:320px;overflow:hidden}.mini-mapa{border:1px solid var(--linea-fondo);border-radius:12px;height:240px;margin-top:12px;overflow:hidden}.pin-gota{background:var(--urgente);border:3px solid #fff;border-radius:50% 50% 50% 0;width:26px;height:26px;margin:0 auto;transform:rotate(-45deg);box-shadow:0 2px 6px #00061466}.item-editable{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-editable button{color:var(--texto-2);background:0 0;border:none;padding:2px 6px;font-size:14px}.campo-mini{min-width:0;padding:8px 10px;font-size:14px}.btn-mini{padding:8px 14px;font-size:14px}.btn-borrar{color:#ff9873;background:0 0;border:none;padding:4px 6px;font-family:Archivo,sans-serif;font-size:13px;font-weight:700;position:absolute;bottom:10px;right:14px}.toast{color:#002357;z-index:1000;background:#fff;border-radius:14px;max-width:min(440px,100vw - 32px);padding:14px 20px;font-family:Archivo,sans-serif;font-size:15px;font-weight:700;animation:.25s ease-out toast-entra;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00061480}@keyframes toast-entra{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}