/* EL REALCE DE UNA ISLA, EN UN ARCHIVO Y NO DENTRO DE CADA PAGINA
 * ficha GEO-NINGUN-ANFITRION-PUEDE-SOLTAR-UNSAFE-INLINE-TODAVIA · 2026-09-16
 *
 * Gemelo de /assets/js/wc-conducta.js: lo publica el MISMO bloque de la forja en el arbol de cada isla y lo
 * referencia la MISMA puerta, el cierre de la cabeza de toda pagina forjada. Antes estas reglas viajaban
 * dentro del pie enriquecido, y MEDIDO el 2026-09-16 sobre lo servido: cielo.visibles.world,
 * barrioitaliatv.visibles.world y visibles.world usaban la clase con la regla AUSENTE, porque esas paginas no
 * dibujan ese pie. La clase sin su regla es un realce muerto.
 *
 * POR QUE CADA EFECTO SE DECLARA DOS VECES. Un atributo `style` en la etiqueta gana SIEMPRE a una hoja de
 * estilos, de modo que la tarjeta que declara su sombra en linea -- 14 de 14 etiquetas de verogaray.com,
 * 17 de 27 de lorecahuelmo.cl, medidas el mismo dia -- se quedaba sin la sombra alta que el manejador
 * `onmouseover` si escribia. La segunda declaracion lleva `!important` y se selecciona por la PRESENCIA de la
 * propiedad personalizada en el atributo, de manera que solo pisa a quien la pidio: un elemento que no declara
 * `--wc-sombra-alta` no recibe ninguna sombra nueva.
 */

.wc-pie-enlaces a{transition:opacity .18s ease}
.wc-pie-enlaces a:hover,.wc-pie-enlaces a:focus-visible{opacity:1!important}

@keyframes wcAparece{from{opacity:0}to{opacity:1}}

.wc-realce{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,opacity .22s ease,border-color .22s ease}
.wc-realce:hover,.wc-realce:focus-visible{transform:var(--wc-alza,translateY(-3px));box-shadow:var(--wc-sombra-alta,0 6px 16px rgba(0,0,0,.12));filter:var(--wc-filtro-alto,none);opacity:var(--wc-opacidad-alta,1);border-color:var(--wc-borde-alto,currentColor)}

.wc-realce[style*="--wc-alza"]:hover,.wc-realce[style*="--wc-alza"]:focus-visible{transform:var(--wc-alza)!important}
.wc-realce[style*="--wc-sombra-alta"]:hover,.wc-realce[style*="--wc-sombra-alta"]:focus-visible{box-shadow:var(--wc-sombra-alta)!important}
.wc-realce[style*="--wc-borde-alto"]:hover,.wc-realce[style*="--wc-borde-alto"]:focus-visible{border-color:var(--wc-borde-alto)!important}
.wc-realce[style*="--wc-filtro-alto"]:hover,.wc-realce[style*="--wc-filtro-alto"]:focus-visible{filter:var(--wc-filtro-alto)!important}
.wc-realce[style*="--wc-opacidad-alta"]:hover,.wc-realce[style*="--wc-opacidad-alta"]:focus-visible{opacity:var(--wc-opacidad-alta)!important}

.wc-realce-tinta{transition:color .2s ease,background-color .2s ease}
.wc-realce-tinta:hover,.wc-realce-tinta:focus-visible{color:var(--wc-tinta-alta,inherit);background:var(--wc-fondo-alto,transparent)}
.wc-realce-tinta[style*="--wc-tinta-alta"]:hover,.wc-realce-tinta[style*="--wc-tinta-alta"]:focus-visible{color:var(--wc-tinta-alta)!important}
.wc-realce-tinta[style*="--wc-fondo-alto"]:hover,.wc-realce-tinta[style*="--wc-fondo-alto"]:focus-visible{background:var(--wc-fondo-alto)!important}

@media (prefers-reduced-motion:reduce){
  .wc-realce:hover,.wc-realce:focus-visible{transform:none}
  .wc-realce[style*="--wc-alza"]:hover,.wc-realce[style*="--wc-alza"]:focus-visible{transform:none!important}
  [style*="wcAparece"]{animation:none!important;opacity:1!important}
}