/* H&C HOME — acceso rápido a servicios.
   Excepción deliberadamente aislada: no depende de los tokens cromáticos globales
   para que futuras rethematizaciones no vuelvan a ocultarlo. */

.c-hero.c-hero--visual .c-hero__practice-rail {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  width: fit-content !important;
  max-width: min(100%, 70rem) !important;
  margin: 2.25rem 0 0 !important;
  padding: .72rem .9rem !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  background: rgba(5,10,22,.58) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #f8f4eb !important;
}

.c-hero.c-hero--visual .c-hero__practice-rail > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 2.2rem !important;
  padding: .25rem .82rem !important;
  border-right: 1px solid rgba(255,255,255,.18) !important;
  color: #f8f4eb !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.45) !important;
  opacity: .92 !important;
  transition: color 160ms ease, background 160ms ease, opacity 160ms ease !important;
}

.c-hero.c-hero--visual .c-hero__practice-rail > a:last-child {
  border-right: 0 !important;
}

.c-hero.c-hero--visual .c-hero__practice-rail > a:hover,
.c-hero.c-hero--visual .c-hero__practice-rail > a:focus-visible {
  color: #b9eee3 !important;
  background: rgba(143,213,197,.1) !important;
  opacity: 1 !important;
}

.c-hero.c-hero--visual .c-hero__practice-rail > a:focus-visible {
  outline: 1px solid #8fd5c5 !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  .c-hero.c-hero--visual .c-hero__practice-rail {
    width: 100% !important;
    padding: .55rem !important;
  }

  .c-hero.c-hero--visual .c-hero__practice-rail > a {
    flex: 1 1 45% !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    padding: .62rem .7rem !important;
  }
}