/* Hub + páginas de treinamento por ERP/módulo */

.erp-hub {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 0 0 2.5rem;
}
@media (max-width: 980px) { .erp-hub { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .erp-hub { grid-template-columns: 1fr; } }

.erp-hub-card {
  display: flex; flex-direction: column;
  min-height: 100%;
  padding: 1.35rem 1.3rem 1.4rem;
  border-radius: 20px;
  border: 1px solid rgba(20,24,31,.1);
  text-decoration: none;
  color: inherit;
  box-shadow: 0 10px 28px rgba(20,24,31,.05);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.erp-hub-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(20,24,31,.1);
}
.erp-hub-card__pill {
  display: inline-flex; align-self: flex-start;
  margin: 0 0 .85rem; padding: .28rem .7rem; border-radius: 999px;
  font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  color: #fff;
}
.erp-hub-card h2 {
  margin: 0 0 .45rem;
  font-family: var(--font-display, Sora, sans-serif);
  font-size: 1.25rem;
}
.erp-hub-card p {
  margin: 0 0 1rem; color: #3a4554; font-size: .92rem; line-height: 1.5; flex: 1;
}
.erp-hub-card__cta {
  font-size: .88rem; font-weight: 700;
}
.erp-hub-card.sap {
  background: linear-gradient(165deg, #fffbeb, #fde68a);
  border-color: rgba(184,134,11,.35);
}
.erp-hub-card.sap .erp-hub-card__pill { background: #b8860b; }
.erp-hub-card.sap .erp-hub-card__cta { color: #8a6914; }
.erp-hub-card.totvs {
  background: linear-gradient(165deg, #eff6ff, #bfdbfe);
  border-color: rgba(15,76,168,.32);
}
.erp-hub-card.totvs .erp-hub-card__pill { background: #0f4ca8; }
.erp-hub-card.totvs .erp-hub-card__cta { color: #0f4ca8; }
.erp-hub-card.omie {
  background: linear-gradient(165deg, #ecfdf5, #a7f3d0);
  border-color: rgba(6,122,78,.3);
}
.erp-hub-card.omie .erp-hub-card__pill { background: #067a4e; }
.erp-hub-card.omie .erp-hub-card__cta { color: #067a4e; }
.erp-hub-card.portais {
  background: linear-gradient(165deg, #f5f3ff, #ddd6fe);
  border-color: rgba(91,33,182,.28);
}
.erp-hub-card.portais .erp-hub-card__pill { background: #6d28d9; }
.erp-hub-card.portais .erp-hub-card__cta { color: #6d28d9; }
.erp-hub-card.assist {
  background: linear-gradient(165deg, #fff7ed, #fed7aa);
  border-color: rgba(194,65,12,.3);
}
.erp-hub-card.assist .erp-hub-card__pill { background: #c2410c; }
.erp-hub-card.assist .erp-hub-card__cta { color: #c2410c; }
.erp-hub-card.gateway {
  background: linear-gradient(165deg, #f0fdfa, #99f6e4);
  border-color: rgba(13,148,136,.3);
}
.erp-hub-card.gateway .erp-hub-card__pill { background: #0f766e; }
.erp-hub-card.gateway .erp-hub-card__cta { color: #0f766e; }

.train-subnav {
  display: flex; flex-wrap: wrap; gap: .55rem;
  margin: 0 0 1.75rem;
}
.train-subnav a {
  display: inline-flex; padding: .4rem .85rem; border-radius: 999px;
  font-size: .8rem; font-weight: 700; text-decoration: none;
  border: 1px solid rgba(20,24,31,.12); color: #2a3340; background: #fff;
}
.train-subnav a[aria-current="page"] { color: #fff; border-color: transparent; }
.train-subnav a.sap[aria-current="page"] { background: #b8860b; }
.train-subnav a.totvs[aria-current="page"] { background: #0f4ca8; }
.train-subnav a.omie[aria-current="page"] { background: #067a4e; }
.train-subnav a.portais[aria-current="page"] { background: #6d28d9; }
.train-subnav a.assist[aria-current="page"] { background: #c2410c; }
.train-subnav a.gateway[aria-current="page"] { background: #0f766e; }

.mod-section { margin: 0 0 2.5rem; }
.mod-head {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .55rem .9rem;
  margin: 0 0 1rem;
}
.mod-head h2 {
  margin: 0; font-family: var(--font-display, Sora, sans-serif); font-size: 1.35rem;
}
.mod-head p { margin: 0; color: var(--muted, #5c6570); font-size: .92rem; flex: 1 1 200px; }
.mod-badge {
  display: inline-flex; align-items: center; padding: .24rem .65rem;
  border-radius: 999px; font-size: .7rem; font-weight: 800;
  letter-spacing: .04em; text-transform: uppercase;
}

.yt-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 980px) { .yt-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .yt-cards { grid-template-columns: 1fr; } }

.yt-card {
  display: flex; flex-direction: column;
  min-height: 100%;
  padding: 1.15rem 1.2rem 1.25rem;
  border-radius: 18px;
  border: 1px solid transparent;
  box-shadow: 0 10px 28px rgba(20, 24, 31, 0.05);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.yt-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(20, 24, 31, 0.1);
}
.yt-card__top {
  display: flex; justify-content: space-between; gap: .75rem;
  align-items: flex-start; margin-bottom: .7rem;
}
.yt-card__icon {
  width: 42px; height: 42px; border-radius: 12px; flex: 0 0 auto;
  display: grid; place-items: center;
  color: #fff; font-weight: 800; font-size: .68rem; letter-spacing: .02em;
}
.yt-card h3 {
  margin: 0 0 .45rem;
  font-family: var(--font-display, Sora, sans-serif);
  font-size: 1.02rem; line-height: 1.3;
}
.yt-card__meta { margin: 0 0 .9rem; color: #8a93a0; font-size: .78rem; }
.yt-card__block { margin: 0 0 .75rem; }
.yt-card__block h4 {
  margin: 0 0 .28rem; font-size: .7rem; letter-spacing: .05em;
  text-transform: uppercase; font-weight: 800;
}
.yt-card__block p {
  margin: 0; color: #3a4554; font-size: .88rem; line-height: 1.5;
}
.yt-card__foot { margin-top: auto; padding-top: .85rem; }
.yt-card .btn { width: 100%; justify-content: center; }

/* Temas */
.theme-sap .mod-badge { background: rgba(184,134,11,.18); color: #8a6914; }
.theme-sap .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,220,.94));
  border-color: rgba(184,134,11,.35);
}
.theme-sap .yt-card:hover { border-color: #b8860b; }
.theme-sap .yt-card__icon { background: linear-gradient(145deg, #f0c14b, #b8860b); color: #3d2e00; }
.theme-sap .yt-card__block h4 { color: #a16207; }
.theme-sap .yt-card .btn {
  background: linear-gradient(145deg, #d4a017, #b8860b) !important;
  border-color: #a16207 !important; color: #fff !important;
}

.theme-totvs .mod-badge { background: rgba(15,76,168,.14); color: #0f4ca8; }
.theme-totvs .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(239,246,255,.94));
  border-color: rgba(15,76,168,.32);
}
.theme-totvs .yt-card:hover { border-color: #0f4ca8; }
.theme-totvs .yt-card__icon { background: linear-gradient(145deg, #3b82f6, #0f4ca8); }
.theme-totvs .yt-card__block h4 { color: #1d4ed8; }
.theme-totvs .yt-card .btn {
  background: linear-gradient(145deg, #2563eb, #0f4ca8) !important;
  border-color: #1e40af !important; color: #fff !important;
}

.theme-omie .mod-badge { background: rgba(6,122,78,.14); color: #067a4e; }
.theme-omie .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(236,253,245,.94));
  border-color: rgba(6,122,78,.3);
}
.theme-omie .yt-card:hover { border-color: #067a4e; }
.theme-omie .yt-card__icon { background: linear-gradient(145deg, #34d399, #067a4e); }
.theme-omie .yt-card__block h4 { color: #047857; }
.theme-omie .yt-card .btn {
  background: linear-gradient(145deg, #10b981, #067a4e) !important;
  border-color: #065f46 !important; color: #fff !important;
}

.theme-portais .mod-badge { background: rgba(109,40,217,.14); color: #6d28d9; }
.theme-portais .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(245,243,255,.94));
  border-color: rgba(109,40,217,.28);
}
.theme-portais .yt-card:hover { border-color: #6d28d9; }
.theme-portais .yt-card__icon { background: linear-gradient(145deg, #a78bfa, #6d28d9); }
.theme-portais .yt-card__block h4 { color: #6d28d9; }
.theme-portais .yt-card .btn {
  background: linear-gradient(145deg, #8b5cf6, #6d28d9) !important;
  border-color: #5b21b6 !important; color: #fff !important;
}

.theme-assist .mod-badge { background: rgba(194,65,12,.14); color: #c2410c; }
.theme-assist .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,247,237,.94));
  border-color: rgba(194,65,12,.28);
}
.theme-assist .yt-card:hover { border-color: #c2410c; }
.theme-assist .yt-card__icon { background: linear-gradient(145deg, #fb923c, #c2410c); }
.theme-assist .yt-card__block h4 { color: #c2410c; }
.theme-assist .yt-card .btn {
  background: linear-gradient(145deg, #f97316, #c2410c) !important;
  border-color: #9a3412 !important; color: #fff !important;
}

.theme-gateway .mod-badge { background: rgba(15,118,110,.14); color: #0f766e; }
.theme-gateway .yt-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(240,253,250,.94));
  border-color: rgba(15,118,110,.28);
}
.theme-gateway .yt-card:hover { border-color: #0f766e; }
.theme-gateway .yt-card__icon { background: linear-gradient(145deg, #2dd4bf, #0f766e); }
.theme-gateway .yt-card__block h4 { color: #0f766e; }
.theme-gateway .yt-card .btn {
  background: linear-gradient(145deg, #14b8a6, #0f766e) !important;
  border-color: #115e59 !important; color: #fff !important;
}