:root{--bg:#ffffff;--surface:#f5f6f8;--border:#e3e5ea;--text:#14171c;--text-muted:#5c6470;--accent:#1f6feb;--danger:#d21c1c;--danger-bg:#fdecec;--success:#128a4a;--radius:14px;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg:#0d0f12;--surface:#171a1f;--border:#272b32;--text:#eef0f3;--text-muted:#99a1ad;--accent:#4d8ef7;--danger:#ff6b6b;--danger-bg:#2a1416}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.page{max-width:30rem;margin:0 auto;padding:0 1rem calc(6.5rem + var(--safe-bottom))}.alert{display:flex;flex-direction:column;gap:.25rem;margin:0 -1rem 1rem;padding:.9rem 1rem;background:var(--danger-bg);border-bottom:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.alert strong{font-size:1.05rem;letter-spacing:.01em}.alert span{color:color-mix(in srgb,var(--danger) 80%,var(--text));font-size:.9rem}.hero{padding-top:1.25rem;text-align:center}.photo,.photo-empty{width:11rem;height:11rem;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--surface);margin-inline:auto}.pet-avatar>img,.photo>img,.recorte>img{display:block;width:100%;height:100%;object-fit:cover}.photo-empty{display:grid;place-items:center;font-size:3.5rem;margin-inline:auto}.photo-boton{display:block;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:zoom-in;font:inherit;color:inherit}.photo-boton:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.visor{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:1rem;border:0;background:rgb(0 0 0/.92);color:#fff;cursor:zoom-out}.visor[open]{display:flex;align-items:center;justify-content:center}.visor::-webkit-backdrop{background:transparent}.visor::backdrop{background:transparent}.visor>img{max-width:100%;max-height:calc(100vh - 5rem);width:auto;height:auto;object-fit:contain;border-radius:8px;cursor:default;touch-action:manipulation}.visor-cerrar{position:absolute;top:calc(.75rem + env(safe-area-inset-top, 0px));right:.75rem;width:2.75rem;height:2.75rem;border-radius:50%;border:0;background:rgb(255 255 255/.15);color:#fff;font-size:1.15rem;cursor:pointer}.visor-cerrar:focus-visible{outline:3px solid #fff;outline-offset:2px}.visor-pie{position:absolute;bottom:calc(.9rem + var(--safe-bottom));left:0;right:0;margin:0;text-align:center;font-size:.8rem;color:rgb(255 255 255/.6)}body:has(.visor[open]){overflow:hidden}.hero h1{margin:.85rem 0 .15rem;font-size:2rem;line-height:1.15;letter-spacing:-.02em}.hero p{margin:0;color:var(--text-muted)}.hero p,.lede{font-size:.95rem}.lede{margin:1.25rem 0 0;padding:.9rem 1rem;background:var(--surface);border-radius:var(--radius);text-align:left}.card{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card>summary{cursor:pointer;padding:.9rem 1rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card>summary::-webkit-details-marker{display:none}.card>summary:after{content:"▾";color:var(--text-muted);transition:transform .15s ease}.card[open]>summary:after{transform:rotate(180deg)}.rows{border-top:1px solid var(--border)}.row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.92rem}.row+.row{border-top:1px solid var(--border)}.row dt{color:var(--text-muted);margin:0;flex:0 0 auto}.row dd{margin:0;text-align:right;overflow-wrap:anywhere}.actions{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem calc(.75rem + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.actions,.actions-inner{display:flex;flex-direction:column;gap:.5rem}.actions-inner{max-width:30rem;margin:0 auto;width:100%}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;border-radius:var(--radius);font-size:1.05rem;font-weight:600;text-decoration:none;border:1px solid transparent}.btn-call{background:var(--accent);color:#fff}.btn-whatsapp{background:#25d366;color:#05300f}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text);min-height:2.75rem;font-size:.95rem;font-weight:500}.footer{margin-top:1.5rem;color:var(--text-muted);font-size:.78rem;text-align:center;line-height:1.5}.notfound{max-width:26rem;margin:0 auto;padding:4rem 1.5rem;text-align:center}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;gap:1rem;max-width:46rem;margin:0 auto;padding:.75rem 1rem}.brand{font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--text)}.topnav{display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:.92rem}.topnav a,.topnav button{color:var(--text-muted);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}.topnav a:hover,.topnav button:hover{color:var(--text)}.shell{max-width:46rem;margin:0 auto;padding:1.25rem 1rem 4rem}.stack{gap:1rem}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:.5rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-head h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.page-head p{margin:.2rem 0 0;color:var(--text-muted);font-size:.9rem}.panel-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg)}.muted{color:var(--text-muted);font-size:.88rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.pet-item{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit}.pet-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.pet-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:var(--surface);display:grid;place-items:center;font-size:1.4rem;flex:0 0 auto}.pet-item strong{display:block;font-size:1.02rem}.chevron{margin-left:auto;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-lost{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.badge-ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.badge-muted{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.form{gap:1rem}.fieldset,.form{display:flex;flex-direction:column}.fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:0;gap:.85rem}.fieldset>legend{padding:0 .4rem;font-weight:600;font-size:.92rem}.field{display:flex;flex-direction:column;gap:.3rem}.field>label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem}@media (max-width:26rem){.field-row{grid-template-columns:1fr}}.field .hint{font-size:.78rem;color:var(--text-muted)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:.6rem .7rem;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{min-height:5rem;resize:vertical}.check{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem}.check input{width:1.15rem;height:1.15rem;margin-top:.1rem;flex:0 0 auto;accent-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-sm{min-height:2.5rem;font-size:.92rem;padding:0 .9rem}button.btn{cursor:pointer;font-family:inherit;width:100%}button.btn:disabled{opacity:.55;cursor:progress}.btn-row{display:flex;gap:.6rem}.btn-row>*{flex:1 1}.notice{padding:.7rem .9rem;border-radius:10px;font-size:.9rem;border:1px solid transparent}.notice-error{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.notice-ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.notice-info{background:var(--surface);border-color:var(--border)}.empty,.notice-info{color:var(--text-muted)}.empty{padding:2.5rem 1rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.scan-item{display:flex;gap:.8rem;padding:.8rem 0;font-size:.9rem}.scan-item+.scan-item{border-top:1px solid var(--border)}.scan-dot{width:.6rem;height:.6rem;border-radius:50%;margin-top:.45rem;flex:0 0 auto;background:var(--text-muted)}.scan-dot.located{background:var(--success)}.scan-body{flex:1 1;min-width:0}.scan-body time{font-weight:600}.scan-body .ua{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta,.scan-body .ua{color:var(--text-muted);font-size:.78rem;display:block}.map{height:20rem;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--surface);z-index:0}.map-skeleton{display:grid;place-items:center;color:var(--text-muted);font-size:.88rem}@media (prefers-color-scheme:dark){.map .leaflet-tile-pane{filter:brightness(.72) contrast(1.05) saturate(.85)}}.leaflet-container{font:inherit;background:var(--surface)}.auth{max-width:24rem;margin:0 auto;padding:3rem 1.25rem}.auth h1{font-size:1.5rem;margin:0 0 .3rem}.auth .switch{margin-top:1rem;text-align:center;font-size:.88rem}.divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.8rem;margin:.25rem 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.recorte{width:13rem;height:13rem;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--surface);margin-inline:auto;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recorte:active{cursor:-webkit-grabbing;cursor:grabbing}.recorte>img{pointer-events:none}.recorte-vacio{display:grid;place-items:center;font-size:3rem;cursor:default}input[type=range]{width:100%;accent-color:var(--accent)}[data-fondo=lila]{--fondo-1:#faf2fe;--fondo-2:#f3e4fb;--fondo-3:#e9bef5;--fondo-huella-1:#f7eafd;--fondo-huella-2:#dfaef2}[data-fondo=coral]{--fondo-1:#fdebea;--fondo-2:#f9d4d2;--fondo-3:#f09a96;--fondo-huella-1:#fddcda;--fondo-huella-2:#f28c88}[data-fondo=celeste]{--fondo-1:#e9f7fb;--fondo-2:#cfedf5;--fondo-3:#7fd3e7;--fondo-huella-1:#bfe9f4;--fondo-huella-2:#5fc7e0}[data-fondo=menta]{--fondo-1:#e9f4e7;--fondo-2:#d5ebd1;--fondo-3:#7ecd9c;--fondo-huella-1:#b9e5c9;--fondo-huella-2:#6cc791}[data-fondo=rosa]{--fondo-1:#fdebf5;--fondo-2:#f9d5ea;--fondo-3:#f58fc9;--fondo-huella-1:#fdd9ec;--fondo-huella-2:#f58ac8}@media (prefers-color-scheme:dark){[data-fondo=lila]{--fondo-1:#161222;--fondo-2:#1d1730;--fondo-3:#2c2043;--fondo-huella-1:#1b1528;--fondo-huella-2:#3a2a53}[data-fondo=coral]{--fondo-1:#201312;--fondo-2:#2b1918;--fondo-3:#3d2220;--fondo-huella-1:#251615;--fondo-huella-2:#4a2a27}[data-fondo=celeste]{--fondo-1:#0e1a20;--fondo-2:#12242d;--fondo-3:#17323f;--fondo-huella-1:#102028;--fondo-huella-2:#1e3f4e}[data-fondo=menta]{--fondo-1:#101c15;--fondo-2:#14261b;--fondo-3:#1b3627;--fondo-huella-1:#122019;--fondo-huella-2:#234631}[data-fondo=rosa]{--fondo-1:#20131b;--fondo-2:#2b1924;--fondo-3:#3d2233;--fondo-huella-1:#251620;--fondo-huella-2:#4a2a3e}}.fondo{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}[data-fondo=ninguno] .fondo,html:not([data-fondo]) .fondo{display:none}.fondo-olas{position:absolute;left:0;right:0;bottom:0;width:100%;height:66%}.fondo-huella{position:absolute;width:clamp(64px,18vw,118px);aspect-ratio:1}.fondo-huella-alta{top:8%;right:5%}.fondo-huella-baja{top:62%;left:4%}[data-fondo]:not([data-fondo=ninguno]) .empty,[data-fondo]:not([data-fondo=ninguno]) .pet-item{background:var(--bg)}@media (prefers-contrast:more){.fondo{display:none!important}}.tema{position:relative;display:flex}.tema .tema-boton{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:50%;padding:0}.tema .tema-boton:hover .tema-punto{border-color:var(--text-muted)}.tema-punto{width:1.05rem;height:1.05rem;border-radius:50%;flex:0 0 auto}.tema-menu,.tema-punto{border:1px solid var(--border)}.tema-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:20;min-width:10.5rem;padding:.3rem;display:flex;flex-direction:column;background:var(--bg);border-radius:var(--radius);box-shadow:0 14px 30px -16px rgb(0 0 0/45%)}.tema-menu .tema-opcion{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;border-radius:calc(var(--radius) - 8px);color:var(--text);text-align:left}.tema-menu .tema-opcion:hover{background:var(--surface)}.tema-menu .tema-opcion[aria-pressed=true]{font-weight:600}.tema-menu .tema-opcion[aria-pressed=true]:after{content:"✓";margin-left:auto;color:var(--accent)}.tema-boton:focus-visible,.tema-opcion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}