:root{--azul: #0b3d59;--azul-claro: #1d6f9e;--verde: #1b9e4b;--verde-bg: #e6f6ec;--amarillo: #e6a700;--amarillo-bg: #fdf4dd;--rojo: #d12d2d;--rojo-bg: #fbe6e6;--gris: #5b6772;--gris-claro: #eef1f4;--borde: #d7dde3;--texto: #1a2330;--radio: 14px;--sombra: 0 2px 10px rgba(11, 61, 89, .08);--max: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:#f4f6f8;line-height:1.5;-webkit-text-size-adjust:100%}#root{min-height:100vh}.app{max-width:var(--max);margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.barra{position:sticky;top:0;z-index:20;background:var(--azul);color:#fff;margin:0 -16px 16px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000026}.barra h1{font-size:1.05rem;margin:0;font-weight:700;flex:1}.barra .volver{background:#ffffff26;border:none;color:#fff;font-size:1.1rem;width:38px;height:38px;border-radius:10px;cursor:pointer;flex-shrink:0}.barra .logo{font-size:1.4rem}h2{font-size:1.3rem;margin:8px 0 4px}h3{font-size:1.05rem;margin:18px 0 6px}p{margin:8px 0}.tenue{color:var(--gris);font-size:.92rem}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra);margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:16px 18px;font-size:1.05rem;font-weight:700;cursor:pointer;text-align:center;background:var(--azul);color:#fff;transition:filter .15s}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secundario{background:#fff;color:var(--azul);border:2px solid var(--azul)}.btn.fantasma{background:var(--gris-claro);color:var(--texto)}.btn.peligro{background:var(--rojo)}.btn.pequeno{width:auto;padding:10px 14px;font-size:.92rem;border-radius:10px}.fila-botones{display:flex;gap:10px;margin-top:12px}.fila-botones .btn{flex:1}label.campo{display:block;margin:14px 0 0;font-weight:600;font-size:.95rem}input,select,textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--borde);border-radius:10px;font-size:1rem;font-family:inherit;background:#fff;color:var(--texto)}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul-claro);border-color:var(--azul-claro)}.pregunta{border:1px solid var(--borde);border-radius:12px;padding:14px;margin:12px 0;background:#fff}.pregunta.critica{border-left:5px solid var(--rojo)}.pregunta.respondida-si{background:var(--rojo-bg);border-color:#eeb4b4}.pregunta.respondida-no{background:var(--verde-bg);border-color:#b6e2c4}.pregunta .texto{font-weight:600}.pregunta .ayuda{font-size:.88rem;color:var(--gris);margin-top:6px}.sino{display:flex;gap:10px;margin-top:12px}.sino button{flex:1;padding:13px;border-radius:10px;border:2px solid var(--borde);background:#fff;font-weight:700;font-size:1rem;cursor:pointer;color:var(--gris)}.sino button.sel-si{background:var(--rojo);border-color:var(--rojo);color:#fff}.sino button.sel-no{background:var(--verde);border-color:var(--verde);color:#fff}.progreso{height:8px;background:var(--gris-claro);border-radius:99px;overflow:hidden;margin:6px 0 4px}.progreso>div{height:100%;background:var(--azul-claro);transition:width .25s}.placa{border-radius:var(--radio);padding:22px 18px;color:#fff;text-align:center;margin:8px 0 16px}.placa.verde{background:var(--verde)}.placa.amarillo{background:var(--amarillo)}.placa.rojo{background:var(--rojo)}.placa .icono{font-size:2.6rem}.placa .nombre{font-size:1.5rem;font-weight:800;margin:4px 0}.placa .sub{opacity:.95;font-size:.95rem}.lista-motivos{margin:6px 0;padding-left:20px}.lista-motivos li{margin:6px 0}.aviso-vida{background:var(--rojo);color:#fff;padding:14px 16px;border-radius:12px;font-weight:700;margin:12px 0;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{font-size:.82rem;padding:6px 10px;border-radius:99px;font-weight:600}.chip.severo{background:var(--rojo-bg);color:var(--rojo)}.chip.moderado{background:var(--amarillo-bg);color:#8a6500}.guia-grieta{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--borde)}.guia-grieta:last-child{border-bottom:none}.muestra-grieta{flex-shrink:0;width:70px;height:46px;background:#e9edf1;border-radius:8px;position:relative;overflow:hidden}.muestra-grieta .linea{position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%) rotate(8deg);background:var(--texto)}.item-historial{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.punto{width:14px;height:14px;border-radius:50%;flex-shrink:0}.punto.verde{background:var(--verde)}.punto.amarillo{background:var(--amarillo)}.punto.rojo{background:var(--rojo)}.nav-inferior{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--borde);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}.nav-inferior button{background:none;border:none;color:var(--gris);font-size:.72rem;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;flex:1}.nav-inferior button.activo{color:var(--azul);font-weight:700}.nav-inferior .ic{font-size:1.3rem}.banner-info{background:var(--amarillo-bg);border:1px solid #f0d68a;color:#7a5a00;padding:10px 14px;border-radius:10px;font-size:.88rem;margin:10px 0}.disclaimer{background:var(--gris-claro);border-radius:10px;padding:12px 14px;font-size:.85rem;color:var(--gris);margin:14px 0}.emergencia{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.emergencia a{flex:1;min-width:130px;text-decoration:none;background:var(--rojo);color:#fff;padding:14px;border-radius:12px;text-align:center;font-weight:700}.emergencia a small{display:block;font-weight:400;opacity:.9;font-size:.78rem}.app.sin-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.barra-accion{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin:16px -16px 0;padding-left:16px;padding-right:16px;background:linear-gradient(to top,#f4f6f8 70%,#f4f6f800)}.barra-accion .btn{flex:1}.barra-accion .btn.fantasma{flex:0 0 38%}.regla-oro{background:#062b40;color:#fff;padding:10px 14px;border-radius:10px;font-size:.9rem;font-weight:600;margin:10px 0}.obligatoria{color:var(--rojo);font-weight:800}.sino button.sel-nose{background:var(--amarillo);border-color:var(--amarillo);color:#4a3800}.grid-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:10px}.miniatura{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--borde);cursor:pointer;background:var(--gris-claro)}.miniatura img{width:100%;height:100%;object-fit:cover;margin:0;display:block}.quitar-foto{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:none;background:#d12d2deb;color:#fff;font-size:.85rem;cursor:pointer;line-height:1}.agregar-foto{aspect-ratio:1;border:2px dashed var(--azul-claro);border-radius:10px;background:#fff;color:var(--azul);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-weight:600}.consentimiento{display:flex;gap:10px;align-items:flex-start;background:var(--amarillo-bg);border:1px solid #f0d68a;border-radius:10px;padding:12px;font-size:.86rem;color:#5a4500;cursor:pointer}.consentimiento input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--azul)}.enlace-legal{background:none;border:none;color:var(--azul);text-decoration:underline;cursor:pointer;padding:8px 0 0;font:inherit;font-size:.88rem;display:block}@media print{.barra,.nav-inferior,.no-imprimir{display:none!important}.app{padding:0}body{background:#fff}}