/* La gata del inicio de sesión y el interruptor «Mostrar contraseña» (ver gata.js) */
.gata { display: flex; justify-content: center; margin: 2px auto 10px; }
.gata-svg { width: 168px; height: auto; max-width: 52vw; overflow: visible; }
.gata-sw { display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 4px; cursor: pointer; font-weight: 600; font-size: .95rem; user-select: none; }
.gata-sw input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.gata-sw i { position: relative; flex: none; width: 46px; height: 26px; border-radius: 999px; background: #c9c2ad; transition: background .2s; }
.gata-sw i::after { content: ''; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .2s; }
.gata-sw input:checked + i { background: #1d5c3c; }
.gata-sw input:checked + i::after { transform: translateX(20px); }
.gata-sw input:focus-visible + i { outline: 3px solid #e9a23b; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .gata-sw i, .gata-sw i::after { transition: none; } }
.gata-svg { filter: drop-shadow(0 2px 3px rgba(80, 55, 20, .28)); }