:root{--primario: #2f9e6e;--primario-oscuro: #1e7a4f;--primario-suave: #e3f4ea;--ambar: #e8a75d;--ambar-suave: #fdf3e4;--tinta: #232824;--gris: #6f746f;--gris-claro: #979b96;--borde: #ecebe5;--fondo: #faf8f4;--rojo: #d95d52;--rojo-suave: #fdecea;--radio: 18px;--sombra: 0 6px 18px rgba(35, 40, 36, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--tinta);background:var(--fondo)}button,input,select,textarea{font:inherit}.brand{font-weight:800;letter-spacing:-1px;font-size:22px;color:var(--primario-oscuro)}.brand span{color:var(--ambar)}.brand.center{text-align:center}.muted{color:var(--gris)}.boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}.boton.principal{background:var(--primario);color:#fff}.boton.secundario{background:#fff;border:1.5px solid var(--borde);color:var(--tinta)}.boton.peligro{background:#fff;border:1.5px solid var(--rojo);color:var(--rojo)}.boton:disabled{opacity:.6;cursor:default}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--borde);background:#fff;font-weight:800;font-size:13px;color:var(--tinta);text-decoration:none;cursor:pointer}.pill.lleno{background:var(--tinta);border-color:var(--tinta);color:#fff}.pill.verde{background:var(--primario);border-color:var(--primario);color:#fff}.pill.rojo{color:var(--rojo);border-color:var(--rojo-suave);background:var(--rojo-suave)}.enlace{background:none;border:0;color:var(--primario-oscuro);font-weight:800;text-decoration:none;cursor:pointer;padding:0}.enlace.rojo{color:var(--rojo)}.campo{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.campo input,.campo select,.campo textarea{width:100%;min-height:50px;border:1.5px solid var(--borde);border-radius:14px;padding:12px 16px;outline:none;background:#fff;font-weight:500}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}.campo textarea{min-height:0}.chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;border-radius:999px;padding:6px 12px;text-transform:uppercase}.chip.ok{background:var(--primario-suave);color:var(--primario-oscuro)}.chip.perdida{background:var(--rojo-suave);color:var(--rojo)}.chip.pendiente{background:var(--ambar-suave);color:#b26a00}.tarjeta-app{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}.error{color:var(--rojo);margin:0;font-size:14px}.ok-msg{color:var(--primario-oscuro);margin:0;font-size:14px}.nota{font-size:13px;color:var(--gris);margin:0}.foto-mascota{background:linear-gradient(145deg,#f3dfc0,#dcb98a);position:relative;overflow:hidden;border-radius:var(--radio);flex-shrink:0}.foto-mascota img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.foto-mascota:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cellipse cx='12' cy='16.5' rx='5' ry='4'/%3E%3Ccircle cx='6' cy='10.5' r='2.2'/%3E%3Ccircle cx='10' cy='7' r='2.2'/%3E%3Ccircle cx='14' cy='7' r='2.2'/%3E%3Ccircle cx='18' cy='10.5' r='2.2'/%3E%3C/svg%3E") center/42% no-repeat;opacity:.55}.foto-mascota.con-foto:after{content:none}.foto-mascota.redonda{border-radius:50%}.nav-inferior{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid var(--borde);display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.nav-inferior a{display:grid;justify-items:center;gap:4px;text-decoration:none;color:var(--gris-claro);line-height:1;min-width:72px}.nav-inferior a svg{width:22px;height:22px}.nav-inferior a small{font-size:10px;font-weight:800}.nav-inferior a.activa{color:var(--primario-oscuro)}.nav-inferior a.central{width:54px;height:54px;min-width:0;border-radius:50%;background:var(--primario);color:#fff;display:grid;place-items:center;margin-top:-30px;font-size:28px;font-weight:800;box-shadow:0 8px 18px #2f9e6e73;border:4px solid var(--fondo)}