/* ETAPA 3 — En Inicio, Volver arriba sobre el chat compacto.
   No altera el retorno al inicio ni el resto de los componentes. */
.scrolltop { right: 16px; bottom: 78px; z-index: 9999; }
.scrolltop:focus-visible { outline: 3px solid #f3b345; outline-offset: 3px; }
@media (max-width: 600px) { .scrolltop { right: 12px; bottom: 74px; } }

/* Cierre de Etapa 3: contraste perceptible también sobre el pie azul oscuro.
   La flecha se define explícitamente porque el icono heredado no es visible.
   Sin cambios de tamaño, posición, enlaces ni JavaScript. */
.scrolltop { background-color: #287FC3; color: #fff; border: 1px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.26); }
.scrolltop::before { content: "↑"; font: 700 25px/1 Arial, Helvetica, sans-serif; color: #fff; }
.scrolltop > .custom-icon-scrolltop { display: none; }
.scrolltop:hover { background-color: #17639D; }
.scrolltop:focus-visible { outline: 3px solid #f3b345; outline-offset: 3px; }