/* ==========================================================================
   BLACK VERSIONS — pages/servicios.css
   Hub de servicios. Es una pagina indice: el peso esta en la lista de
   tarjetas a ancho completo, que viven en components.css.
   ========================================================================== */

/* ==========================================================================
   1. HERO
   ========================================================================== */

.hub-hero .starburst {
  top: 12%;
  right: var(--burst-right);
}

.hub-hero .hero-sub {
  max-width: 640px;
  margin-bottom: 0;
}

/* ==========================================================================
   2. LISTA DE SERVICIOS
   ========================================================================== */

.hub .hub-list {
  display: grid;
  gap: var(--gap-grid);
}

/* ==========================================================================
   3. CTA
   ========================================================================== */

.hub-cta {
  border-top: 1px solid var(--b-06);
}