/* El personaje queda fuera del flujo: no cambia las medidas del formulario. */
.pagina-consulta .inicio-recuadro{position:relative}
.inicio-mascota{position:absolute;right:calc(100% + 4px);top:50%;width:140px;height:140px;transform:translateY(-50%);display:block;border:0;padding:0;margin:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1}
.inicio-mascota:focus-visible{outline:2px solid #2875a9;outline-offset:2px;border-radius:16px}
/* En pantallas estrechas ocupa el hueco a la izquierda de la invitación,
   sin cubrir el texto, desplazar el recuadro ni añadir otra fila. */
@media(max-width:1019px){.inicio-mascota{right:auto;left:-16px;top:-70px;width:56px;height:56px;transform:none}}