/*
 * Funcionalidades: Indicador visual (flecha ↗) para enlaces de texto.
 *                  Mejora la usabilidad identificando enlaces clicables. 
 *                  v1.08: Ajuste de especificidad para asegurar flecha en .hp-phone-link.
 * Versión: 1.08
 */

/* 1. Indicador visual para enlaces generales */
#content a::after {
  content: "\2197";
  display: inline-block;
  margin-left: 8px;
  font-size: 1.2em;
  color: #6dc0e3;
  /* Tu azul corporativo */
  vertical-align: middle;
  opacity: 1;
  font-weight: bold;
  text-shadow: 0.5px 0.5px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Efecto dinámico al pasar el ratón: la flecha "salta" hacia afuera */
#content a:hover::after {
  transform: translate(3px, -3px);
  color: #1a73e8;
  /* Cambio a un azul más intenso */
}

/* Ajuste discreto para el título de la ficha */
#content .hp-listing__title a::after {
  font-size: 0.75em;
  margin-left: 12px;
  vertical-align: super;
}

/* Inclusión específica para el teléfono */
/* Se aumenta la especificidad para ganar a la regla de exclusión de iconos */
#content .hp-listing__attribute .hp-phone-link::after {
  content: "\2197" !important;
}

/* 2. EXCEPCIONES: Dónde NO queremos que aparezca la flecha */
#content a.button::after,
#content a.btn::after,
#content a.abrir-btn::after,
#content a[class*="hp-button"]::after,
#content a[class*="hp-listing__action"]::after,
#content nav a::after,
#content .hp-menu a::after,
#content .hp-pagination a::after,
#content .hp-rating__stars a::after,
#content .hp-listing__rating a::after,
#content .hp-rating a::after,
#content .site-title::after,
#content .hp-field a::after,
#content .hp-form__field a::after,
#content .fn a::after,
#content a.fn::after,
#content a:has(img)::after,
#content a:has(svg)::after,
#content a:empty::after,
/* Excluimos el teléfono de la regla que quita flechas a enlaces con iconos */
#content .hp-listing__attribute i~a:not(.hp-phone-link)::after {
  content: none !important;
}