/*
 * uxdivi-footer-global.css
 *
 * Reglas globales del footer que deben aplicar en TODAS las pages del sitio
 * (no solo en las pages del rediseño). Las cargamos como hoja separada y
 * pequeña para que el icono external arrow funcione en /cursos/, /blog/,
 * /dashboard/, /mi-cuenta/, /muro/, etc.
 *
 * Self-contained · no depende de tokens CSS (usa currentColor + valores
 * literales).
 */

/* Icono arrow-up-right en links externos del footer (widgets nav_menu).
   Mask + currentColor → hereda el color exacto del texto del link. */
.fwidget a[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 1em; height: 1em;
  margin-left: 0.32em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17 17 7'/><path d='M9 7h8v8'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17 17 7'/><path d='M9 7h8v8'/></svg>");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
  opacity: 0.65;
  transition: transform .15s ease, opacity .15s ease;
}
.fwidget a[target="_blank"]:hover::after {
  opacity: 1;
  transform: translate(2px, -2px);
}