:root{--fondo:#0b0b0b;--tarjeta:#141310;--dorado:#bf9f5b;--texto:#ece8df;--texto-suave:#cfcabf;--texto-tenue:#8a857b;--linea:#ffffff21;--ok:#6f8f6a;--error:#a85c52;--aviso:var(--dorado);--serif:Georgia, "Times New Roman", Times, serif;--sans:Arial, Helvetica, sans-serif;--radio:3px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.num,input,select,textarea,.dato span:last-child,.barra-estado,table{font-family:var(--sans)}.app{flex-direction:column;min-height:100%;display:flex}.contenido{width:100%;max-width:860px;padding:22px 20px;padding-bottom:calc(84px + env(safe-area-inset-bottom));flex:1;margin:0 auto}h1{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:25px;font-weight:400}h2{font-family:var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--dorado);border-bottom:1px solid var(--linea);margin:34px 0 12px;padding-bottom:8px;font-size:13px;font-weight:400}.sub{color:var(--texto-tenue);margin:0 0 24px;font-size:14px;font-style:italic}.barra-estado{z-index:20;padding:9px 20px;padding-top:calc(9px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);letter-spacing:.04em;color:var(--texto-suave);background:#0b0b0bf0;align-items:center;gap:9px;font-size:12px;display:flex;position:sticky;top:0}.punto{border-radius:50%;flex:none;width:6px;height:6px}.punto.en-linea{background:var(--ok)}.punto.sin-linea{background:var(--texto-tenue)}.punto.pendiente{background:var(--dorado)}.barra-estado .crece{flex:1}.nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);background:#0b0b0bf7;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--texto-tenue);font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #0000;flex:1;padding:16px 4px;font-size:10px;text-decoration:none}.nav a.activo{color:var(--dorado);border-top-color:var(--dorado)}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);margin-bottom:10px;padding:16px}label{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-tenue);margin-bottom:7px;font-size:11px;display:block}.campo{margin-bottom:18px}input,select,textarea{width:100%;color:var(--texto);border:1px solid var(--linea);border-radius:var(--radio);background:#0e0d0b;padding:12px 13px;font-size:16px}input::placeholder{color:#5f5b54}input:focus,select:focus,textarea:focus{border-color:var(--dorado);outline:none}.fila{gap:12px;display:flex}.fila>*{flex:1;min-width:0}button{border-radius:var(--radio);border:1px solid var(--dorado);background:var(--dorado);color:#14120c;font-family:var(--serif);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:13px 20px;font-size:12px;transition:opacity .15s}button:hover:not(:disabled){opacity:.88}button:disabled{opacity:.38;cursor:not-allowed}button.secundario{border-color:var(--linea);color:var(--texto-suave);background:0 0}button.secundario:hover:not(:disabled){border-color:var(--dorado);color:var(--dorado);opacity:1}button.ancho{width:100%}.aviso{border-radius:var(--radio);border:1px solid var(--linea);background:var(--tarjeta);border-left-width:2px;margin-bottom:16px;padding:13px 15px;font-size:14px}.aviso.error{border-left-color:var(--error);color:#e0b5ae}.aviso.ok{border-left-color:var(--ok);color:#bcd4b7}.aviso.atencion{border-left-color:var(--dorado);color:var(--texto-suave)}.etiqueta{border-radius:var(--radio);border:1px solid var(--linea);font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-tenue);padding:3px 9px;font-size:9px;display:inline-block}.etiqueta.pendiente{border-color:var(--dorado);color:var(--dorado)}.vacio{text-align:center;color:var(--texto-tenue);padding:56px 20px;font-style:italic}.item-animal{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.foto-mini{border-radius:var(--radio);object-fit:cover;border:1px solid var(--linea);background:#0e0d0b;flex:none;width:54px;height:54px}.foto-mini.sin-foto{color:var(--texto-tenue);opacity:.45;justify-content:center;align-items:center;font-size:11px;display:flex}.hierro{font-family:var(--serif);letter-spacing:.1em;color:var(--texto);font-size:16px}.dato{border-bottom:1px solid var(--linea);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.dato:last-child{border-bottom:none}.dato span:first-child{font-family:var(--serif);color:var(--texto-tenue);letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:11px}.dato span:last-child{color:var(--texto);text-align:right}.previa{object-fit:cover;border-radius:var(--radio);border:1px solid var(--linea);width:100%;max-height:260px;margin-top:12px}.centrado{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.login{width:100%;max-width:340px}.marca{text-align:center;margin-bottom:46px}.marca .logo{object-fit:contain;max-width:130px;max-height:100px;margin:0 auto 26px;display:block}.marca .nombre{font-family:var(--serif);letter-spacing:.3em;text-indent:.3em;color:var(--texto);font-size:34px;font-weight:400;line-height:1.2}.marca .filete{background:var(--dorado);opacity:.7;width:46px;height:1px;margin:20px auto}.marca .lema{font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--dorado);font-size:10px;line-height:1.9}@media (width<=360px){.marca .nombre{letter-spacing:.22em;text-indent:.22em;font-size:27px}.marca .lema{letter-spacing:.14em}}