/* ========================================================================= 1 · El hueco claro debajo del footer en las fichas de app ------------------------------------------------------------------------- `body.single-app{padding-bottom:100px!important}` reservaba sitio para la barra flotante de descarga, pero ese relleno pertenece al , que es claro (#f8fafc), mientras el footer es oscuro (#0e1a2b): el resultado era una banda blanca de 100px al final de la pagina. - En escritorio la barra NUNCA se muestra (comprobado al 30/60/90/100% de scroll), asi que no hay nada que reservar. - En movil si aparece (65px), asi que el hueco se mantiene, pero pasa a estar DENTRO del footer para que se pinte de su color. ========================================================================= */ html body.single-app, html body.has-sticky, html body .app-page-v3 { padding-bottom: 0 !important; } @media (max-width: 768px) { html body.single-app .site-footer, html body.has-sticky .site-footer, html body .app-page-v3 .site-footer { padding-bottom: 132px !important; /* 32px propios + 100px de reserva */ } } /* ========================================================================= 2 · Toda la tarjeta de app es clicable, no solo el titulo ------------------------------------------------------------------------- Se estira el enlace que ya existe dentro del

con un pseudoelemento que cubre la tarjeta. No se anade un segundo enlace: sigue habiendo uno solo por tarjeta, asi que no cambia nada para Google y el clic derecho, la rueda del raton y "abrir en pestana nueva" funcionan. `.app-card` ya es position:relative, no hace falta tocarlo. ========================================================================= / .app-card { cursor: pointer; } .app-card .app-name a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; } / el foco por teclado tiene que verse en toda la tarjeta, no en el texto / .app-card:focus-within { outline: 2px solid #2563eb; outline-offset: 2px; } .app-card .app-name a:focus { outline: none; } / si algun dia se anade otro enlace o boton dentro, sigue siendo pulsable */ .app-card .app-desc a, .app-card .app-meta a, .app-card .app-card-footer a, .app-card button { position: relative; z-index: 2; }