/*
 * LIBERTY ARTIST STUDIO — estilo adicional pendiente de integración.
 * Cargar DESPUÉS de las hojas de estilo existentes, únicamente en una copia.
 *
 * Estructura comprobada: .private-zone > … >
 * .business-zone.business-dashboard > .business-dashboard-grid > a[href].
 * Las tres placas son enlaces: Distribución, Publishing e Inversión.
 * No se seleccionan paneles informativos, formularios, fotos ni botones.
 * Las exclusiones son defensivas; no crean ni deshabilitan interactividad.
 */

.private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]) {
  transition: border-color 260ms ease, box-shadow 260ms ease;
}

/*
 * El bundle aplica background:#35101a y border-color:#b89c60 en :hover,
 * incluso en táctil. Se restituye EXACTAMENTE el aspecto de reposo observado
 * antes de añadir el efecto. Esto evita teñir el fondo y el hover persistente.
 * Mantener esta restitución sincronizada si cambia el CSS base en otra copia.
 */
.private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):hover {
  background: linear-gradient(130deg, #2c1018, #100d11);
  border-color: #765d37;
}

/* Hover exclusivamente con puntero fino capaz de pasar por encima. */
@media (hover: hover) and (pointer: fine) {
  .private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]):hover {
    border-color: #C9A86A;
    box-shadow: 0 0 12px 2px rgb(201 168 106 / 14%);
  }
}

/* Respuesta mientras se pulsa, también en pantallas táctiles. */
.private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]):active {
  border-color: #C9A86A;
  box-shadow: 0 0 10px 2px rgb(201 168 106 / 18%);
}

/* El contorno aparece inmediatamente y permanece visible durante la pulsación. */
.private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]):focus-visible {
  border-color: #C9A86A;
  outline: 3px solid #C9A86A;
  outline-offset: 4px;
  box-shadow: 0 0 12px 2px rgb(201 168 106 / 14%);
}

@media (prefers-reduced-motion: reduce) {
  .private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]) {
    transition: none;
    animation: none;
  }
}

/* Conserva el foco perceptible cuando el sistema fuerza una paleta de contraste. */
@media (forced-colors: active) {
  .private-zone .business-dashboard .business-dashboard-grid > a[href]:not(.primary-link):not([aria-disabled="true"]):focus-visible {
    outline-color: Highlight;
  }
}
