/* Perritos flotantes en los márgenes (solo pantallas anchas, decorativos). */
.floaty{position:fixed;z-index:0;pointer-events:none;display:none;opacity:.16;will-change:transform;transition:transform .25s ease-out}
.floaty img{display:block;width:100%;height:auto;animation:floaty-bob 7s ease-in-out infinite}
@keyframes floaty-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@media (min-width:1180px){.floaty{display:block}}
/* Celular/tablet: más tenues; van por encima (sin clics) para que se vean también sobre las secciones con fondo. */
@media (max-width:1179px){.floaty{display:block;opacity:.09}}
@media (prefers-reduced-motion:reduce){.floaty img{animation:none}.floaty{transition:none}}