/* safri · íconos propios, simples y de trazo fino.
   Se usan así:  <i class=ico-nombre></i>  y toman el color del texto que los rodea. */
[class^="ico-"],[class*=" ico-"]{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.14em;
  background-color:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;font-style:normal;}
.ico-x{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 6.5l11 11M17.5 6.5l-11 11%22/%3E%3C/svg%3E");}
.ico-check{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E");}
.ico-enviar{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 12h13%22/%3E%3Cpath d=%22M12.5 6l6 6-6 6%22/%3E%3C/svg%3E");}
.ico-lapiz{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 19.5l1-4 10.5-10.5a2.1 2.1 0 0 1 3 3L8.5 18.5z%22/%3E%3Cpath d=%22M14.5 6.5l3 3%22/%3E%3C/svg%3E");}
.ico-alerta{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4l9 16H3z%22/%3E%3Cpath d=%22M12 10v4%22/%3E%3Cpath d=%22M12 17.2v.1%22/%3E%3C/svg%3E");}
.ico-reloj{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E");}
.ico-candado{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%2210.5%22 width=%2214%22 height=%2210%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3C/svg%3E");}
.ico-pin{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s6.5-5.4 6.5-10.5a6.5 6.5 0 0 0-13 0C5.5 15.6 12 21 12 21z%22/%3E%3Ccircle cx=%2212%22 cy=%2210.5%22 r=%222.3%22/%3E%3C/svg%3E");}
.ico-telefono{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 4h3l1.5 4-2 1.3a10 10 0 0 0 5.7 5.7l1.3-2 4 1.5v3a2 2 0 0 1-2.2 2A16 16 0 0 1 4.5 6.2 2 2 0 0 1 6.5 4z%22/%3E%3C/svg%3E");}
.ico-local{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9.5l1.5-5h13l1.5 5%22/%3E%3Cpath d=%22M5 9.5h14V20H5z%22/%3E%3Cpath d=%22M10 20v-5h4v5%22/%3E%3C/svg%3E");}
.ico-moto{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%2216.5%22 r=%222.8%22/%3E%3Ccircle cx=%2218%22 cy=%2216.5%22 r=%222.8%22/%3E%3Cpath d=%22M8.8 16.5h5.7l-2.5-6H9%22/%3E%3Cpath d=%22M12.5 10.5h3.6l1.9 6%22/%3E%3Cpath d=%22M14.5 6h2.3v4.5%22/%3E%3C/svg%3E");}
.ico-persona{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228.2%22 r=%223.6%22/%3E%3Cpath d=%22M5 20c.7-3.9 3.6-6.2 7-6.2s6.3 2.3 7 6.2%22/%3E%3C/svg%3E");}
.ico-personas{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228.5%22 r=%223.2%22/%3E%3Cpath d=%22M3 19.5c.5-3.3 3-5.3 6-5.3s5.5 2 6 5.3%22/%3E%3Cpath d=%22M15.5 5.6a3.2 3.2 0 0 1 0 5.8M17.3 14.4c2 .6 3.3 2.4 3.7 5.1%22/%3E%3C/svg%3E");}
.ico-chat{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 14.5a2 2 0 0 1-2 2H8l-4 3.5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z%22/%3E%3C/svg%3E");}
.ico-bolsa{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 7h8l3 13H5z%22/%3E%3Cpath d=%22M9.5 7V5.5a2.5 2.5 0 0 1 5 0V7%22/%3E%3C/svg%3E");}
.ico-billete{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%226.5%22 width=%2218%22 height=%2211%22 rx=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");}
.ico-tarjeta{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225.5%22 width=%2218%22 height=%2213%22 rx=%222.2%22/%3E%3Cpath d=%22M3 10h18%22/%3E%3Cpath d=%22M6.5 14.5h4%22/%3E%3C/svg%3E");}
.ico-camara{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.5 17.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2.3L9 4.5h6L16.2 7h2.3a2 2 0 0 1 2 2z%22/%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223.4%22/%3E%3C/svg%3E");}
.ico-documento{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.2%22/%3E%3Ccircle cx=%228.5%22 cy=%2211%22 r=%222%22/%3E%3Cpath d=%22M5.8 16c.4-1.6 1.5-2.4 2.7-2.4s2.3.8 2.7 2.4%22/%3E%3Cpath d=%22M14 10h4M14 13.5h3%22/%3E%3C/svg%3E");}
.ico-imagen{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224.5%22 width=%2217%22 height=%2215%22 rx=%222.2%22/%3E%3Ccircle cx=%229%22 cy=%2210%22 r=%221.7%22/%3E%3Cpath d=%22M20.5 16l-5-5-9 8.5%22/%3E%3C/svg%3E");}
.ico-tacho{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 7h15%22/%3E%3Cpath d=%22M9.5 7V4.5h5V7%22/%3E%3Cpath d=%22M6.5 7l1 13h9l1-13%22/%3E%3C/svg%3E");}
.ico-mas{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E");}
.ico-casa{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10.5L12 4l8 6.5V20H4z%22/%3E%3Cpath d=%22M9.5 20v-5.5h5V20%22/%3E%3C/svg%3E");}
.ico-edificio{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%223.5%22 width=%2214%22 height=%2217%22 rx=%221.5%22/%3E%3Cpath d=%22M9 8h1.5M13.5 8H15M9 12h1.5M13.5 12H15M10.5 20.5v-4h3v4%22/%3E%3C/svg%3E");}
.ico-megafono{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10v4h3l7 4.5v-13L7 10z%22/%3E%3Cpath d=%22M17.5 9a4 4 0 0 1 0 6%22/%3E%3C/svg%3E");}
.ico-sobre{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225.5%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6.5l8.5 6 8.5-6%22/%3E%3C/svg%3E");}
.ico-lupa{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%226.5%22/%3E%3Cpath d=%22M20 20l-4.2-4.2%22/%3E%3C/svg%3E");}
.ico-marcador{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 3.5h11V20.5l-5.5-4-5.5 4z%22/%3E%3C/svg%3E");}
.ico-carrito{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 4.5h2.5l2 11h10.5l2-8H6.5%22/%3E%3Ccircle cx=%229%22 cy=%2219.5%22 r=%221.3%22/%3E%3Ccircle cx=%2217%22 cy=%2219.5%22 r=%221.3%22/%3E%3C/svg%3E");}
.ico-plato{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212.5%22 r=%226.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212.5%22 r=%223%22/%3E%3Cpath d=%22M3 4v5.5M3 9.5c0 1.2.9 2 2 2M21 4c-1.6.8-2.5 2.6-2.5 4.5v3h2.5V20%22/%3E%3C/svg%3E");}
.ico-pizza{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21L4 6.5a14 14 0 0 1 16 0z%22/%3E%3Cpath d=%22M5.5 9a11.5 11.5 0 0 1 13 0%22/%3E%3Ccircle cx=%2211%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%2214%22 cy=%2215%22 r=%221%22/%3E%3C/svg%3E");}
.ico-helado{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 11l4 10 4-10%22/%3E%3Cpath d=%22M7 11a5 5 0 0 1 10 0z%22/%3E%3C/svg%3E");}
.ico-pregunta{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.6 9.5a2.5 2.5 0 0 1 4.8 1c0 1.8-2.4 2-2.4 3.7%22/%3E%3Cpath d=%22M12 17v.1%22/%3E%3C/svg%3E");}
.ico-prohibido{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M6 6l12 12%22/%3E%3C/svg%3E");}
.ico-balanza{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4v16M7 20h10M5 7h14%22/%3E%3Cpath d=%22M5 7l-2.5 6a2.5 2.5 0 0 0 5 0zM19 7l-2.5 6a2.5 2.5 0 0 0 5 0z%22/%3E%3C/svg%3E");}
.ico-engranaje{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21M5.6 5.6l1.8 1.8M16.6 16.6l1.8 1.8M5.6 18.4l1.8-1.8M16.6 7.4l1.8-1.8%22/%3E%3C/svg%3E");}
.ico-enviarplata{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%227%22 width=%2213%22 height=%229%22 rx=%221.8%22/%3E%3Ccircle cx=%229.5%22 cy=%2211.5%22 r=%221.8%22/%3E%3Cpath d=%22M18 9.5h3.5M19.5 7.5l2 2-2 2%22/%3E%3C/svg%3E");}
.ico-lluvia{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 15.5a4 4 0 0 1-.6-7.96A5.5 5.5 0 0 1 17 8.2a3.7 3.7 0 0 1 .3 7.3z%22/%3E%3Cpath d=%22M8.5 18.5l-1 2M12.5 18.5l-1 2M16.5 18.5l-1 2%22/%3E%3C/svg%3E");}
.ico-estrella{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 3.2l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 17l-5.4 2.9 1.1-6.1-4.5-4.2 6.1-.8z%22 fill=%22%23000%22/%3E%3C/svg%3E");}

/* ---------- Fondo con burbujas que flotan en círculos ----------
   Unas pocas burbujas muy claritas, como las de la tarjeta de promociones, para que los fondos claros no
   queden tan lisos. Van por encima del fondo de la página y por debajo de todo lo demás: no se tocan ni
   tapan nada.
   Movimiento optimizado: cada capa (dos burbujas por capa) se mueve en círculo SOLO con "transform",
   que lo resuelve la placa de video sin redibujar la página (no gasta batería). Las capas son más grandes
   que la pantalla para que, al moverse, nunca se vea un borde. Quien pidió "menos movimiento" en su
   celular las ve quietas. */
body{isolation:isolate;}
body::before,body::after{
  content:'';position:fixed;inset:-12vmax;z-index:-1;pointer-events:none;
  will-change:transform;backface-visibility:hidden;
  animation:safriOrbita var(--vuelta) linear infinite;
}
body::before{
  --radio:3.6vmax; --vuelta:42s;
  background:
    radial-gradient(circle 34vmax at calc(12vmax + 104vw) calc(12vmax + 4vh),  rgba(34,211,238,.075) 99.5%, transparent 100%),
    radial-gradient(circle 4.5vmax at calc(12vmax + 12vw) calc(12vmax + 32vh), rgba(34,211,238,.055) 99%,   transparent 100%);
}
body::after{
  --radio:3vmax; --vuelta:56s;
  animation-direction:reverse; animation-delay:-17s;
  background:
    radial-gradient(circle 22vmax at calc(12vmax - 7vw) calc(12vmax + 90vh),  rgba(34,211,238,.065) 99.5%, transparent 100%),
    radial-gradient(circle 7vmax  at calc(12vmax + 88vw) calc(12vmax + 66vh), rgba(34,211,238,.06)  99%,   transparent 100%);
}
/* girar, alejarse del centro y "desgirar": la capa recorre un círculo sin rotar */
@keyframes safriOrbita{
  from{transform:rotate(0deg) translateX(var(--radio)) rotate(0deg);}
  to{transform:rotate(360deg) translateX(var(--radio)) rotate(-360deg);}
}
@media (prefers-reduced-motion: reduce){ body::before,body::after{animation:none;} }

/* Sin el cuadrado oscuro que el celular pone al tocar un botón (se veía al calificar con estrellas) */
*{-webkit-tap-highlight-color:transparent;}
.rst,.rst *{outline:none;-webkit-user-select:none;user-select:none;}
.ico-luna{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.3 14.6A8.6 8.6 0 1 1 9.4 3.7a6.9 6.9 0 0 0 10.9 10.9z%22/%3E%3C/svg%3E");}
.ico-clima-noche{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15.2 3.4a3.6 3.6 0 0 0 5.4 4.9 4.3 4.3 0 1 1-5.4-4.9z%22/%3E%3Cpath d=%22M6.6 16.2a3.6 3.6 0 0 1-.5-7.15A4.9 4.9 0 0 1 15.5 9.4a3.3 3.3 0 0 1 .3 6.6z%22/%3E%3Cpath d=%22M8.2 19.2l-.9 1.8M11.8 19.2l-.9 1.8M15.4 19.2l-.9 1.8%22/%3E%3C/svg%3E");}