/* Jornada del testigo (jornada.js): pantallas grandes y simples, una acción principal por pantalla. */
.jr,.jr-volver{display:none}
body.jr-delegado.jr-activa .jr{display:flex}
body.jr-delegado:not(.jr-activa) .jr-volver{display:flex}
body.jr-activa #view-captura .field-progress,body.jr-activa #view-captura .field-content,body.jr-activa #view-captura .field-actionbar{display:none!important}

.jr{flex-direction:column;gap:16px;padding:22px 22px calc(40px + env(safe-area-inset-bottom));font-size:1.05rem;line-height:1.5;color:var(--ink)}
.jr h1{font-family:var(--display);font-size:1.75rem;line-height:1.25;letter-spacing:-.8px;font-weight:800;margin:0}
.jr h2{font-family:var(--display);font-size:1.3rem;line-height:1.3;margin:4px 0;font-weight:750}
.jr p{margin:0}
.jr-saludo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.jr-saludo p{color:#52676c;margin-top:6px}
.jr-escuchar{flex-shrink:0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:.85rem;font-weight:600;color:#33504a;cursor:pointer}

.jr-tarjeta{border:1px solid #dce5e1;border-radius:16px;padding:18px;background:#fbfdfc;display:flex;flex-direction:column;gap:4px}
.jr-etiqueta{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#6f8580}
.jr-direccion,.jr-lugar{color:#52676c;font-size:.95rem}
.jr-mesa{font-weight:700;color:var(--green);font-size:1.05rem;margin-top:4px!important}
.jr-recinto .jr-boton{margin-top:12px}

.jr-boton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:14px 18px;border-radius:14px;border:1px solid var(--green);font:inherit;font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer;text-align:center;transition:transform .12s ease,filter .2s ease}
.jr-boton:active{transform:scale(.98)}
.jr-boton[disabled]{opacity:.45;cursor:not-allowed}
.jr-boton.principal{background:var(--green);color:#fff;min-height:68px;font-size:1.15rem;box-shadow:0 10px 24px #18735b33}
.jr-boton.secundario{background:#fff;color:var(--green)}
.jr-boton.alerta{background:#fff7ec;border-color:#e3a54a;color:#8a5208}
.jr-boton.texto{border-color:transparent;background:none;color:#52676c;min-height:48px;font-weight:600}

.jr-pasos{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.jr-pasos li{display:flex;gap:12px;align-items:flex-start;color:#7a8b87}
.jr-pasos li strong{display:block;font-size:1rem}
.jr-pasos li small{font-size:.85rem}
.jr-paso-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#eef3f1;color:#7a8b87}
.jr-pasos li.actual{color:var(--ink)}
.jr-pasos li.actual .jr-paso-num{background:var(--green);color:#fff;box-shadow:0 0 0 5px #18735b22}
.jr-pasos li.hecho .jr-paso-num{background:var(--soft-green);color:var(--green)}

.jr-novedad-cta{border-top:1px dashed #dce5e1;padding-top:16px;display:flex;flex-direction:column;gap:10px}
.jr-novedad-cta p{color:#52676c;font-size:.95rem}

.jr-estado{display:flex;align-items:center;gap:14px;background:var(--soft-green);border:1px solid #cfe8dc;border-radius:16px;padding:16px}
.jr-estado strong{display:block;color:var(--green);font-size:1.05rem}
.jr-estado small{color:#52676c}
.jr-estado.ambar{background:var(--soft-amber);border-color:#f0d9b0}
.jr-estado.ambar strong{color:var(--amber)}
.jr-pulso{position:relative;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:#1f9d74}
.jr-pulso::after{content:'';position:absolute;inset:0;border-radius:50%;background:#1f9d74;animation:jr-latido 1.8s ease-out infinite}
.jr-estado.ambar .jr-pulso,.jr-estado.ambar .jr-pulso::after{background:#d18a1c}
@keyframes jr-latido{from{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}

.jr-hojas ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.jr-hojas-cabecera{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.jr-hojas li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3ebe7}
.jr-hojas li i{width:12px;height:38px;border-radius:4px;flex-shrink:0}
.jr-hojas li span{flex:1;font-weight:700}
.jr-hojas li small{display:block;font-weight:500;color:#6f8580;font-size:.82rem}
.jr-hojas li b{font-size:.85rem;color:#8a9a96;font-weight:600}
.jr-hojas li.enviada b{color:var(--green)}

.jr-mis-novedades h3{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#6f8580;margin:4px 0 8px}
.jr-mis-novedades ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.jr-mis-novedades li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;font-weight:600}
.jr-mis-novedades li small{display:block;font-weight:500;color:#6f8580}
.jr-mis-novedades .tag{margin-left:0;flex-shrink:0}
.jr-nota{font-size:.85rem;color:#6f8580;background:#f5f7f7;border-radius:12px;padding:12px 14px}

.jr-centro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 4px}
.jr-centro p{color:#52676c}
.jr-check{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;font-weight:800;background:var(--soft-green);color:var(--green);animation:jr-aparece .5s cubic-bezier(.34,1.56,.64,1)}
.jr-check.ambar{background:var(--soft-amber);color:var(--amber)}
.jr-icono{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;background:#eef3f1}
.jr-icono.ambar{background:var(--soft-amber)}
@keyframes jr-aparece{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.jr-girando{width:42px;height:42px;border-radius:50%;border:4px solid #dce5e1;border-top-color:var(--green);animation:jr-gira .9s linear infinite}
@keyframes jr-gira{to{transform:rotate(360deg)}}
.jr-radar{position:relative;width:110px;height:110px;display:grid;place-items:center}
.jr-radar i{width:18px;height:18px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #18735b33}
.jr-radar span{position:absolute;inset:0;border-radius:50%;border:2px solid #18735b;animation:jr-onda 2s ease-out infinite;opacity:0}
.jr-radar span+span{animation-delay:1s}
@keyframes jr-onda{from{transform:scale(.2);opacity:.9}to{transform:scale(1);opacity:0}}
.jr-explica ul{margin:10px 0 0;padding-left:20px;color:#52676c;font-size:.95rem;display:flex;flex-direction:column;gap:4px}

.jr-volver{align-items:center;gap:8px;margin:14px 24px 0;padding:10px 14px;border:1px solid #dce5e1;border-radius:999px;background:#fff;font:inherit;font-weight:700;color:var(--green);cursor:pointer;width:max-content}

/* Diálogo de novedades */
.jr-dialogo{border:0;border-radius:20px;padding:0;width:min(520px,calc(100% - 20px));max-height:calc(100dvh - 20px);box-shadow:0 25px 90px #10292d40;color:var(--ink)}
.jr-dialogo::backdrop{background:#10292d99}
#jr-novedad-cuerpo{padding:20px;display:flex;flex-direction:column;gap:14px}
.jr-dialogo-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.jr-dialogo h2{font-family:var(--display);font-size:1.35rem;margin:0;line-height:1.3}
.jr-cerrar{border:0;background:#f0f4f3;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer;flex-shrink:0}
.jr-ayuda{color:#52676c;margin:0}
.jr-tipos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jr-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:96px;padding:14px;border:1px solid #dce5e1;border-radius:14px;background:#fff;font:inherit;font-weight:700;font-size:.98rem;line-height:1.3;text-align:left;cursor:pointer}
.jr-tipo span{font-size:1.6rem;line-height:1}
.jr-tipo:active{transform:scale(.98)}
.jr-tipo.grave{border-color:#e5a29d;background:#fff5f4;color:#9b2f28}
.jr-peligro{background:var(--soft-red);color:var(--red);border-radius:12px;padding:12px 14px;font-weight:700;margin:0}
.jr-peligro a{color:inherit}
.jr-campo{display:flex;flex-direction:column;gap:8px;font-weight:700}
.jr-campo small{font-weight:500;color:#6f8580}
.jr-campo textarea{font:inherit;font-weight:400;border:1px solid #dce5e1;border-radius:12px;padding:12px;resize:vertical;min-height:90px}
.jr-foto{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border:1px dashed #b8c9c3;border-radius:14px;font-weight:700;color:#33504a;cursor:pointer}
.jr-error{color:var(--red);font-weight:600;margin:0}
.jr-acciones{display:flex;gap:10px}
.jr-acciones .jr-boton.texto{width:auto;flex:0 0 auto;padding:0 16px}
.jr-dialogo .jr-centro .jr-boton{margin-top:6px}

@media (max-width:380px){.jr{padding:18px 16px 32px}.jr h1{font-size:1.5rem}.jr-tipo{min-height:88px;padding:12px;font-size:.92rem}}
@media (max-width:330px){.jr-tipos{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.jr-pulso::after,.jr-radar span,.jr-girando,.jr-check{animation:none}}

.jr-icono .icon,.jr-check .icon{width:34px;height:34px}
.jr-tipo .icon{width:24px;height:24px}
.jr-escuchar .icon,.jr-dialogo-top .icon{vertical-align:middle}