/* ==========================================================
   BOTON VOLVER ARRIBA
   ========================================================== */

/* ---------- VOLVER ARRIBA ---------- */
.to-top{
  position:fixed; right:24px; bottom:24px; z-index:45;
  width:46px; height:46px; display:grid; place-items:center;
  border:1px solid var(--rule); background:rgba(246,243,236,0.94); color:var(--navy);
  cursor:pointer; opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity var(--t-hover) ease, visibility var(--t-hover) ease,
             transform var(--t-hover) var(--ease-flip),
             background-color var(--t-hover) ease, color var(--t-hover) ease;
}
.to-top.show{opacity:1; visibility:visible; transform:none;}
.to-top:hover{background:var(--navy); color:var(--paper); border-color:var(--navy);}
.to-top svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5;}
@media (max-width:600px){.to-top{right:16px; bottom:16px;}}