:root{--ink:#1a1330;--paper:#fff8e7;--panel:#fff;--hoja:#fdfefb;--cuadro:#c6daf2;--azul:#2e6fe8;--azul-osc:#1d4faa;--azul-soft:#e3ecfd;--verde:#1fa860;--verde-osc:#0f7a43;--verde-soft:#e0f5e9;--rojo:#e8442e;--rojo-osc:#c4301c;--rojo-soft:#fde6e2;--star:#ffc61a;--star-osc:#f5b400;--star-soft:#fff3c4;--morado:#7b2ff2;--morado-soft:#efe4fd;--lapiz:#625d70;--pelaje:#d9ab62;--pelaje-claro:#f1d4a0;--vexeo-original:#126b62;--font-lectura:Lexend, system-ui, sans-serif;--font-exhibicion:Bangers, sans-serif;--borde:3px solid var(--ink);--sombra:4px 4px 0 var(--ink);--radio:.75rem;--espacio-1:.25rem;--espacio-2:.5rem;--espacio-3:.75rem;--espacio-4:1rem;--espacio-6:1.5rem;--espacio-8:2rem;--espacio-12:3rem;--espacio-16:4rem;--radio-panel:1.25rem}@font-face{font-family:Lexend;src:url(/fuentes/Lexend.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Bangers;src:url(/fuentes/Bangers.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{font-size:100%}body{background-color:var(--paper);background-image:radial-gradient(var(--cuadro) 1px, transparent 1px);min-height:100svh;color:var(--ink);font-family:var(--font-lectura);background-size:14px 14px;margin:0;line-height:1.6}h1,p{margin:0}h1{font-family:var(--font-lectura);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.15}button,a{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}:focus-visible{outline:6px double var(--ink);outline-offset:3px}h1:focus{outline:none}.navegacion-teclado h1:focus-visible{outline:6px double var(--ink);outline-offset:3px}img{max-width:100%;display:block}.cuaderno{width:min(100%,55rem);padding:var(--espacio-6) var(--espacio-3) var(--espacio-8);margin-inline:auto}.entrada{font-size:1.125rem}.marca{margin-bottom:var(--espacio-6);font-family:var(--font-exhibicion);text-align:center;font-size:2.6rem;line-height:1.15}.vineta{justify-items:center;gap:var(--espacio-6);padding:var(--espacio-6) var(--espacio-3);border:var(--borde);border-radius:var(--radio-panel);background:var(--paper);box-shadow:var(--sombra);text-align:center;display:grid}.vineta>*,.hoja>*{min-width:0;max-width:100%}.mascota{width:12rem;height:auto}.acciones{gap:var(--espacio-4);width:100%;display:grid}.boton{min-width:44px;min-height:44px;padding:var(--espacio-3) var(--espacio-4);border:var(--borde);border-radius:var(--radio);background:var(--panel);box-shadow:var(--sombra);font-weight:600;line-height:1.6}.boton-principal{background:var(--azul-osc);color:var(--panel)}.boton:active{box-shadow:1px 1px 0 var(--ink)}.enlace-adulto{min-width:44px;min-height:44px;padding:var(--espacio-3) var(--espacio-4);text-underline-offset:.2em;justify-content:center;align-items:center;text-decoration:underline;display:flex}.enlace-adulto:active{box-shadow:inset 0 -2px 0 var(--ink)}.estado{min-height:1.6em}.adulto{font-size:1rem}.firma{margin-bottom:var(--espacio-6)}.hoja{gap:var(--espacio-6);padding:var(--espacio-6) var(--espacio-3);border:var(--borde);border-radius:var(--radio);background:var(--hoja);display:grid}@media (width>=40rem){.cuaderno,.vineta,.hoja{padding:var(--espacio-8)}.acciones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.boton{transition:transform .12s,box-shadow .12s}.boton:hover{transform:translate(-1px,-1px)}.boton:active{transform:translate(3px,3px)}}