/* EL BOTON DE VOLVER ARRIBA. Uno solo para las siete paginas.
   Aparece cuando llevas mas de una pantalla bajada -antes es ruido- y sube
   suave al pulsarlo. Abajo a la derecha, 44 px (lo minimo para un pulgar), y
   respeta la franja de abajo del iPhone. Pizarra oscura y flecha en oro, como
   la barra de arriba. z-index 9: por debajo de la barra (10). Medido: en la
   portada a 390 px el movil dibujado acaba en 320 px y el boton empieza en
   330: no se pisan. */
.btt{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
     width:44px;height:44px;border-radius:50%;background:#3d4249;
     border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.35);
     display:flex;align-items:center;justify-content:center;color:#f9c20a;
     text-decoration:none;z-index:9;
     opacity:0;transform:translateY(12px);pointer-events:none;
     transition:opacity .2s ease,transform .2s ease}
.btt.visible{opacity:1;transform:none;pointer-events:auto}
.btt:hover{background:#474c55}
.btt svg{width:20px;height:20px;display:block}
@media (prefers-reduced-motion:reduce){.btt{transition:none}}