/* -----------------------
   VITRINI — CUSTOM.CSS
   ----------------------- */

/* Variáveis (garanta coerência com style.css) */
:root {
  --gold: #d4af37;
  --navy: #0f2236;
  --white: #ffffff;
  --font: 'Poppins', sans-serif;
}

/* Header base */
.vitrini-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: rgba(15,34,54,0.96);
  color: var(--white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  backdrop-filter: blur(6px);
}
.vitrini-header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.vitrini-logo img { height:48px; display:block; }

/* Nav */
.vitrini-nav a {
  margin: 0 10px;
  color: var(--white);
  text-decoration:none;
  font-weight:600;
  font-family:var(--font);
}
.vitrini-nav a:hover { color: var(--gold); }

/* Header utilities wrapper */
.vitrini-header-utils { display:flex; align-items:center; gap:10px; }

.vitrini-btn-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(6, 21, 43, 0.98);
  cursor: pointer;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
  z-index: 9999;
}

.vitrini-btn-toggle .vitrini-toggle-emoji {
  position: relative;
  z-index: 2;
  font-size: 16px;
}

.vitrini-btn-toggle::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--gold);
  transition: transform 0.25s ease;
}

/* bolinha desliza pra direita quando dark */
body.vitrini-dark .vitrini-btn-toggle::before {
  transform: translateX(32px);
}

}
.vitrini-btn-toggle:focus { outline:2px solid rgba(200,169,81,0.25); }

/* ==== AVATAR - CORREÇÃO (NUNCA MAIS ACHATADO) ==== */
.vitrini-user-btn {
  display:inline-block;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
}
.vitrini-user-btn img {
  width:44px;             /* fix width */
  height:44px;            /* fix height -> garante 1:1 */
  border-radius:50%;      /* circular */
  object-fit:cover;       /* evita achatamento */
  display:block;          /* remove inline gaps */
  border: 2px solid var(--gold);
  box-shadow: 0 6px 18px rgba(2,6,23,0.22);
}

/* Dropdown menu */
.vitrini-user-dropdown { position:relative; }
.vitrini-user-menu {
  position:absolute;
  right:0;
  top:56px;
  min-width:200px;
  background:#ffffff;
  color:#0f2236;
  padding:12px;
  border-radius:10px;
  box-shadow:0 12px 36px rgba(10,20,35,0.16);
  display:none;
  z-index:100000;
}
.vitrini-user-dropdown.active .vitrini-user-menu { display:block; }
.vitrini-user-menu .user-name { font-weight:700; margin-bottom:8px; color:var(--navy); border-bottom:1px solid #eee; padding-bottom:8px; }
.vitrini-user-menu a { display:block; color:var(--navy); text-decoration:none; padding:8px 4px; border-radius:6px; }
.vitrini-user-menu a:hover { background: rgba(200,169,81,0.06); color:var(--gold); padding-left:6px; }

/* Mobile adjustments */
@media (max-width:880px) {
  .vitrini-nav { display:none; }
  .vitrini-header-container { padding:12px; }
}

/* Dark mode classes (body.vitrini-dark) */
body.vitrini-dark {
  background: #081224;
  color:#dfeaf6;
}
body.vitrini-dark .vitrini-user-menu { background:#0f2436; color:#e6eef9; }
body.vitrini-dark .vitrini-user-menu a { color:#e6eef9; }
/* FOOTER */
.vitrini-footer {
  background: var(--navy);
  color: #fff;
  padding: 60px 24px 20px;
  font-family: "Poppins", sans-serif;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.vitrini-footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}

.footer-section {
  flex: 1 1 220px;
  min-width: 220px;
}

.footer-logo {
  height: 54px;
  margin-bottom: 14px;
}

.footer-section h4 {
  color: var(--gold);
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
}

.footer-section ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-section a {
  color: #eee;
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
  transition: color 0.25s ease, transform 0.2s ease;
}

.footer-section a:hover {
  color: var(--gold);
  transform: translateX(4px);
}

.footer-description {
  line-height: 1.6;
  opacity: 0.9;
}

/* REDES */
.footer-social-links a {
  display: inline-block;
  margin-right: 14px;
}

/* COPYRIGHT */
.footer-bottom {
  text-align: center;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 14px;
  color: #aaa;
}

/* RESPONSIVIDADE */
@media (max-width: 768px) {
  .vitrini-footer-container {
    flex-direction: column;
  }
  .footer-section {
    min-width: 100%;
  }
}
/******************************************
 * HOME – SEÇÕES EXTRAS VITRINI (PRO)
 ******************************************/
:root {
  --vitrini-gold: #d4af37;
  --vitrini-gold-light: #f3d272;
  --vitrini-navy: #0f2236;
  --vitrini-navy-dark: #020617;
}

/* bloco base */
.vitrini-home-block {
  padding: 72px 20px;
}

.vitrini-home-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* heading */
.vitrini-section-heading {
  text-align: center;
  margin-bottom: 40px;
}
.vitrini-section-heading h2 {
  font-size: 28px;
  font-weight: 700;
  color: var(--vitrini-navy);
  margin-bottom: 8px;
}
.vitrini-section-heading p {
  max-width: 640px;
  margin: 0 auto;
  color: #4b5563;
  font-size: 15px;
}

/* layout 3 colunas */
.vitrini-three-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 900px) {
  .vitrini-three-columns {
    grid-template-columns: 1fr;
  }
}

/* cards padrão */
.vh-card {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  padding: 24px 22px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.35);
  transition:
    transform 0.22s ease-out,
    box-shadow 0.22s ease-out,
    border-color 0.22s ease-out,
    background 0.22s ease-out;
}
.vh-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: var(--vitrini-navy);
}
.vh-card p {
  font-size: 14px;
  color: #4b5563;
  margin-bottom: 12px;
}
.vh-card ul {
  padding-left: 18px;
  margin: 0;
  font-size: 14px;
}

/* hover com leve glow */
.vh-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);
  border-color: rgba(212, 175, 55, 0.7);
}

/* cards dark */
.vh-card-dark {
  background: radial-gradient(circle at top left, #1e293b 0, #020617 55%, #000 100%);
  color: #e5e7eb;
  border-color: rgba(212, 175, 55, 0.45);
}
.vh-card-dark h3 {
  color: #f9fafb;
}
.vh-card-dark p {
  color: #e5e7eb;
}

/* pill */
.vh-pill {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.15);
  color: var(--vitrini-gold);
  margin-bottom: 8px;
}

/* meta list */
.vh-meta {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
}

/* COMO FUNCIONA */
.vitrini-home-como-funciona {
  background: #f4f5fb;
}
.vitrini-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 900px) {
  .vitrini-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .vitrini-steps {
    grid-template-columns: 1fr;
  }
}
.vh-step {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px 18px 20px;
  box-shadow: 0 10px 24px rgba(15, 34, 54, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.3);
}
.vh-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: var(--vitrini-gold);
  color: #041021;
  font-weight: 700;
  margin-bottom: 8px;
}
.vh-step h3 {
  font-size: 16px;
  margin-bottom: 4px;
  color: var(--vitrini-navy);
}
.vh-step p {
  font-size: 14px;
  color: #4b5563;
}

/* PROGRAMAS EM DESTAQUE */
.vitrini-home-destaques {
  background: radial-gradient(circle at top left, #1f2937 0, #020617 60%, #000 100%);
  color: #e5e7eb;
}
.vitrini-home-destaques .vitrini-section-heading h2 {
  color: #f9fafb;
}
.vitrini-home-destaques .vitrini-section-heading p {
  color: #cbd5f5;
}

/* EMPRESAS */
.vitrini-home-empresas {
  background: #020617;
  color: #e5e7eb;
}
.vitrini-home-empresas h2,
.vitrini-home-empresas h3,
.vitrini-home-empresas h4 {
  color: #f9fafb;
}
.vitrini-grid-2 {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
}
@media (max-width: 900px) {
  .vitrini-grid-2 {
    grid-template-columns: 1fr;
  }
}
.vh-text ul {
  padding-left: 18px;
  font-size: 14px;
}
.vh-cta-box {
  background: #020617;
  border-radius: 18px;
  padding: 24px 22px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65);
}
.vh-cta-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(229, 231, 235, 0.75);
  margin-bottom: 6px;
}
.vh-btn-primary {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #041021;
  font-weight: 600;
  text-decoration: none;
  margin-top: 12px;
  margin-right: 12px;
}
.vh-btn-primary:hover {
  background: linear-gradient(135deg, #ffe082, #f3d272);
}
.vh-btn-link {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  color: #e5e7eb;
  text-decoration: underline;
}
/******************************************
 * HEADER VITRINI – PRO
 ******************************************/

/* Fundo do header mais profundo e moderno */
body.home .site-header,
.site-header {
  background: radial-gradient(circle at top left, #1e335d 0, #041021 55%, #020617 100%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
  border-bottom: 1px solid rgba(212,175,55,0.18);
}

/* Logo maior, nítida e com espaço respirando */
.site-header .site-branding img,
.site-header .custom-logo {
  height: 64px;
  max-height: 68px;
  width: auto;
  display: block;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.55));
  transform-origin: left center;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.site-header:hover .site-branding img,
.site-header:hover .custom-logo {
  transform: scale(1.02);
  filter: drop-shadow(0 8px 18px rgba(0,0,0,0.75));
}

/* Linha dourada bem sutil colada no header */
.vitrini-header-accent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #f5d36a, #d4af37, #f5d36a);
  z-index: 9998;
  pointer-events: none;
}

/* Menu principal com mais contraste e espaçamento */
.site-header .main-navigation a,
.site-header .primary-menu > li > a {
  color: #e5e7eb;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 13px;
  padding-inline: 14px;
}

.site-header .main-navigation a:hover,
.site-header .primary-menu > li > a:hover,
.site-header .primary-menu > li.current-menu-item > a {
  color: #fefce8;
}

/* =====================================
   VITRINI — CTAs LOGIN / CRIAR CONTA
   ===================================== */

.vitrini-login-btn,
.vitrini-register-btn {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  padding: 9px 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

/* Login: botão fantasma claro */
.vitrini-login-btn {
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
  background: transparent;
}
.vitrini-login-btn:hover {
  background: #ffffff;
  color: #04142d;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.6);
  transform: translateY(-1px);
}

/* Criar conta: CTA principal dourado */
.vitrini-register-btn {
  border: none;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #04142d;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.65);
}
.vitrini-register-btn:hover {
  background: linear-gradient(135deg, #f8e08a, var(--gold-light));
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

/* Ajuste de espaçamento entre CTAs e toggle */
.vitrini-header-utils {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* Mobile: evita esmagar tudo */
@media (max-width: 768px) {
  .vitrini-header-utils {
    gap: 8px;
  }
  .vitrini-login-btn,
  .vitrini-register-btn {
    padding: 7px 14px;
    font-size: 13px;
  }
}

}

.site-header .vitrini-register-link:hover {
  background: #f3d272;
}

/* Responsivo: dá um pouquinho mais de respiro em telas menores */
@media (max-width: 768px) {
  .site-header .site-branding img,
  .site-header .custom-logo {
    height: 52px;
  }
}
/******************************************
 /******************************************
 /* Animação global de entrada (scroll reveal) */
.vh-reveal,
.vh-card,
.vitrini-card {
  opacity: 0;
  transform: translateY(22px) scale(0.98);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
  will-change: opacity, transform;
}

.vh-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Qualquer coisa que tiver vh-no-reveal NÃO anima */
.vh-no-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Garante que os cards do Tutor LMS fiquem sempre visíveis */
.tutor-course-card,
.tutor-course {
  opacity: 1;
  transform: none;
}

/* Qualquer coisa que tiver vh-no-reveal NÃO anima */
.vh-no-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Variante para cards – leve zoom */
.vh-reveal.card,
.vh-reveal .elementor-widget-container {
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out,
    box-shadow 0.3s ease-out;
}
/******************************************
 * CARDS VITRINI – ESTILO PREMIUM
 ******************************************/
.vitrini-card,
.elementor-widget-container .vitrini-card,
.tutor-course,
.tutor-course-card,
.elementor-column .elementor-widget-wrap {
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;
}

/* estado hover: levanta e destaca borda dourada */
.vitrini-card:hover,
.tutor-course:hover,
.tutor-course-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.3);
  border-color: rgba(212,175,55,0.55) !important;
}

/* botões padrão */
.elementor a.elementor-button,
.vitrini-btn-primary,
.tutor-btn,
button,
input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.35) !important;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, background 0.15s ease-out !important;
}

.elementor a.elementor-button:hover,
.vitrini-btn-primary:hover,
.tutor-btn:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.5) !important;
}

/* variação dourada principal */
.vitrini-btn-gold,
.elementor .elementor-button.vitrini-btn-gold {
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #041021;
}
/******************************************
 * VITRINI DARK MODE – OVERRIDES
 ******************************************/
body.vitrini-dark {
  background: #020617;
  color: #e5e7eb;
}

/* Header */
body.vitrini-dark .vitrini-header {
  background: rgba(2, 6, 23, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}
body.vitrini-dark .vitrini-nav a {
  color: #e5e7eb;
}
body.vitrini-dark .vitrini-nav a:hover {
  color: #facc15;
}

/* Hero (texto continua branco, só reforça contraste) */
body.vitrini-dark .elementor-section.hero,
body.vitrini-dark .elementor-section[data-id*="hero"] {
  color: #f9fafb;
}

/* Cards gerais */
body.vitrini-dark .vh-card,
body.vitrini-dark .vitrini-card,
body.vitrini-dark .tutor-course-card,
body.vitrini-dark .tutor-course {
  background: #020617;
  border-color: rgba(212, 175, 55, 0.5);
  color: #e5e7eb;
}
body.vitrini-dark .vh-card p,
body.vitrini-dark .vitrini-card p,
body.vitrini-dark .tutor-course-card p {
  color: #cbd5f5;
}

/* Seção "Como funciona" no dark */
body.vitrini-dark .vitrini-home-como-funciona {
  background: #020617;
}
body.vitrini-dark .vh-step {
  background: #020617;
  border-color: rgba(148, 163, 184, 0.55);
}

/* Footer */
body.vitrini-dark .vitrini-footer,
body.vitrini-dark .site-footer {
  background: #020617;
  color: #e5e7eb;
}
body.vitrini-dark .vitrini-footer a,
body.vitrini-dark .site-footer a {
  color: #facc15;
}

/* Links globais */
body.vitrini-dark a {
  color: #e5e7eb;
}
body.vitrini-dark a:hover {
  color: #facc15;
}

/* Botões no dark */
body.vitrini-dark .elementor a.elementor-button,
body.vitrini-dark .vh-btn-primary,
body.vitrini-dark .tutor-btn {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8) !important;
}

/* Fundo da página de cursos (lista) */
body.vitrini-dark.archive,
body.vitrini-dark.post-type-archive-courses {
  background: #020617;
}
/******************************************
 * LAYOUT GLOBAL / UX
 ******************************************/

/* Espaçamento consistente entre seções Elementor */
body .elementor-section {
  scroll-margin-top: 90px; /* âncoras não ficarem escondidas atrás do header */
}

body .elementor-section:not(.elementor-section-stretched) > .elementor-container {
  max-width: 1200px;
}

/* Títulos principais das seções */
body .elementor h2 {
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Texto de parágrafo padrão */
body .elementor p {
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
}

/* Deixar a seção central (Quem somos + Diferenciais + Cursos) com respiro */
body .elementor-section:nth-of-type(2),
body .elementor-section:nth-of-type(3),
body .elementor-section:nth-of-type(4) {
  padding-top: 64px;
  padding-bottom: 64px;
}

/* Botões principais da Home – reforçar CTA */
body .elementor a.elementor-button span.elementor-button-text {
  text-transform: none;
}

/* =====================================
   VITRINI — TAMANHO DA LOGO NO HEADER
   ===================================== */

.vitrini-logo img {
  height: 68px;
  max-height: 70px;
  width: auto;
  display: block;
}

/* Ajuste para mobile: diminui um pouco pra não esmagar o menu */
@media (max-width: 768px) {
  .vitrini-logo img {
    height: 54px;
    max-height: 56px;
  }
}

@media (max-width: 768px) {
  .vitrini-logo img {
    height: 48px;
  }
}

/* Deixar o dourado com mais destaque no nav */
.vitrini-header {
  border-bottom: 1px solid rgba(248, 250, 252, 0.06);
}
.vitrini-nav a {
  font-size: 15px;
  letter-spacing: 0.03em;
}
.vitrini-nav a:hover {
  color: #facc15;
}
/******************************************
 * SEÇÃO – CURSOS E SOLUÇÕES CORPORATIVAS
 ******************************************/

.vitrini-cursos-solucoes .vitrini-card,
.vitrini-cursos-solucoes .elementor-column > .elementor-widget-wrap {
  position: relative;
  padding: 36px 40px 40px;
}

/* Pílula no topo ("Para estudantes...", "Para organizações...") */
.vitrini-cursos-solucoes .vitrini-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background: rgba(15, 23, 42, 0.05);
  color: #0f172a;
  margin-bottom: 10px;
}

.vitrini-cursos-solucoes .vitrini-card-tag-empresas {
  background: rgba(212, 175, 55, 0.12);
  color: #854d0e;
}

/* Lista dentro dos cards */
.vitrini-cursos-solucoes .vitrini-card-list {
  margin: 14px 0 12px;
  padding-left: 0;
  list-style: none;
}

.vitrini-cursos-solucoes .vitrini-card-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

.vitrini-cursos-solucoes .vitrini-card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #facc15, #d4af37);
}

/* Observação final */
.vitrini-cursos-solucoes .vitrini-card-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 6px;
}

/* Pequeno refinamento em telas menores */
@media (max-width: 768px) {
  .vitrini-cursos-solucoes .vitrini-card,
  .vitrini-cursos-solucoes .elementor-column > .elementor-widget-wrap {
    padding: 28px 22px 32px;
  }
}
/******************************************
 * SEÇÃO – CURSOS E SOLUÇÕES CORPORATIVAS
 ******************************************/
.vitrini-cursos-solucoes .elementor-column > .elementor-widget-wrap {
  position: relative;
  padding: 36px 40px 40px;
  border-radius: 18px;
}

/* Pílula (tags de público) */
.vitrini-cursos-solucoes .vitrini-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(15, 23, 42, 0.06);
  color: #0f172a;
  margin-bottom: 10px;
}

.vitrini-cursos-solucoes .vitrini-card-tag-empresas {
  background: rgba(212, 175, 55, 0.15);
  color: #854d0e;
}

/* Lista */
.vitrini-cursos-solucoes .vitrini-card-list {
  margin: 14px 0 12px;
  padding-left: 0;
  list-style: none;
}

.vitrini-cursos-solucoes .vitrini-card-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

.vitrini-cursos-solucoes .vitrini-card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #facc15, #d4af37);
}

/* Nota final */
.vitrini-cursos-solucoes .vitrini-card-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 6px;
}

/* Mobile */
@media (max-width: 768px) {
  .vitrini-cursos-solucoes .elementor-column > .elementor-widget-wrap {
    padding: 28px 22px 32px;
  }
}
/******************************************
 * PADDING PADRÃO DAS SEÇÕES PRINCIPAIS
 ******************************************/
.vitrini-section {
  padding-top: 72px;
  padding-bottom: 72px;
}

.vitrini-section .elementor-heading-title {
  margin-bottom: 24px;
}

/* em telas menores, um pouco menos */
@media (max-width: 768px) {
  .vitrini-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
/* =========================================
   VITRINI — MODO ESCURO
   ========================================= */

body.vitrini-dark {
  background-color: #020617;
  color: #e5e7eb;
}

/* Header em modo escuro */
body.vitrini-dark .vitrini-header {
  background: #020617;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75);
}

/* Links gerais */
body.vitrini-dark a {
  color: #e5e7eb;
}
body.vitrini-dark a:hover {
  color: #facc15;
}

/* Cards (home, cursos, shortcodes) */
body.vitrini-dark .vitrini-card,
body.vitrini-dark .vh-card,
body.vitrini-dark .tutor-course-card,
body.vitrini-dark .elementor-widget-container {
  background: #020617;
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.85);
}

/* Cards escuros especiais */
body.vitrini-dark .vh-card-dark {
  background: radial-gradient(circle at top, #1e293b, #020617);
}

/* Seções com fundo azul */
body.vitrini-dark .vitrini-home-block,
body.vitrini-dark .elementor-section {
  /* mantemos o azul, só reforçamos contraste de texto */
  color: #e5e7eb;
}

/* Footer */
body.vitrini-dark .site-footer,
body.vitrini-dark .vitrini-footer {
  background: #020617;
  color: #cbd5f5;
}

body.vitrini-dark .site-footer a,
body.vitrini-dark .vitrini-footer a {
  color: #facc15;
}
body.vitrini-dark .site-footer a:hover,
body.vitrini-dark .vitrini-footer a:hover {
  color: #fef9c3;
}

/* Botão pill de dark-mode continua funcionando bem no dark */
body.vitrini-dark .vitrini-btn-toggle {
  border-color: rgba(248, 250, 252, 0.35);
}
/* HEADER FIXO – RESPIRO GLOBAL NO TOPO */
body {
  padding-top: 84px; /* se ficar muito, teste 72px */
}

@media (max-width: 768px) {
  body {
    padding-top: 72px;
  }
}
/* SEÇÕES PADRÃO DA HOME */
body.home .vitrini-section,
body.home .vitrini-home-block {
  padding: 80px 0;
}

@media (max-width: 768px) {
  body.home .vitrini-section,
  body.home .vitrini-home-block {
    padding: 56px 0;
  }
}

/* CARD GENÉRICO PREMIUM (use como classe nas colunas/widgets) */
.vitrini-soft-card {
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  padding: 28px 26px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.vitrini-soft-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.32);
  border-color: rgba(212, 175, 55, 0.65);
}
/* SEÇÕES EM QUE OS CARDS DEVEM TER A MESMA ALTURA */
.vitrini-cards-equal .elementor-row,
.vitrini-cards-equal .elementor-container {
  display: flex;
  flex-wrap: wrap;
}

.vitrini-cards-equal .elementor-column {
  display: flex;
}

.vitrini-cards-equal .elementor-column > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.vitrini-cards-equal .vitrini-soft-card {
  height: 100%;
}
/* PROGRAMAS EM DESTAQUE – FUNDO GRADIENTE ÚNICO */
.vitrini-section-programas {
  background: radial-gradient(circle at top left, #0b2140, #020617 52%);
  color: #f9fafb;
}

.vitrini-section-programas .vh-card-dark {
  background: rgba(15, 23, 42, 0.95);
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
/* CTA FINAL – SEÇÃO CORPORATIVA */
.vitrini-section-cta-final {
  background: linear-gradient(135deg, #020617, #0b2140);
  color: #f9fafb;
}

.vitrini-section-cta-final .vh-text,
.vitrini-section-cta-final .vh-cta-box {
  background: rgba(15, 23, 42, 0.9);
  border-radius: 20px;
  padding: 28px 26px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.85);
}

.vitrini-section-cta-final .vh-cta-box .vh-btn-primary,
.vitrini-section-cta-final .vh-cta-box .elementor-button {
  background: linear-gradient(135deg, #facc15, #d4af37);
  color: #041021;
  box-shadow: 0 20px 50px rgba(250, 204, 21, 0.35);
}
/* ============================
   QUEM SOMOS – GRID + CARDS
   ============================ */

.vitrini-quem-somos {
  background: #f9fafb;
}

/* container geral da seção */
.vitrini-home-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 72px 20px;
}

/* grid 2 colunas */
.vitrini-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}

/* título e textos */
.vitrini-title-lg {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 18px;
  color: #020617;
}

.vitrini-lead {
  font-size: 1rem;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 12px;
}

.vitrini-quem-text p {
  margin-bottom: 10px;
  color: #111827;
}

/* coluna de métricas */
.vitrini-quem-metrics {
  display: grid;
  gap: 14px;
}

/* card de métrica */
.vitrini-metric-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
}

.vitrini-metric-card:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.7);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.22);
}

.vitrini-metric-number {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #d4af37;
  margin-bottom: 4px;
}

.vitrini-metric-label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 4px;
}

.vitrini-metric-note {
  font-size: 0.85rem;
  color: #6b7280;
  margin: 0;
}

/* responsivo */
@media (max-width: 900px) {
  .vitrini-grid-2 {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .vitrini-home-container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
/* ============================
   HERO / TOPO
   ============================ */

/* remove qualquer margem/padding padrão entre header e o conteúdo */
html, body {
  margin: 0;
  padding: 0;
}

/* garante que o primeiro bloco não tenha margem pra cima */
body.home .elementor-section-wrap > .elementor-section:first-child {
  margin-top: 0 !important;
}

/* hero compensa a altura do header fixo, sem criar faixa branca */
.vitrini-hero-section {
  padding-top: 120px;  /* ajusta se achar muito */
}

/* em telas menores diminui um pouco pra não ficar gigante */
@media (max-width: 768px) {
  .vitrini-hero-section {
    padding-top: 96px;
  }
}
/* ============================
   PADRÃO DE SEÇÕES VITRINI
   ============================ */

.vitrini-section {
  padding: 72px 0;
}

.vitrini-section + .vitrini-section {
  padding-top: 56px; /* um pouco menos quando vem logo depois de outra */
}

/* Quem Somos x Nossos Diferenciais – aproxima um pouco */
.vitrini-quem-somos {
  padding-bottom: 48px;
}

.vitrini-diferenciais-section {
  padding-top: 40px;
  padding-bottom: 72px;
}
/* ============================
   NOSSOS DIFERENCIAIS – CARDS
   ============================ */

.vitrini-diferenciais-section .elementor-container {
  justify-content: center;
  gap: 24px;
}

.vitrini-diff-card {
  text-align: left;
}

.vitrini-diff-card .elementor-widget-wrap {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 22px 24px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10);
  border: 1px solid rgba(148, 163, 184, 0.32);
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
  min-height: 210px;
}

.vitrini-diff-card .elementor-widget-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.22);
  border-color: rgba(212, 175, 55, 0.7);
}
/* ============================
   CURSOS E SOLUÇÕES – CARDS
   ============================ */

.vitrini-cursos-section .elementor-container {
  align-items: stretch;
  gap: 24px;
}

.vitrini-cursos-card .elementor-widget-wrap {
  background: #ffffff;
  border-radius: 20px;
  padding: 26px 26px 30px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.28);
  border: 1px solid rgba(15, 23, 42, 0.4);
  min-height: 260px;
}

.vitrini-cursos-card p {
  font-size: 0.9rem;
}

.vitrini-cursos-card ul {
  margin-top: 10px;
  padding-left: 18px;
  font-size: 0.88rem;
}

/* deixa título de seção um pouco mais forte */
.vitrini-cursos-section h2 {
  margin-bottom: 32px;
}

/* dica: na seção, coloque essa classe: vitrini-section vitrini-cursos-section */
/* =====================================
   HOME – SEÇÕES EXTRAS VITRINI (SHORTCODE)
   ===================================== */

.vitrini-section-heading {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 36px;
}

.vitrini-section-heading h2 {
  font-size: 1.9rem;
  margin-bottom: 8px;
}

.vitrini-section-heading p {
  color: #6b7280;
  font-size: 0.98rem;
}

/* grid genérico 3 colunas */
.vitrini-three-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* cards neutros */
.vh-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 22px 22px 26px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.3);
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
}

.vh-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.26);
  border-color: rgba(212, 175, 55, 0.75);
}

.vh-card h3 {
  font-size: 1.05rem;
  margin-bottom: 6px;
}

.vh-card p {
  font-size: 0.9rem;
  color: #4b5563;
}

.vh-card ul {
  margin-top: 10px;
  padding-left: 18px;
  font-size: 0.88rem;
}

/* COMO FUNCIONA – 4 cards */
.vitrini-steps-section {
  background: #f5f7fb;
}

.vitrini-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.vitrini-step-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px 18px 22px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.35);
  position: relative;
  overflow: hidden;
}

.vitrini-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #04111f;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 8px;
}

.vitrini-step-card h3 {
  font-size: 1rem;
  margin-bottom: 6px;
}

.vitrini-step-card p {
  font-size: 0.9rem;
  color: #4b5563;
}

/* PROGRAMAS EM DESTAQUE – fundo claro, cards escuros */
.vitrini-programas {
  background: #020617;
  color: #e5e7eb;
}

.vitrini-programas .vitrini-section-heading p {
  color: #9ca3af;
}

.vitrini-programas .vh-card-dark {
  background: radial-gradient(circle at top left, #1e293b, #020617 70%);
  border-radius: 20px;
  padding: 22px 22px 26px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(148, 163, 184, 0.4);
}

.vitrini-programas .vh-card-dark h3 {
  color: #f9fafb;
}

.vitrini-programas .vh-card-dark p {
  color: #d1d5db;
}

.vh-pill {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: rgba(148, 163, 184, 0.18);
  color: #e5e7eb;
  margin-bottom: 8px;
}

.vh-meta {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
  font-size: 0.85rem;
  color: #9ca3af;
}

/* CTA EMPRESAS – gradiente principal */
.vitrini-cta-empresas {
  background: radial-gradient(circle at top left, #111827, #020617 70%);
  color: #e5e7eb;
}

.vitrini-cta-empresas .vh-text h2 {
  font-size: 1.7rem;
  margin-bottom: 10px;
}

.vitrini-cta-empresas .vh-text p {
  color: #e5e7eb;
  font-size: 0.95rem;
}

.vitrini-cta-empresas ul {
  margin-top: 10px;
  padding-left: 18px;
  font-size: 0.9rem;
}

.vh-cta-box {
  background: rgba(15, 23, 42, 0.96);
  border-radius: 20px;
  padding: 24px 24px 26px;
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(55, 65, 81, 0.9);
}

.vh-cta-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
  margin-bottom: 6px;
}

.vh-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding: 10px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #04111f;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65);
}

.vh-btn-primary:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
}

.vh-btn-link {
  display: inline-block;
  margin-left: 14px;
  font-size: 0.9rem;
  color: #e5e7eb;
  text-decoration: none;
}

.vh-btn-link:hover {
  text-decoration: underline;
}

/* responsivo */
@media (max-width: 1024px) {
  .vitrini-three-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vitrini-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .vitrini-three-columns,
  .vitrini-steps-grid {
    grid-template-columns: 1fr;
  }

  .vitrini-grid-2 {
    grid-template-columns: 1fr;
  }

  .vh-cta-box {
    margin-top: 18px;
  }
}
/* ============================
   DARK MODE (body.vitrini-dark)
   ============================ */

body.vitrini-dark {
  background: #020617;
  color: #e5e7eb;
}

/* header & footer */
body.vitrini-dark .vitrini-header {
  background: rgba(15, 23, 42, 0.98);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85);
}

body.vitrini-dark .vitrini-footer {
  background: #020617;
  border-top-color: rgba(30, 64, 175, 0.5);
}

/* textos gerais */
body.vitrini-dark h1,
body.vitrini-dark h2,
body.vitrini-dark h3,
body.vitrini-dark h4 {
  color: #f9fafb;
}

body.vitrini-dark p,
body.vitrini-dark li {
  color: #e5e7eb;
}

/* cards claros viram azul escuro */
body.vitrini-dark .vh-card,
body.vitrini-dark .vitrini-metric-card,
body.vitrini-dark .vitrini-diff-card .elementor-widget-wrap,
body.vitrini-dark .vitrini-cursos-card .elementor-widget-wrap,
body.vitrini-dark .vitrini-step-card {
  background: #0b1220;
  border-color: rgba(148, 163, 184, 0.6);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.85);
}

/* hero escurece um pouco a foto */
body.vitrini-dark .vitrini-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(15,23,42,0.35), rgba(15,23,42,0.8));
  pointer-events: none;
}

/* botão pill mantém dourado */
body.vitrini-dark .vitrini-btn-toggle::before {
  background: linear-gradient(135deg, #f9d976, #d4af37);
}
:root {
  --v-bg-body: #f4f5fb;         /* fundo neutro de página */
  --v-bg-light: #ffffff;
  --v-bg-soft: #f5f7fb;        /* blocos suaves */
  --v-bg-dark: #020617;        /* dark mais profundo */
  --v-bg-navy: #0b1220;        /* navy principal */
  --v-bg-navy-soft: #111827;

  --v-gold: #f5d26a;
  --v-gold-strong: #d4af37;

  --v-text-main: #0f172a;
  --v-text-muted: #6b7280;
  --v-text-soft: #9ca3af;

  --v-radius-card: 18px;
  --v-shadow-soft: 0 14px 32px rgba(15, 23, 42, 0.12);
  --v-shadow-strong: 0 22px 50px rgba(15, 23, 42, 0.32);
}
body {
  background: var(--v-bg-body);
  color: var(--v-text-main);
}
/* espaçamento padrão */
.vitrini-section {
  padding: 72px 0;
}

.vitrini-hero-section {
  padding-top: 120px;
  padding-bottom: 72px;
  position: relative;
}

/* fundo de cada bloco */
.vitrini-quem-somos {
  background: var(--v-bg-light);
}

.vitrini-diferenciais-section {
  background: var(--v-bg-soft);
}

.vitrini-cursos-section {
  background: var(--v-bg-navy);
  color: #f9fafb;
}

.vitrini-para-quem {
  background: var(--v-bg-light);
}

.vitrini-steps-section {
  background: var(--v-bg-soft);
}

/* já estavam escuras → mantemos, mas alinhadas com a paleta */
.vitrini-programas {
  background: radial-gradient(circle at top left, var(--v-bg-navy-soft), var(--v-bg-dark) 70%);
  color: #e5e7eb;
}

.vitrini-cta-empresas {
  background: radial-gradient(circle at top left, #111827, #020617 75%);
  color: #e5e7eb;
}
/* títulos principais */
h1, h2 {
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* títulos de seção da home */
.vitrini-section h2,
.vitrini-hero-section h1 {
  text-align: center;
}

/* textos de apoio */
p {
  line-height: 1.7;
}

/* subtítulo das seções */
.vitrini-section-heading {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 36px;
}

.vitrini-section-heading p {
  color: var(--v-text-muted);
}

/* títulos dentro dos cards */
.vh-card h3,
.vitrini-cursos-card h3,
.vitrini-diff-card h3,
.vitrini-step-card h3 {
  font-size: 1.02rem;
  margin-bottom: 6px;
}
/* tira “faixa branca” entre header e hero */
html, body {
  margin: 0;
  padding: 0;
}

body.home .elementor-section-wrap > .elementor-section:first-child {
  margin-top: 0 !important;
}

/* overlay escuro suave sobre a foto */
.vitrini-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(15,23,42,0.15), rgba(15,23,42,0.75));
  pointer-events: none;
}

.vitrini-hero-section .elementor-container {
  position: relative;
  z-index: 2;
}

/* título hero */
.vitrini-hero-section h1 {
  color: #ffffff;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* texto de suporte */
.vitrini-hero-section p {
  color: #e5e7eb;
}

/* cards pretos embaixo das CTAs */
.vitrini-hero-section .vitrini-mini-card {
  background: rgba(0,0,0,0.55);
  border-radius: 999px;
  color: #f9fafb;
  font-size: 0.85rem;
}
/* cartões genéricos */
.vh-card,
.vitrini-diff-card .elementor-widget-wrap,
.vitrini-cursos-card .elementor-widget-wrap,
.vitrini-step-card {
  background: var(--v-bg-light);
  border-radius: var(--v-radius-card);
  box-shadow: var(--v-shadow-soft);
  border: 1px solid rgba(148,163,184,0.28);
  transition: transform 0.18s ease-out,
              box-shadow 0.18s ease-out,
              border-color 0.18s ease-out;
}

.vh-card:hover,
.vitrini-diff-card .elementor-widget-wrap:hover,
.vitrini-cursos-card .elementor-widget-wrap:hover,
.vitrini-step-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--v-shadow-strong);
  border-color: rgba(212,175,55,0.7);
}

/* cards em "Cursos e Soluções" são brancos, mesmo no fundo navy */
.vitrini-cursos-section .vitrini-cursos-card .elementor-widget-wrap {
  background: #ffffff;
  color: #0f172a;
}
/* ============================
   DARK MODE
   ============================ */

body.vitrini-dark {
  background: var(--v-bg-dark);
  color: #e5e7eb;
}

/* header / footer */
body.vitrini-dark .vitrini-header {
  background: rgba(15, 23, 42, 0.98);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

body.vitrini-dark .site-footer,
body.vitrini-dark .vitrini-footer {
  background: #020617;
  color: #9ca3af;
}

/* textos */
body.vitrini-dark h1,
body.vitrini-dark h2,
body.vitrini-dark h3,
body.vitrini-dark h4 {
  color: #f9fafb;
}

body.vitrini-dark p,
body.vitrini-dark li {
  color: #e5e7eb;
}

/* cartões claros viram navy escuro */
body.vitrini-dark .vh-card,
body.vitrini-dark .vitrini-diff-card .elementor-widget-wrap,
body.vitrini-dark .vitrini-cursos-card .elementor-widget-wrap,
body.vitrini-dark .vitrini-step-card {
  background: #0b1220;
  border-color: rgba(148, 163, 184, 0.6);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
}

/* seções claras ficam mais escuras */
body.vitrini-dark .vitrini-quem-somos,
body.vitrini-dark .vitrini-diferenciais-section,
body.vitrini-dark .vitrini-para-quem,
body.vitrini-dark .vitrini-steps-section {
  background: #020617;
}

/* botões mantém dourado */
body.vitrini-dark .vh-btn-primary,
body.vitrini-dark .elementor a.elementor-button,
body.vitrini-dark .vitrini-btn-gold {
  background: linear-gradient(135deg, var(--v-gold), var(--v-gold-strong)) !important;
  color: #04111f !important;
}

/* toggle visual */
.vitrini-btn-toggle {
  position: relative;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  border: none;
  background: #0b1220;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vitrini-btn-toggle .vitrini-toggle-emoji {
  font-size: 16px;
}
/****************************************************
 * VITRINI – PALETA E TEMA CLARO/ESCURO
 ****************************************************/
:root {
  --v-bg-page: #f4f5fb;
  --v-bg-section: #ffffff;
  --v-bg-soft: #eef1f7;
  --v-bg-navy: #071a2f;
  --v-bg-navy-soft: #0b2038;
  --v-bg-gradient-dark: radial-gradient(circle at top left, #0f172a, #020617);

  --v-text-main: #0b1324;
  --v-text-soft: #4b5563;

  --v-gold: #f4c553;
  --v-gold-deep: #d4a32b;
}

/* tema escuro */
.vitrini-theme-dark {
  --v-bg-page: #020617;
  --v-bg-section: #020617;
  --v-bg-soft: #020617;
  --v-bg-navy: #020617;
  --v-bg-navy-soft: #020617;

  --v-text-main: #e5e7ef;
  --v-text-soft: #9ca3af;

  --v-gold: #facc6b;
  --v-gold-deep: #f59e0b;
}

body {
  background: var(--v-bg-page);
  color: var(--v-text-main);
}

/****************************************************
 * SEÇÕES GERAIS DA HOME (SHORTCODE)
 ****************************************************/
.vitrini-section {
  padding: 72px 0;
}

.vitrini-home-container {
  width: min(1120px, 100% - 40px);
  margin: 0 auto;
}

.vitrini-section-heading {
  text-align: center;
  margin-bottom: 40px;
}

.vitrini-section-heading h2 {
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.vitrini-section-heading p {
  max-width: 600px;
  margin: 0 auto;
  color: var(--v-text-soft);
  font-size: 0.98rem;
}

/* Distribuição de cores por seção */
.vitrini-para-quem,
.vitrini-steps-section {
  background: var(--v-bg-soft);
}

.vitrini-programas {
  background: #050b18;
}

.vitrini-cta-empresas {
  background: var(--v-bg-gradient-dark);
}

/****************************************************
 * GRID E CARDS
 ****************************************************/
.vitrini-three-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.vitrini-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr);
  gap: 36px;
  align-items: center;
}

@media (max-width: 900px) {
  .vitrini-three-columns,
  .vitrini-grid-2,
  .vitrini-steps-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* cards gerais */
.vh-card,
.vitrini-step-card {
  background: var(--v-bg-section);
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(148, 163, 184, 0.18);
  transition: transform 0.22s ease-out, box-shadow 0.22s ease-out,
    border-color 0.22s ease-out, background 0.22s ease-out;
}

.vh-card h3,
.vitrini-step-card h3 {
  font-size: 1.02rem;
  margin-bottom: 8px;
}

.vh-card p,
.vitrini-step-card p,
.vh-card ul,
.vitrini-step-card ul {
  font-size: 0.93rem;
  color: var(--v-text-soft);
}

/* cards escuros da área "Programas em destaque" */
.vh-card-dark {
  background: linear-gradient(135deg, #111827, #020617);
  color: #e5e7eb;
  border-color: rgba(249, 196, 90, 0.28);
}

.vh-card-dark p,
.vh-card-dark li {
  color: #d1d5db;
}

/* pill */
.vh-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 0.78rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  color: #e5e7eb;
  margin-bottom: 10px;
}

/* meta list dos programas */
.vh-meta {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  font-size: 0.86rem;
  color: #cbd5f5;
}

/****************************************************
 * ETAPAS
 ****************************************************/
.vitrini-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.vitrini-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--v-gold);
  color: #111827;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 10px;
  box-shadow: 0 12px 30px rgba(148, 93, 0, 0.4);
}

/****************************************************
 * CTA EMPRESAS
 ****************************************************/
.vh-text h2,
.vh-text p,
.vh-text li {
  color: #e5e7eb;
}

.vh-text h2 {
  font-size: 1.8rem;
  margin-bottom: 12px;
}

.vh-text ul {
  margin-top: 12px;
  padding-left: 18px;
  color: #e5e7eb;
  font-size: 0.95rem;
}

.vh-cta-box {
  background: rgba(15, 23, 42, 0.9);
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(248, 250, 252, 0.06);
}

.vh-cta-label {
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
  margin-bottom: 6px;
}

.vh-btn-primary,
.vh-btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  margin-right: 10px;
}

.vh-btn-primary {
  background: linear-gradient(135deg, var(--v-gold), var(--v-gold-deep));
  color: #111827;
  box-shadow: 0 18px 45px rgba(148, 93, 0, 0.55);
  border: none;
}

.vh-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 24px 60px rgba(148, 93, 0, 0.7);
}

.vh-btn-link {
  color: #e5e7eb;
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.vh-btn-link:hover {
  background: rgba(15, 23, 42, 0.85);
}

/****************************************************
 * ANIMAÇÃO VH-REVEAL
 ****************************************************/
.vh-reveal,
.vh-card,
.vitrini-step-card,
.vitrini-card {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.vh-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/****************************************************
 * AJUSTES GERAIS DA HOME
 ****************************************************/
/* tira qualquer linha/branco entre header e hero */
body.home .site-main,
body.home #primary {
  margin-top: 0;
  padding-top: 0;
}

/* deixa as seções principais com respiro consistente */
body.home .vitrini-section:first-of-type {
  margin-top: 0;
}

/* centralizar blocos "Nossos diferenciais" e evitar ficar espremido */
body.home .vitrini-diferenciais-wrapper {
  max-width: 1120px;
  margin: 0 auto;
}

/* botões globais com cara premium */
body.home a.elementor-button,
body.home .tutor-btn,
body.home button,
body.home input[type="submit"] {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.32);
}
/****************************************************
 * ALINHAMENTO GLOBAL DA HOME
 ****************************************************/

/* 1. Mesma largura de coluna tanto no Elementor quanto no shortcode */
body.home .elementor-section.elementor-top-section > .elementor-container {
  max-width: 1120px;
}

/* 2. Paddings verticais consistentes nas seções principais */
body.home .elementor-section.elementor-top-section {
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Hero pode ter um pouco mais de respiro no topo pra não encostar no header */
body.home .elementor-section.elementor-top-section:first-of-type {
  padding-top: 96px;
}

/* 3. Remover gaps estranhos antes/entre seções da home */
body.home .site-main,
body.home #primary {
  margin-top: 0;
  padding-top: 0;
}

/* 4. Centralizar "Nossos diferenciais" (se estiver dentro de um section Elementor) */
body.home .elementor-section .vitrini-diferenciais-wrapper,
body.home .elementor-section .vitrini-diferenciais,
body.home .elementor-section .vitrini-diferenciais .elementor-container {
  margin-left: auto;
  margin-right: auto;
}

/* 5. Cards de cursos com mesma altura dentro da seção "Cursos e Soluções" */
body.home .vitrini-cursos-grid .elementor-column,
body.home .vitrini-cursos-grid .elementor-widget-wrap {
  display: flex;
}
body.home .vitrini-cursos-grid .elementor-widget-wrap > .elementor-widget {
  width: 100%;
}
/****************************************************
 * HARMONIZAÇÃO GERAL DA HOME VITRINI
 * Espaçamentos + sequência de cores
****************************************************/

/* ---------- ESPAÇAMENTOS GERAIS ---------- */

/* Seções feitas no Elementor (home) */
body.home .elementor-section.elementor-top-section {
  padding-top: 64px;
  padding-bottom: 64px;
}

/* Hero um pouco mais alto pra não colar no header */
body.home .elementor-section.elementor-top-section:first-of-type {
  padding-top: 96px;
}

/* Seções vindas do shortcode [vitrini_home_sections] */
body.home .vitrini-section {
  padding-top: 64px;
  padding-bottom: 64px;
}

/* Reduz em telas menores */
@media (max-width: 768px) {
  body.home .elementor-section.elementor-top-section,
  body.home .vitrini-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* Remove espaços extras em volta do conteúdo principal */
body.home .site-main,
body.home #primary {
  margin-top: 0;
  padding-top: 0;
}

/* ---------- LARGURA DOS CONTAINERS ---------- */

/* Elementor: igualar largura ao container do shortcode (~1120px) */
body.home .elementor-section.elementor-top-section > .elementor-container {
  max-width: 1120px;
}

/* Shortcode já usa .vitrini-home-container, só garantimos centralização */
.vitrini-home-container {
  max-width: 1120px;
  margin: 0 auto;
}

/****************************************************
 * SEQUÊNCIA DE CORES (TEORIA DAS CORES)
 * Escuro (Hero) → Claro → Claro → Escuro → Claro → Claro → Escuro → Claro
****************************************************/

/* HERO – já é escuro (fundo da imagem + overlay) → mantemos */

/* QUEM SOMOS (claro) – esta seção é Elementor, continue usando fundo branco no editor */

/* NOSSOS DIFERENCIAIS (claro suave) */
body.home .vitrini-diferenciais-wrapper,
body.home .vitrini-diferenciais {
  background: #f5f7fb; /* cinza bem claro, neutro */
}

/* CURSOS E SOLUÇÕES CORPORATIVAS (FAIXA ESCURA) */
/* Essa seção você já deixou com navy, mantenha no Elementor:
   #071a2f ou similar. Aqui só ajustamos o respiro. */
body.home .vitrini-cursos-grid {
  padding-top: 56px;
  padding-bottom: 56px;
}

/* PARA QUEM É A VITRINI (CLARO) */
.vitrini-para-quem {
  background: #ffffff; /* branco puro para respirar depois da faixa navy */
}

/* COMO FUNCIONA NA PRÁTICA (CLARO SUAVE) */
.vitrini-steps-section {
  background: #f5f7fb; /* mesmo cinza de Nossos diferenciais */
}

/* PROGRAMAS EM DESTAQUE (ESCURÃO ELEGANTE) */
.vitrini-programas {
  background: #050b18;
}

/* Cartões escuros dentro dessa seção */
.vh-card.vh-card-dark {
  background: radial-gradient(circle at top left, #111827 0%, #020617 60%);
  color: #e5e7eb;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
}

/* ---------- CTA FINAL – FICAR CLARA (PONTO CRÍTICO) ---------- */

/* Deixar a faixa final CLARA (última seção do shortcode) */
.vitrini-cta-empresas {
  background: #fdfbf6;           /* quase branco com leve tom quente */
  color: #061325;
}

/* Texto da coluna esquerda mais legível */
.vitrini-cta-empresas .vh-text h2,
.vitrini-cta-empresas .vh-text p,
.vitrini-cta-empresas .vh-text li {
  color: #061325;
}

/* Caixa da coluna direita: cartão claro com detalhe dourado */
.vitrini-cta-empresas .vh-cta-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 32px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  border: 1px solid rgba(212, 175, 55, 0.20);
}

.vitrini-cta-empresas .vh-cta-label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #9ca3af;
  margin-bottom: 8px;
}

.vitrini-cta-empresas .vh-cta-box h3 {
  color: #061325;
  margin-bottom: 18px;
}

/* Botão dourado principal */
.vitrini-cta-empresas .vh-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #041021;
  font-weight: 600;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
  text-decoration: none;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.vitrini-cta-empresas .vh-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

/* Link secundário */
.vitrini-cta-empresas .vh-btn-link {
  display: inline-block;
  margin-left: 16px;
  font-weight: 500;
  color: #0f172a;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/****************************************************
 * HARMONIA DE CORES – SHORTCODE VITRINI
 * Deixar tudo mais institucional e leve
 ****************************************************/

/* Fundo padrão da página (bem claro, neutro) */
body {
  background: #f3f4f6; /* cinza bem clarinho */
}

/* --------- NOSSOS DIFERENCIAIS (já está ok, só reforço) --------- */
body.home .vitrini-diferenciais-wrapper,
body.home .vitrini-diferenciais {
  background: #f5f7fb; /* azul acinzentado suave */
}

/* --------- PARA QUEM É A VITRINI (CLARO) --------- */
.vitrini-para-quem {
  background: #ffffff;
}

/* --------- COMO FUNCIONA NA PRÁTICA (CLARO ALTERNADO) --------- */
.vitrini-steps-section {
  background: #f5f7fb;  /* mesma linha dos diferenciais */
}

/* --------- PROGRAMAS EM DESTAQUE (TIRA O FUNDÃO ESCURO) --------- */
.vitrini-programas {
  background: #ffffff;       /* fundo claro */
}

/* Cartões “dark” agora ficam médio-escuros, sem degradê forte */
.vh-card.vh-card-dark {
  background: #0b1a32;       /* navy médio */
  color: #e5e7eb;
  border-radius: 18px;
  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.35);
  border: 1px solid rgba(15, 23, 42, 0.6);
}

/* Badge e meta com dourado + cinza suave */
.vh-pill {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.12);
  color: #facc15;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.vh-meta li {
  color: #cbd5f5;
}

/* --------- CTA FINAL – CLARA E INSTITUCIONAL --------- */
.vitrini-cta-empresas {
  background: #f9fafb;   /* cinza bem claro, sem tom amarelado */
  color: #04101f;
}

/* Coluna esquerda (texto) */
.vitrini-cta-empresas .vh-text h2,
.vitrini-cta-empresas .vh-text p,
.vitrini-cta-empresas .vh-text li {
  color: #04101f;
}

/* Caixa da coluna direita: card branco em destaque */
.vitrini-cta-empresas .vh-cta-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 32px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.20);
  border: 1px solid rgba(212, 175, 55, 0.22);
}

/* Rótulo em cima do título */
.vitrini-cta-empresas .vh-cta-label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #9ca3af;
  margin-bottom: 10px;
}

/* Título da caixinha */
.vitrini-cta-empresas .vh-cta-box h3 {
  color: #04101f;
  margin-bottom: 18px;
}

/* Botão dourado principal */
.vitrini-cta-empresas .vh-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f9d976, #d4af37);
  color: #041021;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.vitrini-cta-empresas .vh-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

/* Link secundário */
.vitrini-cta-empresas .vh-btn-link {
  display: inline-block;
  margin-left: 16px;
  font-weight: 500;
  color: #0f172a;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --------- FAIXAS ESCURAS DO SITE (PADRONIZAÇÃO) --------- */

/* Hero já usa overlay escuro – mantemos */

// Cursos e Soluções Corporativas (band navy)
body.home .vitrini-cursos-grid,
body.home .vitrini-cursos-section {
  background: #071a2f;  /* navy consistente */
  color: #e5e7eb;
}

/* Programas em destaque AGORA é a única área onde os cards são escuros,
   mas o fundo continua claro, então não briga com essa faixa navy. */
/****************************************************
 * HARMONIA DE CORES – SHORTCODE VITRINI (REV)
 ****************************************************/

/* Fundo geral da página */
body.home {
  background: #f3f4f6; /* cinza claro neutro */
}

/* ===================== QUEM SOMOS ===================== */

.vitrini-quem-somos {
  background: #ffffff;
  padding: 96px 0 72px;
}

.vitrini-quem-somos .elementor-widget-heading h2,
.vitrini-quem-somos h2 {
  font-size: 2.25rem; /* ~36px */
  line-height: 1.2;
  font-weight: 700;
  color: #04101f;
  margin-bottom: 20px;
}

.vitrini-quem-somos p {
  font-size: 1rem;
  line-height: 1.8;
  color: #4b5563;
  max-width: 720px;
  margin: 0 auto 28px;
}

/* mini cards de métricas (coluna direita) */
.vitrini-quem-somos .vitrini-metric-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  border: 1px solid rgba(148, 163, 184, 0.45);
  padding: 14px 18px;
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out;
}

.vitrini-quem-somos .vitrini-metric-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 55px rgba(15, 23, 42, 0.28);
}

.vitrini-quem-somos .vitrini-metric-card strong {
  display: block;
  font-size: 1.25rem;
  color: #d4af37;
}

/* ===================== NOSSOS DIFERENCIAIS ===================== */

/* apenas UMA camada de fundo claro */
.vitrini-diferenciais-section {
  background: #f5f7fb;
  padding: 80px 0 72px;
}

/* título da seção */
.vitrini-diferenciais-section h2,
.vitrini-diferenciais-section .vitrini-section-heading h2 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
  color: #04101f;
}

/* wrapper dos cards */
.vitrini-diferenciais-wrapper {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

/* cards em si */
.vitrini-diferenciais-wrapper .vitrini-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 22px 20px;
  text-align: left;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
  border: 1px solid rgba(148, 163, 184, 0.4);
}

/* títulos e textos dos diferenciais */
.vitrini-diferenciais-wrapper .vitrini-card h3 {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #0f172a;
}

.vitrini-diferenciais-wrapper .vitrini-card p {
  font-size: 0.92rem;
  line-height: 1.7;
  color: #4b5563;
}

/* ===================== CURSOS & SOLUÇÕES ===================== */

.vitrini-cursos-section {
  background: #071a2f;
  color: #e5e7eb;
  padding: 80px 0 76px;
}

.vitrini-cursos-section h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 40px;
  color: #f9fafb;
}

/* grid dos dois cards */
.vitrini-cursos-grid {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 28px;
}

/* cards de cursos */
.vitrini-cursos-grid .vitrini-card-curso {
  background: #0b1f3a;
  border-radius: 18px;
  padding: 24px 24px 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.45);
  border: 1px solid rgba(148, 163, 184, 0.35);
  position: relative;
  overflow: hidden;
}

/* fit tipografia interna */
.vitrini-cursos-grid h3 {
  font-size: 1.1rem;
  margin-bottom: 6px;
  font-weight: 600;
}

.vitrini-cursos-grid p {
  font-size: 0.93rem;
  color: #e5e7eb;
}

.vitrini-cursos-grid ul li {
  font-size: 0.9rem;
  margin-bottom: 4px;
}

/* CTA dos cards */
.vitrini-cursos-grid .vitrini-btn-primary {
  margin-top: 14px;
}

/* ===================== PARA QUEM É A VITRINI ===================== */

.vitrini-para-quem {
  background: #ffffff;
  padding: 80px 0 72px;
}

.vitrini-para-quem .vitrini-section-heading h2 {
  font-size: 2rem;
  text-align: center;
  color: #04101f;
  margin-bottom: 10px;
}

.vitrini-para-quem .vitrini-section-heading p {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 32px;
  color: #4b5563;
}

/* cards dessa seção */
.vitrini-para-quem .vitrini-three-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

.vitrini-para-quem .vh-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 22px 20px;
  box-shadow: 0 16px 36px rgba(15,23,42,0.16);
  border: 1px solid rgba(148, 163, 184, 0.4);
}

/* ===================== COMO FUNCIONA NA PRÁTICA ===================== */

.vitrini-steps-section {
  background: #f5f7fb;
  padding: 80px 0 76px;
}

.vitrini-steps-section .vitrini-section-heading h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}

.vitrini-steps-section .vitrini-section-heading p {
  text-align: center;
  margin-bottom: 32px;
  color: #4b5563;
}

/* grid de 4 passos */
.vitrini-steps-grid {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 20px;
}

.vitrini-step-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px 18px 18px;
  box-shadow: 0 14px 32px rgba(148, 163, 184, 0.35);
  border: 1px solid rgba(148, 163, 184, 0.5);
}

/* badge do número */
.vitrini-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.15);
  color: #d4af37;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 10px;
}

/* ===================== PROGRAMAS EM DESTAQUE ===================== */

.vitrini-programas {
  background: #ffffff;
  padding: 80px 0 76px;
}

.vitrini-programas .vitrini-section-heading h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 10px;
}

.vitrini-programas .vitrini-section-heading p {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

/* cards escuros com destaque para carga horária, etc. */
.vitrini-programas .vh-card.vh-card-dark {
  position: relative;
}

.vitrini-programas .vh-meta {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed rgba(148, 163, 184, 0.6);
}

.vitrini-programas .vh-meta li {
  font-size: 0.9rem;
}

/* badge de destaque (ex: 40h de carga horária) */
.vitrini-programas .vh-meta li:first-child {
  font-weight: 600;
  color: #facc15;
}

/* ===================== CTA FINAL – EMPRESAS ===================== */

.vitrini-cta-empresas {
  background: #f9fafb;
  color: #04101f;
  padding: 80px 0 90px;
}

.vitrini-cta-empresas .vitrini-grid-2 {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
  gap: 40px;
  align-items: center;
}

.vitrini-cta-empresas .vh-text h2 {
  font-size: 2rem;
  margin-bottom: 16px;
}

.vitrini-cta-empresas .vh-text p {
  font-size: 1rem;
  line-height: 1.8;
  color: #4b5563;
}

.vitrini-cta-empresas .vh-text ul {
  margin-top: 12px;
}

.vitrini-cta-empresas .vh-text li {
  margin-bottom: 6px;
}

/* caixa da direita (já com estilo anterior + leve upgrade) */
.vitrini-cta-empresas .vh-cta-box {
  background: #ffffff;
  border-radius: 22px;
  padding: 28px 32px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
  border: 1px solid rgba(212, 175, 55, 0.28);
}

/* ===================== EFEITOS GERAIS NOS CARDS ===================== */

.vh-card,
.vitrini-step-card,
.vitrini-cursos-grid .vitrini-card-curso,
.vitrini-diferenciais-wrapper .vitrini-card,
.vitrini-quem-somos .vitrini-metric-card,
.vitrini-cta-empresas .vh-cta-box {
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
}

.vh-card:hover,
.vitrini-step-card:hover,
.vitrini-cursos-grid .vitrini-card-curso:hover,
.vitrini-diferenciais-wrapper .vitrini-card:hover,
.vitrini-cta-empresas .vh-cta-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 55px rgba(15, 23, 42, 0.35);
  border-color: rgba(212, 175, 55, 0.55);
}

/* ===================== FOOTER – EFEITOS LEVES ===================== */

.site-footer,
footer.site-footer {
  border-top: 1px solid rgba(15,23,42,0.18);
  background: #04101f;
  color: #e5e7eb;
}

.site-footer a {
  color: #e5e7eb;
  position: relative;
}

.site-footer a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: linear-gradient(90deg, #f9d976, #d4af37);
  transition: width 0.16s ease-out;
}

.site-footer a:hover::after {
  width: 100%;
}
/* =====================================
   VITRINI — CARDS COM ALTURA IGUAL
   Usar classe "vitrini-card-equal" na coluna
   ===================================== */

.vitrini-card-equal {
  display: flex; /* coluna vira um flex container */
}

.vitrini-card-equal > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* garante que o "card" interno ocupe tudo e alinhe o botão no fim */
.vitrini-card-equal > .elementor-widget-wrap > .elementor-widget {
  width: 100%;
}

/* se o card for um inner section (bem comum no Elementor) */
.vitrini-card-equal .elementor-section {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* empurra o botão/CTA pra base do card quando existir */
.vitrini-card-equal .elementor-widget-button,
.vitrini-card-equal .elementor-widget-shortcode {
  margin-top: auto;
}
/* =====================================
   VITRINI — DARK MODE GLOBAL
   Usa a classe body.vitrini-dark
   ===================================== */

body.vitrini-dark {
  background: #020617;
  color: #e5e7eb;
}

/* Header em dark mode */
body.vitrini-dark .vitrini-header {
  background: rgba(3, 15, 35, 0.98);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

body.vitrini-dark .vitrini-nav a {
  color: #e5e7eb;
}
body.vitrini-dark .vitrini-nav a:hover {
  color: var(--gold-light);
}

/* Botão de toggle continua visível */
body.vitrini-dark .vitrini-btn-toggle {
  background: rgba(15, 23, 42, 0.95);
  border-color: rgba(148, 163, 184, 0.6);
}

/* Footer em dark mode */
body.vitrini-dark .vitrini-footer {
  background: #020617;
  color: #e5e7eb;
}
body.vitrini-dark .vitrini-footer a {
  color: var(--gold-light);
}

/* Cards escuros, se quiser reforçar */
body.vitrini-dark .tutor-course-card,
body.vitrini-dark .vitrini-card-escuro {
  background: #020617 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}
/* Garante que o botão pode ser clicado */
.vitrini-btn-toggle {
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 20;
}
/* LOGIN / CRIAR CONTA – CTAs visíveis */
.vitrini-login-btn,
.vitrini-register-btn {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Login – ghost button */
.vitrini-login-btn {
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #ffffff;
  background: transparent;
}
.vitrini-login-btn:hover {
  background: #ffffff;
  color: #04142d;
  transform: translateY(-1px);
}

/* Criar conta – CTA principal */
.vitrini-register-btn {
  border: none;
  background: var(--gold);
  color: #04142d;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45);
}
.vitrini-register-btn:hover {
  background: #e5c165;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55);
  transform: translateY(-1px);
}
/* ============================
   PÁGINA DE CURSOS – LAYOUT
============================ */
.vitrini-courses-page {
  background: #0a1020;
  color: #f9fafb;
  padding: 80px 0 100px;
}

.vitrini-courses-hero {
  max-width: 1140px;
  margin: 0 auto 50px;
  padding: 0 20px;
}

.vitrini-courses-hero-inner h1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

.vitrini-courses-hero-inner p {
  max-width: 620px;
  font-size: 0.98rem;
  color: #cbd5f5;
}

/* Layout 2 colunas */
.vitrini-courses-layout {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 32px;
}

/* Sidebar */
.vitrini-courses-sidebar {
  background: #0f172a;
  border-radius: 18px;
  padding: 24px 22px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
  position: sticky;
  top: 120px;
  align-self: flex-start;
}

.vitrini-courses-sidebar-title {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #e5e7eb;
  margin-bottom: 18px;
}

.vitrini-courses-filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vitrini-filter-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #e5e7eb;
  cursor: pointer;
}

.vitrini-filter-checkbox input[type="radio"] {
  accent-color: #facc15;
  width: 16px;
  height: 16px;
}

.vitrini-filter-reset {
  margin-top: 18px;
  border: none;
  border-radius: 999px;
  background: #facc15;
  color: #1f2937;
  padding: 8px 18px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.vitrini-filter-reset:hover {
  background: #fde047;
  transform: translateY(-1px);
}

.vitrini-filter-empty {
  font-size: 0.85rem;
  color: #9ca3af;
}

/* Lista de cursos */
.vitrini-courses-list-wrapper {
  min-height: 300px;
}

.vitrini-courses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}

/* Card de curso */
.vitrini-course-card {
  background: #020617;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.vitrini-course-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.8);
}

/* Imagem */
.vitrini-course-thumb {
  height: 160px;
  background-size: cover;
  background-position: center;
}

/* Conteúdo */
.vitrini-course-body {
  padding: 20px 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vitrini-course-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  background: rgba(250, 204, 21, 0.14);
  color: #facc15;
}

.vitrini-course-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #f9fafb;
  margin: 4px 0;
}

.vitrini-course-excerpt {
  font-size: 0.9rem;
  color: #d1d5db;
  line-height: 1.5;
}

/* Metas */
.vitrini-course-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.vitrini-course-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: #9ca3af;
}

.vitrini-course-meta-item .dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #facc15;
}

/* CTA do card */
.vitrini-course-cta {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #020617;
  background: #facc15;
  text-decoration: none;
  transition: all 0.2s ease;
}

.vitrini-course-cta:hover {
  background: #fde047;
  transform: translateY(-1px);
}

/* Paginação */
.vitrini-courses-pagination {
  margin-top: 26px;
  display: flex;
  justify-content: center;
}

.vitrini-courses-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 3px;
  border-radius: 999px;
  font-size: 0.85rem;
  text-decoration: none;
  background: #020617;
  color: #e5e7eb;
}

.vitrini-courses-pagination .page-numbers.current {
  background: #facc15;
  color: #111827;
}

.vitrini-courses-empty {
  font-size: 0.95rem;
  color: #9ca3af;
}

/* ============================
   RESPONSIVO
============================ */
@media (max-width: 900px) {
  .vitrini-courses-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .vitrini-courses-sidebar {
    position: static;
    order: -1;
  }
}

/* ============================
   DARK MODE GLOBAL (se você usa
   .dark-mode ON no <body>)
============================ */
body.vitrini-dark .vitrini-courses-page {
  background: #020617;
}

body.vitrini-dark .vitrini-courses-sidebar {
  background: #020617;
}

body.vitrini-dark .vitrini-course-card {
  background: #020617;
  border-color: rgba(148, 163, 184, 0.3);
}

body.vitrini-dark .vitrini-course-excerpt {
  color: #e5e7eb;
}

body.vitrini-dark .vitrini-course-meta-item {
  color: #9ca3af;
}
/**********************************************
 * VITRINI — AJUSTES VISUAIS LISTA DE CURSOS
 * (Tutor LMS Archive / Loop)
 **********************************************/

/* 1. Esconder "quem postou" (autor/e-mail) */
.tutor-course-author,
.tutor-course-author a {
    display: none !important;
}

/* 2. Deixar os cards mais premium */
.tutor-course-col .tutor-course {
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.26) !important;
    background: #0f1a24 !important; /* fundo escuro elegante */
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease,
                border-color 0.25s ease;
}

.tutor-course-col .tutor-course:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;
    border-color: rgba(200, 169, 81, 0.6) !important; /* dourado vitrini */
}

/* Imagem do topo */
.tutor-course-col .tutor-course .tutor-course-header img {
    transition: transform 0.35s ease, filter 0.35s ease;
}

.tutor-course-col .tutor-course:hover .tutor-course-header img {
    transform: scale(1.04);
    filter: brightness(1.05);
}

/* Corpo do card */
.tutor-course-col .tutor-course-body {
    background: radial-gradient(circle at top,
                rgba(200, 169, 81, 0.06) 0,
                #0f1a24 35%, #050a10 100%) !important;
    padding: 22px 22px 20px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Título do curso */
.tutor-course-col .tutor-course-body h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
}

/* Texto/resumo (caso haja) */
.tutor-course-col .tutor-course-body p,
.tutor-course-col .tutor-course-body .tutor-course-lising-meta,
.tutor-course-col .tutor-course-body .tutor-course-lising-meta span {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 13px !important;
}

/* 3. Meta de duração / carga horária em destaque */
.tutor-course-lising-meta,
.tutor-course-lising-meta span {
    font-weight: 500 !important;
    letter-spacing: 0.02em;
}

.tutor-course-lising-meta i {
    color: var(--vitrini-gold, #f7c94a) !important;
}

/* 4. Preço + área do botão */
.tutor-course-pricing {
    margin-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 14px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Preço */
.tutor-course-loop-price .price,
.tutor-course-loop-price .price span,
.tutor-course-loop-price .price del {
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    color: #ffffff !important;
}

.tutor-course-loop-price .price del {
    opacity: 0.6;
}

/* 5. Botão do card (estilo Vitrini) */
.tutor-course-loop-price .tutor-loop-cart-btn-wrap a {
    background: linear-gradient(135deg, #f7c94a, #dca931) !important;
    color: #111 !important;
    border-radius: 999px !important;
    padding: 10px 26px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em;
    text-transform: none !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
    position: relative;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease,
                filter 0.18s ease;
}

/* Efeito hover no botão */
.tutor-course-loop-price .tutor-loop-cart-btn-wrap a:hover {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
    filter: brightness(1.05);
}

/* 6. Ajuste da sidebar de filtros pra ficar mais alinhada visualmente */
.tutor-sidebar-filter {
    margin-top: 40px;
}

.tutor-sidebar-filter .single-filter label {
    font-size: 14px;
}

.tutor-sidebar-filter .single-filter label .filter-checkbox {
    border-color: rgba(255, 255, 255, 0.4);
}
/* ============================================
   LISTAGEM DE CURSOS — ESCONDER AUTOR/CATEGORIA
   ("Por ...", "Dentro de ...") APENAS NOS CARDS
   ============================================ */

/* Arquivo de arquivo de cursos ( /cursos/ ) */
.post-type-archive-course .tutor-course-loop-meta,
.post-type-archive-course .tutor-course-loop-meta * {
  display: none !important;
}

/* Taxonomias de cursos (quando filtra por categoria) */
.tax-course-category .tutor-course-loop-meta,
.tax-course-category .tutor-course-loop-meta * {
  display: none !important;
}
/* ============================
   Cursos — esconder autor/categoria do card
   ============================ */

/* Arquivo de listagem de cursos */
body.post-type-archive-courses .tutor-card-body .tutor-meta,
body.tax-course-category .tutor-card-body .tutor-meta {
    display: none !important;
}

/* Garante que o avatar nunca apareça em outros contextos de card */
.tutor-card-body .tutor-meta .tutor-avatar {
    display: none !important;
}
/* Títulos dos cursos mais fortes e legíveis */
.tutor-course-name a {
    font-size: 1.05rem;
    line-height: 1.4;
    font-weight: 600;
    color: #0f2236; /* navy vitrini */
}

/* Duração (30h / 40h) em destaque */
.tutor-loop-course-duration,
.tutor-course-card .tutor-meta-duration,
.tutor-course-card .tutor-card-foot .tutor-meta {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Botão "Matricular-se no curso" cheio e com sombra */
.tutor-course-card .tutor-btn,
.tutor-course-card .tutor-btn-enroll,
.tutor-course-card .tutor-btn-view-cart {
    width: 100%;
    border-radius: 999px;
    font-weight: 600;
    padding: 12px 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.18);
}

/* Hover suave */
.tutor-course-card .tutor-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}
/****************************************************
 * VITRINI ACADEMY — LISTAGEM DE CURSOS (ARQUIVO)
 * Otimização visual + meta (categoria, carga horária)
 ****************************************************/

/* Área geral da listagem */
body.post-type-archive-course .site-main,
body.page-template-page-cursos .site-main {
    background: #f5f7fb;
}

/* Container dos cards */
.vitrini-cursos-grid .tutor-course-archive-loop,
.tutor-course-archive-loop {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
}

/* CARD BASE -------------------------------------------------- */
.tutor-course-archive-loop .tutor-card,
.tutor-course-archive-loop .tutor-loop-course-container {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(5, 18, 40, .18);
    border: 1px solid rgba(255,255,255,0.7);
    background: radial-gradient(circle at top left,
                rgba(255,255,255,0.96) 0,
                rgba(243,245,250,0.98) 32%,
                rgba(232,236,246,1) 100%);
    transition: transform .22s ease-out, box-shadow .22s ease-out,
                border-color .22s ease-out;
}

.tutor-course-archive-loop .tutor-card:hover,
.tutor-course-archive-loop .tutor-loop-course-container:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 60px rgba(5, 18, 40, .26);
    border-color: rgba(255,184,0,.9);
}

/* Imagem do curso */
.tutor-course-archive-loop .tutor-ratio,
.tutor-course-archive-loop .tutor-card-thumbnail {
    border-radius: 22px 22px 0 0;
    overflow: hidden;
}

.tutor-course-archive-loop .tutor-ratio img,
.tutor-course-archive-loop .tutor-card-thumbnail img {
    transform: scale(1.02);
    transition: transform .4s ease-out;
}

.tutor-course-archive-loop .tutor-card:hover .tutor-ratio img,
.tutor-course-archive-loop .tutor-loop-course-container:hover .tutor-ratio img {
    transform: scale(1.06);
}

/* Área interna do card */
.tutor-course-archive-loop .tutor-card-body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Título do curso */
.tutor-course-archive-loop .tutor-course-name {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 600;
    color: #111827;
    margin: 0 0 4px;
}

.tutor-course-archive-loop .tutor-course-name a {
    color: inherit;
    text-decoration: none;
}

.tutor-course-archive-loop .tutor-course-name a:hover {
    color: var(--gold, #f5b544);
}

/* META TOP: CARGA HORÁRIA ------------------------------------- */
.tutor-course-archive-loop .tutor-course-meta,
.tutor-course-archive-loop .tutor-meta-top {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .8rem;
    color: #4b5563;
    margin-bottom: 6px;
}

.tutor-course-archive-loop .tutor-course-meta i,
.tutor-course-archive-loop .tutor-meta-top i {
    font-size: .85rem;
    color: var(--gold, #f5b544);
}

/* Duração como chip */
.tutor-course-archive-loop .tutor-course-meta span,
.tutor-course-archive-loop .tutor-meta-top span,
.tutor-course-archive-loop .tutor-meta-duration {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15,34,54,0.04);
    font-weight: 500;
    color: #111827;
}

/* META BOTTOM: CATEGORIA -------------------------------------- */

/* Some o avatar e qualquer link “#” (email genérico e avatar) */
.tutor-course-archive-loop .tutor-card-body .tutor-meta > div:first-child,
.tutor-course-archive-loop .tutor-card-body .tutor-meta a[href="#"] {
    display: none !important;
}

/* Zera o texto “Por / Dentro de” e deixa só a categoria como pill */
.tutor-course-archive-loop .tutor-card-body .tutor-meta > div:last-child {
    font-size: 0;
    margin-top: 2px;
}

/* Pílula de categoria */
.tutor-course-archive-loop .tutor-card-body .tutor-meta > div:last-child a {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(15,34,54,0.06);
    color: #111827;
    font-weight: 600;
    position: relative;
}

/* Prefixo “Categoria” dentro da pílula */
.tutor-course-archive-loop .tutor-card-body .tutor-meta > div:last-child a::before {
    content: "Categoria • ";
    font-weight: 400;
    opacity: .75;
}

/* Rodapé do card: preço + botão ------------------------------- */
.tutor-course-archive-loop .tutor-card-footer,
.tutor-course-archive-loop .tutor-loop-course-footer {
    padding: 0 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Linha de preço mais futurista */
.tutor-course-archive-loop .tutor-loop-price,
.tutor-course-archive-loop .tutor-course-price,
.tutor-course-archive-loop .price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: .9rem;
    font-weight: 600;
    color: #111827;
}

/* Preço antigo (risco) */
.tutor-course-archive-loop .tutor-loop-price del,
.tutor-course-archive-loop .price del {
    font-size: .78rem;
    color: #9ca3af;
}

/* Preço atual com selo “curso quente” quando houver desconto */
.tutor-course-archive-loop .tutor-loop-price ins,
.tutor-course-archive-loop .price ins {
    text-decoration: none;
    position: relative;
    padding-left: 0;
}

.tutor-course-archive-loop .tutor-loop-price ins::before,
.tutor-course-archive-loop .price ins::before {
    content: "🔥 Curso em oferta • ";
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--gold, #f5b544);
    font-weight: 600;
}

/* Botão “Matricular-se no curso” (já está com texto correto) */
.tutor-course-archive-loop .tutor-btn,
.tutor-course-archive-loop .tutor-btn-primary,
.tutor-course-archive-loop a.button,
.tutor-course-archive-loop button {
    width: 100%;
    justify-content: center;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--gold, #f5b544), #ffcf5f);
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: .9rem;
    border: none;
    box-shadow: 0 12px 24px rgba(255,184,0,.45);
    transform: translateY(0);
    transition: transform .16s ease-out, box-shadow .16s ease-out, background .16s ease-out;
}

.tutor-course-archive-loop .tutor-btn:hover,
.tutor-course-archive-loop .tutor-btn-primary:hover,
.tutor-course-archive-loop a.button:hover,
.tutor-course-archive-loop button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(255,184,0,.55);
    background: linear-gradient(135deg, #ffcf5f, var(--gold, #f5b544));
}

/* Responsivo: dá um respiro nas laterais em telas menores */
@media (max-width: 991px) {
    .vitrini-cursos-grid .tutor-course-archive-loop,
    .tutor-course-archive-loop {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        gap: 20px;
    }

    .tutor-course-archive-loop .tutor-card,
    .tutor-course-archive-loop .tutor-loop-course-container {
        border-radius: 18px;
    }
}
/* =========================================================
   VITRINI — COURSES GRID (PÁGINA /cursos) — DARK MODE
   ========================================================= */
body.vitrini-dark .tutor-course-card,
body.vitrini-dark .tutor-courses-loop .tutor-card,
body.vitrini-dark .tutor-courses-loop .tutor-course-loop {
    background: radial-gradient(circle at top, #111827 0%, #020617 55%, #020617 100%);
    border-radius: 22px !important;
    border: 1px solid rgba(248, 250, 252, 0.04);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.70),
        0 0 0 1px rgba(148, 163, 184, 0.08);
    overflow: hidden;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

/* Hover “futurista” */
body.vitrini-dark .tutor-courses-loop .tutor-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 28px 60px rgba(0, 0, 0, 0.85),
        0 0 0 1px rgba(250, 204, 21, 0.25),
        0 0 28px rgba(250, 204, 21, 0.32);
    border-color: rgba(250, 204, 21, 0.55);
    background: radial-gradient(circle at top, #0f172a 0%, #020617 60%, #020617 100%);
}

/* Imagem do curso com leve zoom no hover */
body.vitrini-dark .tutor-courses-loop .tutor-card .tutor-card-image img {
    transform-origin: center;
    transition: transform 0.4s ease, filter 0.3s ease;
}

body.vitrini-dark .tutor-courses-loop .tutor-card:hover .tutor-card-image img {
    transform: scale(1.06);
    filter: brightness(1.05);
}

/* Corpo do card: tipografia */
body.vitrini-dark .tutor-card-body {
    color: #e5e7eb;
}

body.vitrini-dark .tutor-card-body .tutor-course-name,
body.vitrini-dark .tutor-card-body .tutor-course-name a {
    color: #f9fafb !important;
    font-weight: 600;
    font-size: 1.02rem;
    line-height: 1.35;
}

body.vitrini-dark .tutor-card-body .tutor-course-name a:hover {
    color: var(--gold-light) !important;
}

/* Texto de apoio / descrição curta (quando houver) */
body.vitrini-dark .tutor-card-body p,
body.vitrini-dark .tutor-card-body .tutor-course-excerpt {
    color: #cbd5f5;
    font-size: 0.86rem;
}

/* Linha com ícones (tempo, lições, etc.) */
body.vitrini-dark .tutor-courses-loop .tutor-course-loop-meta,
body.vitrini-dark .tutor-courses-loop .tutor-course-loop-meta * {
    color: #e5e7eb !important;
    font-size: 0.85rem;
}

/* Ícone de relógio com destaque */
body.vitrini-dark .tutor-courses-loop .tutor-course-loop-meta i,
body.vitrini-dark .tutor-courses-loop .tutor-course-loop-meta svg {
    color: var(--gold-light) !important;
}

/* Botão "Matricular-se no curso" em modo dark */
body.vitrini-dark .tutor-courses-loop .tutor-btn,
body.vitrini-dark .tutor-courses-loop .tutor-btn-primary,
body.vitrini-dark .tutor-courses-loop .tutor-card-footer button,
body.vitrini-dark .tutor-courses-loop .tutor-card-footer .tutor-btn {
    background: linear-gradient(135deg, #facc15 0%, #eab308 50%, #f97316 100%) !important;
    color: #111827 !important;
    border-radius: 999px !important;
    border: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 25px rgba(250, 204, 21, 0.35);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.vitrini-dark .tutor-courses-loop .tutor-card:hover .tutor-btn {
    transform: translateY(-1px) scale(1.02);
    box-shadow:
        0 16px 36px rgba(250, 204, 21, 0.45),
        0 0 18px rgba(250, 204, 21, 0.45);
    filter: brightness(1.05);
}
/* =========================================================
   META DO CURSO — ESCONDER AUTOR / DESTACAR CATEGORIA
   (Funciona tanto em light quanto dark)
   ========================================================= */

/* Some o avatar (bolinha com inicial) */
.tutor-courses-loop .tutor-card-body .tutor-meta > div:first-child {
    display: none;
}

/* Dentro do segundo bloco:
   - Esconde o e-mail
   - Mantém a categoria e vira um "pill" bonito
*/
.tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) {
    font-size: 0.78rem;
    color: #6b7280;
}

.tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) a:first-of-type {
    display: none; /* e-mail */
}

/* Último link da meta = categoria */
.tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(200, 169, 81, 0.08);
    color: var(--navy);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.7rem;
}

/* Ícone antes do nome da categoria */
.tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) a:last-of-type::before {
    content: "●";
    font-size: 0.75rem;
    color: var(--gold);
}

/* Versão em dark mode — texto claro */
body.vitrini-dark .tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) {
    color: #9ca3af;
}

body.vitrini-dark .tutor-courses-loop .tutor-card-body .tutor-meta > div:nth-child(2) a:last-of-type {
    background: rgba(250, 204, 21, 0.14);
    color: #fefce8;
}
/* =========================================================
   BADGE "CURSO QUENTE" NOS PRIMEIROS CARDS
   ========================================================= */
.tutor-courses-loop .tutor-card:nth-child(-n+3)::before {
    content: "Curso quente 🔥";
    position: absolute;
    top: 14px;
    left: 16px;
    padding: 4px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f97316 0%, #facc15 50%, #f97316 100%);
    color: #111827;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.45);
    z-index: 3;
}

/* Ajuste de posição pra não encostar na borda arredondada */
.tutor-courses-loop .tutor-card {
    position: relative;
}
/* Wrapper geral da grade em dark */
body.vitrini-dark .tutor-wrap,
body.vitrini-dark .tutor-courses-wrap,
body.vitrini-dark .tutor-courses-wrap * {
    color: #e5e7eb;
}

/* Título da página "Cursos" em dark */
body.vitrini-dark .tutor-course-archive-title,
body.vitrini-dark .tutor-course-archive-title * {
    color: #f9fafb;
}

/* Sidebar de filtros em dark (já está boa, só reforço leve) */
body.vitrini-dark .tutor-course-filter-wrapper,
body.vitrini-dark .tutor-course-filter-wrapper * {
    color: #e5e7eb;
}
/****************************************************
 * VITRINI — CARDS DE CURSOS (ARQUIVO /cursos/)
 * Categoria + carga horária + selo destaque + modo dark
 ****************************************************/

/* Garante que o card possa receber selo absoluto */
.tutor-course-card {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
}

/* ---------- 1. ESTILO GERAL DOS CARDS (efeito mais premium) ---------- */
[data-theme="dark"] .tutor-course-card {
    background: radial-gradient(circle at top left, rgba(255,184,0,0.14), rgba(4, 9, 20, 1));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.03);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

[data-theme="dark"] .tutor-course-card:hover {
    transform: translateY(-8px) translateZ(0);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.75);
    border-color: rgba(255, 184, 0, 0.55);
}

/* Título com boa leitura em ambos temas */
.tutor-course-card .tutor-course-name a {
    font-weight: 600;
    line-height: 1.3;
}



/* ---------- 4. BOTÃO "COMEÇAR A ESTUDAR" MAIS MARCANTE ---------- */
.tutor-course-card .tutor-btn,
.tutor-course-card .tutor-btn-primary,
.tutor-course-card .tutor-loop-cart-btn,
.tutor-course-card .tutor-course-enroll-button {
    width: 100%;
    border-radius: 999px !important;
    font-weight: 600 !important;
    text-transform: none;
    letter-spacing: 0.02em;
    padding: 11px 16px !important;
}

[data-theme="dark"] .tutor-course-card .tutor-btn,
[data-theme="dark"] .tutor-course-card .tutor-btn-primary,
[data-theme="dark"] .tutor-course-card .tutor-loop-cart-btn,
[data-theme="dark"] .tutor-course-card .tutor-course-enroll-button {
    background: #ffb800 !important;
    color: #020617 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
    border: none !important;
}

[data-theme="dark"] .tutor-course-card .tutor-btn:hover,
[data-theme="dark"] .tutor-course-card .tutor-btn-primary:hover,
[data-theme="dark"] .tutor-course-card .tutor-loop-cart-btn:hover,
[data-theme="dark"] .tutor-course-card .tutor-course-enroll-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.65);
}

/* ---------- 5. SELO "CURSO EM DESTAQUE" (primeiros 2 cards) ---------- */
.post-type-archive-courses .tutor-course-card:nth-of-type(-n+2)::before {
    content: "🔥 Curso em destaque";
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: rgba(15, 23, 42, 0.9);
    color: #fffbeb;
    border: 1px solid rgba(255, 184, 0, 0.5);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.6);
    z-index: 3;
}

/* Garante contraste bom no tema claro também */
:not([data-theme="dark"]) .post-type-archive-courses .tutor-course-card:nth-of-type(-n+2)::before {
    background: #ffb800;
    color: #111827;
}
/* 1) Layout: filtro à esquerda + cards à direita */
body .vitrini-courses-layout {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr); /* coluna filtro + coluna cards */
    gap: 40px;
    align-items: flex-start;
}

/* 2) Painel de filtro mais “card” */
body .vitrini-courses-layout .vitrini-filter-panel {
    background: #050515;
    border-radius: 20px;
    padding: 24px 24px 28px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

/* 3) Espaçamento interno do filtro */
body .vitrini-filter-panel .tutor-course-filter-title,
body .vitrini-filter-panel h3 {
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 600;
}

body .vitrini-filter-panel .tutor-course-filter-item {
    margin-bottom: 12px;
}

/* 4) Grid dos cards */
body .vitrini-courses-layout .tutor-courses-loop {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
}
/* Card base */
.tutor-courses-loop .tutor-course-card {
    border-radius: 22px;
    overflow: hidden;
    background: radial-gradient(circle at top left, #14182b 0%, #050510 60%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Hover “flutuando” */
.tutor-courses-loop .tutor-course-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.7);
    border-color: rgba(255, 184, 0, 0.5);
}

/* Título do curso mais legível no dark */
body.body_vitrini_dark .tutor-course-card .tutor-course-name a {
    color: #ffffff;
}

/* Botão “Comece a estudar / Matricular-se” com look Vitrini */
.tutor-courses-loop .tutor-course-card .tutor-btn-enroll,
.tutor-courses-loop .tutor-course-card .vitrini-course-cta {
    border-radius: 999px;
    padding: 12px 22px;
    font-weight: 600;
}
/* ============================
   META DOS CARDS (CATEGORIA + HORAS)
   ============================ */

/* Linha de meta abaixo do título do curso */
.tutor-course-card .tutor-card-body .tutor-meta,
.tutor-course-card .tutor-card-body .tutor-course-loop-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
    margin-top: 4px;
    font-size: 0.78rem;
    line-height: 1.4;
    color: #1b2942; /* navy para modo claro */
}

/* Links e spans dentro da meta herdam a cor */
.tutor-course-card .tutor-card-body .tutor-meta a,
.tutor-course-card .tutor-card-body .tutor-meta span,
.tutor-course-card .tutor-card-body .tutor-course-loop-meta a,
.tutor-course-card .tutor-card-body .tutor-course-loop-meta span {
    color: inherit !important;
    text-decoration: none;
}

/* Ícone do reloginho / duração mais alinhado */
.tutor-course-card .tutor-card-body .tutor-meta i,
.tutor-course-card .tutor-card-body .tutor-course-loop-meta i {
    margin-right: 4px;
    font-size: 0.8em;
}

/* Esconde só o avatar, mas mantém categoria/horas */
.tutor-course-card .tutor-card-body .tutor-meta > div:first-child {
    display: none;
}

/* Se o e-mail ainda aparecer, some com ele também */
.tutor-course-card .tutor-card-body .tutor-meta a[href^="mailto"] {
    display: none;
}

/* ============================
   MODO DARK – AJUSTE DE LEITURA
   ============================ */

body.vitrini-dark .tutor-course-card .tutor-card-body .tutor-meta,
body.vitrini-dark .tutor-course-card .tutor-card-body .tutor-course-loop-meta {
    color: #e6ecff; /* texto claro */
}

body.vitrini-dark .tutor-course-card .tutor-card-body .tutor-meta a,
body.vitrini-dark .tutor-course-card .tutor-card-body .tutor-course-loop-meta a {
    color: #ffffff !important;
}

/* Micro-efeito: meta aparece com leve fade no hover do card */
.tutor-course-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.tutor-course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
}

.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-course-loop-meta {
    opacity: 0.92;
    transition: opacity 0.18s ease;
}

.tutor-course-card:hover .tutor-meta,
.tutor-course-card:hover .tutor-course-loop-meta {
    opacity: 1;
}
/* ===== META DOS CARDS (categoria + carga horária) ===== */

/* Linha de meta embaixo do título */
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-meta a,
.tutor-course-loop-meta,
.tutor-course-loop-meta a {
    font-size: 0.95rem;
    font-weight: 500;
    color: #0f172a !important;   /* navy no modo claro */
    opacity: 1 !important;
}

/* Versão dark mode */
body.body_vitrini_dark .tutor-course-card .tutor-meta,
body.body_vitrini_dark .tutor-course-card .tutor-meta a,
body.body_vitrini_dark .tutor-course-loop-meta,
body.body_vitrini_dark .tutor-course-loop-meta a {
    color: #e5e7eb !important;   /* cinza-claro / quase branco */
}

/* Categoria em formato de tag/pílula (se houver span específico) */
.tutor-course-loop-meta span,
.tutor-course-card .tutor-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.tutor-course-loop-meta .course-category,
.tutor-course-card .course-category {
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
}

body.body_vitrini_dark .tutor-course-loop-meta .course-category,
body.body_vitrini_dark .tutor-course-card .course-category {
    background: rgba(249, 250, 251, 0.12);
}
/* Garante que a duração do curso esteja visível */
.tutor-course-loop-meta .tutor-meta-duration,
.tutor-course-card .tutor-meta-duration {
    display: inline-flex !important;
    opacity: 1 !important;
    margin-left: 6px;
}

/* Se tiver um ícone de relógio, melhora o alinhamento */
.tutor-course-loop-meta .tutor-meta-duration i,
.tutor-course-card .tutor-meta-duration i {
    margin-right: 4px;
}

/* Modo dark: mesma cor do restante do meta */
body.body_vitrini_dark .tutor-course-loop-meta .tutor-meta-duration,
body.body_vitrini_dark .tutor-course-card .tutor-meta-duration {
    color: #e5e7eb !important;
}
/* ==============================
   METAS DO CARD DE CURSO VITRINI
   ============================== */

.vitrini-course-meta {
    margin-top: 0.75rem;
    padding: 0.8rem 1rem;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #050510 0%, #0b1020 50%, #050510 100%);
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.5rem;
    align-items: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

.vitrini-course-meta__item {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vitrini-course-meta__label {
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 184, 0, 0.4);
    background: rgba(10, 15, 35, 0.9);
    color: #ffb800;
    font-weight: 500;
}

.vitrini-course-meta__value {
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #f5f5f5;
    font-weight: 500;
}

/* Modo light – fundo claro mas mantendo o chip dourado */
body:not(.body_vitrini-dark-mode) .vitrini-course-meta {
    background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 60%, #e9edf7 100%);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

body:not(.body_vitrini-dark-mode) .vitrini-course-meta__label {
    background: rgba(255, 184, 0, 0.12);
    color: #c28700;
    border-color: rgba(255, 184, 0, 0.6);
}

body:not(.body_vitrini-dark-mode) .vitrini-course-meta__value {
    background: rgba(15, 23, 42, 0.03);
    color: #111827;
}

/* Responsivo – empilha os chips em telas menores */
@media (max-width: 768px) {
    .vitrini-course-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .vitrini-course-meta__item {
        white-space: normal;
    }
}
/***************************************************
 * Vitrini – linha Categoria + Carga horária
 ***************************************************/

.vitrini-course-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 1.25rem 1.1rem;
}

.vitrini-course-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.85rem;
  border-radius: 999px;
  font-size: 0.75rem;
  line-height: 1.3;
  background: #0b1630;          /* navy no dark */
  color: #f9fafb;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}

.vitrini-course-chip__label {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.75;
  margin-right: 0.35rem;
}

.vitrini-course-chip__value {
  font-weight: 600;
}

.vitrini-course-chip--time {
  background: #111827;
}

.vitrini-course-chip--time .vitrini-course-chip__label {
  color: #fbbf24;
  opacity: 1;
}

/* Versão LIGHT MODE (sem .body_vitrini-dark) */
body:not(.body_vitrini-dark) .vitrini-course-chip {
  background: #f3f4ff;          /* pill clarinho */
  color: #111827;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
}

body:not(.body_vitrini-dark) .vitrini-course-chip--time {
  background: #fff4d0;          /* tom de “destaque” */
}

/* Ajuste do "rodapé" do card no dark pra ficar navy */
body.body_vitrini-dark .tutor-course-loop .tutor-card,
body.body_vitrini-dark .tutor-courses-loop .tutor-card {
  background: #020617;
}

body.body_vitrini-dark .tutor-course-loop .tutor-card-body,
body.body_vitrini-dark .tutor-courses-loop .tutor-card-body {
  background: linear-gradient(
    180deg,
    rgba(2, 6, 23, 0) 0%,
    #020617 40%,
    #020617 100%
  );
}

/* Opcional: esconder a meta padrão do Tutor se estiver poluindo */
.tutor-course-loop-meta,
.tutor-meta .tutor-meta-level {
  display: none;
}
/* =========================================
   Vitrini – cards de curso (modo claro)
   Deixa a área de texto do card navy, igual ao dark
   ========================================= */
body:not(.body_vitrini-dark) .tutor-course-card .tutor-card-body {
    background: #050b16;           /* navy bem escuro */
    color: #f7f7f7;                /* texto claro */
}

/* Título do curso dentro do card */
body:not(.body_vitrini-dark) .tutor-course-card .tutor-course-name a {
    color: #ffffff;
}

/* Texto de categoria, subtítulo etc. */
body:not(.body_vitrini-dark) .tutor-course-card .tutor-card-body,
body:not(.body_vitrini-dark) .tutor-course-card .tutor-card-body p {
    color: #d9e0ff;
}

/* Linha divisória dentro do card (se existir) */
body:not(.body_vitrini-dark) .tutor-course-card .tutor-card-body::before,
body:not(.body_vitrini-dark) .tutor-course-card .tutor-card-body::after {
    border-color: rgba(255,255,255,0.08);
}
/* ============================
   Vitrini – Cards em navy nos dois temas
   ============================ */

/* Corpo do card (parte de texto) em navy */
.tutor-course-card .tutor-card-body {
    background: #040718;            /* navy Vitrini */
    color: #f9fafb;                 /* texto claro */
}

/* Título do curso sempre legível sobre o navy */
.tutor-course-card .tutor-course-name a,
.tutor-course-card .tutor-course-name {
    color: #ffffff;
}

/* Rodapé do card (onde fica o botão) alinhado com o navy */
.tutor-course-card .tutor-card-footer {
    background: #040718;
}

/* Sombra e borda igual ao dark, para os dois modos */
.tutor-course-card {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
    border-color: rgba(255, 255, 255, 0.06);
}
/* ============================
   Vitrini – Reset na área de metadados do card
   (duração, categoria, autor, etc.)
   ============================ */

/* Garante que nada da meta fique escondido por regras antigas */
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-meta * {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Deixa a linha de meta organizada e legível sobre o navy */
.tutor-course-card .tutor-meta {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.8rem;
    color: #e5e7eb;
}

/* Ícone de relógio e textos alinhados bonitinhos */
.tutor-course-card .tutor-meta i,
.tutor-course-card .tutor-meta svg {
    margin-right: 4px;
}
/* ===========================
   1. CARD /CURSOS – FUNDO NAVY NO MODO CLARO
   ============================ */

/* Banda navy embaixo dos cards no modo claro */
body:not(.body_vitrini-dark) .tutor-course-card {
  background: linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff 55%,
    #050a1f 56%,
    #050a1f 100%
  );
}

/* Garante que o conteúdo do card respeita esse gradiente */
.tutor-course-card .tutor-card-body {
  background: transparent;
}

/* Área de meta (categoria + duração) alinhada e legível */
.tutor-course-card .tutor-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 12px;
  font-size: 0.78rem;
  color: #e9edf8;
}

/* Ícone de relógio / outros ícones um pouco afastados do texto */
.tutor-course-card .tutor-meta i {
  margin-right: 4px;
}
/* ===========================
   2. META DOS CARDS – ESCONDER APENAS AUTOR
   ============================ */

/* Esconde links de e-mail do autor dentro da meta dos cards */
.tutor-course-card .tutor-meta a[href^="mailto"],
.tutor-course-card .tutor-meta .tutor-course-author-name {
  display: none !important;
}

/* Se houver ícone específico de "autor", some também */
.tutor-course-card .tutor-meta .tutor-meta-author,
.tutor-course-card .tutor-meta .tutor-course-author {
  display: none !important;
}

/* NÃO esconda nada que tenha 'duration' no nome da classe */
.tutor-course-card .tutor-meta .tutor-course-duration,
.tutor-course-card .tutor-meta [class*="duration"] {
  display: inline-flex !important;
  align-items: center;
}
/* ===========================
   Vitrini - Cards de Curso
   Unificar visual claro/escuro
   =========================== */

/* Fundo navy na área de texto dos cards */
.tutor-course-card .tutor-card-body,
.tutor-course-card .tutor-card-footer {
    background: #050510;          /* mesmo navy do header */
    color: #f7f9ff;
}

/* Título e meta com boa leitura em cima do navy */
.tutor-course-card .tutor-course-name,
.tutor-course-card .tutor-course-name a,
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-meta a {
    color: #f7f9ff;
}

/* Linha divisória suave entre conteúdo e footer */
.tutor-course-card .tutor-card-body {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Hover sutil no card, mantendo o estilo atual */
.tutor-course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}
/* ===========================
   Vitrini - Ocultar autor/e-mail
   (sem afetar a carga horária)
   =========================== */

/* Some com o bloco "Por vitriniacademy@gmail.com" */
.tutor-course-card .tutor-meta > div:nth-child(2) {
    display: none !important;
}

/* Se existir avatar ligado ao autor, esconde também */
.tutor-course-card .tutor-meta .tutor-avatar,
.tutor-course-card .tutor-meta .tutor-avatar-text {
    display: none !important;
}
/* ==========================
   ESCONDER AUTOR / EMAIL
   ========================== */

/* Esconde o bloco "Por vitriniacademy@gmail.com" nos cards */
.tutor-course-card .tutor-meta {
    display: none !important;
}
/* =========================================
   CURSO – CARD VITRINI (LIGHT E DARK IGUAIS)
   ========================================= */

/* Fundo navy nos cards em TODOS os temas */
.tutor-course-card {
    background: #050f24; /* navy do header */
    color: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Título e textos principais sempre brancos */
.tutor-course-card .tutor-course-name,
.tutor-course-card .tutor-course-name a,
.tutor-course-card .tutor-course-level,
.tutor-course-card .tutor-course-level a,
.tutor-course-card .tutor-course-category,
.tutor-course-card .tutor-course-category a {
    color: #ffffff !important;
}

/* Linha da duração (⏱ 40h etc.) sempre legível */
.tutor-course-card .tutor-course-meta,
.tutor-course-card .tutor-course-meta i,
.tutor-course-card .tutor-course-meta span {
    color: #ffffff !important;
    opacity: 0.9;
}

/* Hover mais “premium” */
.tutor-course-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.75);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
/* ===============================
   TUTOR LMS – REMOVER "PULAR QUESTIONÁRIO"
   =============================== */

/* O botão de pular quase sempre vem com estilo "outline" */
.tutor-quiz-wrapper .tutor-btn-outline-primary,
.tutor-quiz-wrapper .tutor-quiz-attempt-skip-btn {
    display: none !important;
}
/* ===== CERTIFICADO VITRINI – ESTILO BÁSICO ===== */

.vitrini-certificate-wrapper {
    padding: 40px 20px;
    background: #020617;
}

@media print {
    body {
        background: #ffffff !important;
    }
    .vitrini-certificate-wrapper {
        padding: 0;
        background: #ffffff;
    }
    .vitrini-cert-actions {
        display: none !important;
    }
}

.vitrini-certificate {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 60px;
    background: #0b1220;
    border-radius: 24px;
    border: 2px solid rgba(255, 184, 0, 0.5);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85);
    color: #f9fafb;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    position: relative;
    overflow: hidden;
}

.vitrini-certificate::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, rgba(255, 184, 0, 0.15), transparent 60%);
    pointer-events: none;
}

.vitrini-cert-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.vitrini-cert-brand {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fbbf24;
}

.vitrini-cert-tag {
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid rgba(249, 250, 251, 0.2);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #e5e7eb;
}

.vitrini-cert-body {
    text-align: center;
    margin: 40px 0 50px;
}

.vitrini-cert-label {
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 12px;
}

.vitrini-cert-name {
    font-size: 36px;
    font-weight: 700;
    color: #f9fafb;
    margin-bottom: 24px;
}

.vitrini-cert-course {
    font-size: 22px;
    font-weight: 600;
    color: #fbbf24;
    margin-bottom: 24px;
}

.vitrini-cert-date {
    font-size: 14px;
    color: #9ca3af;
}

.vitrini-cert-footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.vitrini-cert-sign {
    text-align: center;
}

.vitrini-cert-sign-line {
    display: block;
    width: 220px;
    height: 1px;
    background: rgba(249, 250, 251, 0.5);
    margin: 0 auto 10px;
}

.vitrini-cert-sign-name {
    display: block;
    font-weight: 600;
    color: #f9fafb;
}

.vitrini-cert-sign-role {
    display: block;
    font-size: 13px;
    color: #9ca3af;
}

.vitrini-cert-actions {
    max-width: 900px;
    margin: 30px auto 0;
    text-align: center;
}

.vitrini-cert-download {
    border: none;
    border-radius: 999px;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    background: #fbbf24;
    color: #111827;
    box-shadow: 0 12px 30px rgba(251, 191, 36, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.vitrini-cert-download:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 40px rgba(251, 191, 36, 0.45);
    background: #f59e0b;
}
/* Esconde o botão "Pular Questionário" do Tutor LMS */
.tutor-quiz-skip,
.tutor-btn.tutor-quiz-skip-btn {
    display: none !important;
}
/* ===== CERTIFICADO VITRINI ===== */

#vitrini-certificado {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background: radial-gradient(circle at top, #0f172a 0%, #020617 60%);
    color: #f9fafb;
}

.vitrini-certificado-card {
    max-width: 900px;
    width: 100%;
    background: linear-gradient(145deg, #020617, #020617 40%, #111827 100%);
    border-radius: 24px;
    padding: 48px 40px 40px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.5);
    position: relative;
    overflow: hidden;
}

.vitrini-certificado-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(250, 204, 21, 0.08), transparent 55%);
    pointer-events: none;
}

.vitrini-certificado-header {
    text-align: center;
    margin-bottom: 32px;
}

.vitrini-certificado-logo {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid rgba(250, 204, 21, 0.3);
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #fde68a;
}

.vitrini-certificado-subtitle {
    display: block;
    margin-top: 18px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fef9c3;
}

.vitrini-certificado-body {
    text-align: center;
    margin: 32px 0 40px;
}

.vitrini-certificado-text {
    font-size: 1rem;
    color: #e5e7eb;
    margin-bottom: 12px;
}

.vitrini-certificado-text.small {
    font-size: 0.95rem;
    color: #9ca3af;
    margin-top: 16px;
}

.vitrini-certificado-nome {
    font-size: 2rem;
    font-weight: 700;
    color: #fef9c3;
    margin-bottom: 12px;
}

.vitrini-certificado-curso {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fde68a;
    margin-top: 4px;
}

.vitrini-certificado-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    border-top: 1px solid rgba(148, 163, 184, 0.4);
    padding-top: 24px;
}

.vitrini-certificado-data span {
    display: block;
    font-size: 0.85rem;
    color: #9ca3af;
}

.vitrini-certificado-data strong {
    font-size: 1rem;
    color: #e5e7eb;
}

.vitrini-certificado-assinatura {
    text-align: right;
}

.vitrini-certificado-assinatura .linha-assinatura {
    display: block;
    width: 220px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.7);
    margin-left: auto;
    margin-bottom: 4px;
}

.vitrini-certificado-assinatura .nome-assinatura {
    font-size: 0.85rem;
    color: #9ca3af;
}

.vitrini-certificado-instrucoes {
    margin-top: 18px;
    text-align: center;
    font-size: 0.9rem;
    color: #9ca3af;
}

@media (max-width: 768px) {
    .vitrini-certificado-card {
        padding: 32px 20px 28px;
        border-radius: 18px;
    }

    .vitrini-certificado-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .vitrini-certificado-assinatura {
        text-align: left;
    }

    .vitrini-certificado-assinatura .linha-assinatura {
        margin-left: 0;
    }
}
/* Wrapper geral do PDF nas aulas */
.vitrini-pdf-wrapper {
    max-width: 1100px;
    margin: 40px auto 60px;
    padding: 0 16px;
}

/* Botão "Abrir PDF em Tela Cheia" */
.vitrini-pdf-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 26px;
    margin-bottom: 22px;

    border-radius: 999px;
    background: #ffb800;
    color: #111827;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;

    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.vitrini-pdf-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
    background: #ffc933;
}

.vitrini-pdf-button:active {
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

/* Dark mode */
body[data-theme="dark"] .vitrini-pdf-button {
    background: #ffb800;
    color: #050816;
}

/* Frame do PDF */
.vitrini-pdf-frame {
    width: 100%;
    min-height: 900px;
    border: none;
    border-radius: 24px;
    background: #f3f4f6;
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.45);
}

/* Em telas menores, ajusta a altura */
@media (max-width: 768px) {
    .vitrini-pdf-frame {
        min-height: 640px;
        border-radius: 18px;
    }
}
/* ====== Vitrini – Aula com PDF em tela cheia dentro do conteúdo ====== */

/* Wrapper geral do PDF dentro da lição */
.single-lesson .vitrini-pdf-wrap {
    max-width: 1200px;          /* largura máxima do bloco, pode ajustar se quiser */
    margin: 0 auto 40px;        /* centraliza e dá um respiro embaixo */
}

/* Força o iframe do pdfjs-viewer a preencher o bloco */
.single-lesson .vitrini-pdf-wrap iframe.pdfjs-viewer-iframe {
    width: 100% !important;
    height: calc(100vh - 260px) !important;
    border: none;
    display: block;
}

/* Garante que o container do plugin não encolha */
.single-lesson .vitrini-pdf-wrap .pdfjs-viewer-container,
.single-lesson .vitrini-pdf-wrap .pdfjs-viewer-wrapper {
    width: 100% !important;
    height: 100% !important;
}

/* Em telas menores, reduz um pouco a altura pra não esmagar o footer da aula */
@media (max-width: 1024px) {
    .single-lesson .vitrini-pdf-wrap iframe.pdfjs-viewer-iframe {
        height: calc(100vh - 200px) !important;
    }
}

@media (max-width: 768px) {
    .single-lesson .vitrini-pdf-wrap iframe.pdfjs-viewer-iframe {
        height: 70vh !important;
    }
}
/* ===== PDF em tela cheia dentro da aula ===== */
.single-course .tutor-course-single-content .vitrini-pdf-wrap {
    max-width: 100%;
    margin: 24px auto 40px;
}

/* Força o viewer a ocupar o espaço inteiro */
.single-course .tutor-course-single-content .vitrini-pdf-wrap iframe,
.single-course .tutor-course-single-content .vitrini-pdf-wrap embed,
.single-course .tutor-course-single-content .vitrini-pdf-wrap .pdfjs-viewer {
    width: 100% !important;
    height: calc(100vh - 260px) !important;  /* Ajuste fino da altura da área útil */
    max-height: 900px;
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    display: block;
}
/* ===== PDF em aulas – limpar painel cinza ===== */
.tutor-single-lesson .pdfjs-viewer {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Garantir que o PDF use toda a largura disponível do conteúdo */
.tutor-single-lesson .pdfjs-viewer iframe,
.tutor-single-lesson .pdfjs-viewer embed {
    width: 100% !important;
    height: 900px !important; /* pode ajustar se quiser mais alto */
    border: none !important;
}
/* ============================
 * Ajuste: barra dourada da aula
 * (evitar que fique embaixo do header fixo)
 * ============================ */

body.single-course .tutor-single-lesson-wrapper,
body.single-course .tutor-single-lesson-main,
body.single-course .tutor-lesson-content-area {
    padding-top: 90px !important; /* ajuste fino se precisar */
}

/* Mobile – um pouco menos de espaço pra não ficar exagerado */
@media (max-width: 768px) {
    body.single-course .tutor-single-lesson-wrapper,
    body.single-course .tutor-single-lesson-main,
    body.single-course .tutor-lesson-content-area {
        padding-top: 70px !important;
    }
}

/* Garante que o header fique acima, mas sem cobrir a barra dourada da aula */
body .vitrini-header {
    z-index: 9999;
}

/* Conteúdo da aula logo abaixo do header */
body.single-course .tutor-single-lesson-wrapper {
    position: relative;
    z-index: 1;
}
/* ===== Página da aula – espaçamento do botão & PDF ===== */

/* Empurra o bloco do botão + PDF para baixo da barra dourada */
.tutor-single-lesson-main-content .vitrini-pdf-wrap {
    margin-top: 32px;
}

/* Garante que o botão fique sempre visível e “por cima” */
.tutor-single-lesson-main-content .vitrini-pdf-wrap .tutor-btn {
    display: inline-flex;
    position: relative;
    z-index: 2;
}

/* Remove qualquer “faixa” cinza extra ao redor do PDF */
.tutor-single-lesson-main-content .vitrini-pdf-wrap {
    background: transparent;
    padding: 0;
    border: none;
}

/* PDF ocupando toda a largura útil do conteúdo da aula */
.tutor-single-lesson-main-content .vitrini-pdf-wrap iframe,
.tutor-single-lesson-main-content .vitrini-pdf-wrap embed,
.tutor-single-lesson-main-content .vitrini-pdf-wrap canvas {
    width: 100% !important;
    height: 100% !important;
}
/* Wrappper do PDF nas aulas de certificação */
.vitrini-pdf-wrap {
    max-width: 1100px;
    margin: 0 auto 40px auto;
}

/* Força o viewer do pdfjs a ocupar bem o espaço */
.vitrini-pdf-wrap .pdfjs-viewer iframe,
.vitrini-pdf-wrap .pdfjs-viewer embed {
    width: 100% !important;
    height: 900px !important;
    border: none !important;
}

/* Botão de download do certificado */
.vitrini-cert-btn {
    display: inline-block;
    padding: 14px 32px;
    border-radius: 999px;
    background: #ffb800;
    color: #050510;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 14px 40px rgba(255, 184, 0, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vitrini-cert-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 55px rgba(255, 184, 0, 0.45);
}

/* Opcional: remover qualquer "cinza" em volta do viewer */
.vitrini-pdf-wrap .pdfjs-viewer {
    background: transparent !important;
    box-shadow: none !important;
}
/* Painel do aluno – wrapper geral */
.tutor-dashboard-wrapper {
    max-width: 1100px;
    margin: 40px auto;
    padding: 24px 20px;
    border-radius: 24px;
    background: radial-gradient(circle at top, #020617 0, #020617 40%, #020617 100%);
    box-shadow: 0 24px 60px rgba(15,23,42,0.75);
    border: 1px solid rgba(148,163,184,0.35);
}

/* Menu lateral/topo do dashboard */
.tutor-dashboard-menu,
.tutor-dashboard-nav {
    border-bottom: 1px solid rgba(148,163,184,0.35);
    margin-bottom: 20px;
}

.tutor-dashboard-menu a,
.tutor-dashboard-nav a {
    color: #e5e7eb;
    font-weight: 500;
}

.tutor-dashboard-menu a:hover,
.tutor-dashboard-nav a:hover {
    color: #facc15;
}

/* Aba ativa */
.tutor-dashboard-menu .is-active a,
.tutor-dashboard-nav .is-active a {
    color: #facc15 !important;
    border-color: #facc15 !important;
}

/* Cards de curso no painel */
.tutor-dashboard-content .tutor-course-card,
.tutor-dashboard-content .tutor-dashboard-card {
    border-radius: 18px;
    border: 1px solid rgba(148,163,184,0.35);
    background: #020617;
}

/* Títulos e textos */
.tutor-dashboard-content h2,
.tutor-dashboard-content h3,
.tutor-dashboard-content h4 {
    color: #f9fafb;
}

.tutor-dashboard-content,
.tutor-dashboard-content p {
    color: #d1d5db;
}

/* Botões primários no painel */
.tutor-dashboard-content .tutor-btn,
.tutor-dashboard-content .tutor-btn-primary {
    border-radius: 999px;
    background: linear-gradient(135deg, #facc15, #fbbf24);
    border: none;
    color: #111827;
    font-weight: 600;
}
/* Painel Tutor – garante que fica acima de overlays do header */
.tutor-dashboard-wrapper,
.tutor-dashboard {
    position: relative;
    z-index: 50;
}

/* Se existir algum overlay do header, ele não bloqueia cliques */
.vitrini-header-overlay {
    pointer-events: none;
}
/* Avatar no header/painel – deixa mais clean e menos chamativo */
.vitrini-header-user,
.vitrini-header-avatar,
.vitrini-user-menu-trigger {
    background: transparent !important;
    border-radius: 999px !important;
    border: 2px solid #facc15 !important;
    box-shadow: none !important;
}

/* Se tiver um ícone dentro (SVG ou <i>), deixa mais discreto */
.vitrini-header-avatar img,
.vitrini-header-avatar svg,
.vitrini-user-menu-trigger img,
.vitrini-user-menu-trigger svg {
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 999px;
}

/* No painel Tutor, reduz um pouco e deixa clean */
.tutor-dashboard-header-avatar img,
.tutor-dashboard-header-avatar svg {
    border-radius: 999px;
    border: 2px solid #facc15;
    background: #020617;
}
/* Vitrini – garante que o botão de concluir aula sempre apareça */
.tutor-btn-mark-complete,
.tutor-course-lesson .tutor-lesson-sidebar-footer .tutor-btn,
.tutor-course-lesson .tutor-lesson-sidebar-footer .tutor-btn-mark-complete {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Vitrini – melhorar legibilidade do resultado do quiz (tabela de tentativas) */

.tutor-quiz-attempt-history,
.tutor-quiz-attempt-table {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 0.95rem;
}

.tutor-quiz-attempt-history table,
.tutor-quiz-attempt-table table {
    width: 100%;
    border-collapse: collapse;
}

.tutor-quiz-attempt-history th,
.tutor-quiz-attempt-history td,
.tutor-quiz-attempt-table th,
.tutor-quiz-attempt-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.tutor-quiz-attempt-history th,
.tutor-quiz-attempt-table th {
    font-weight: 600;
    color: #e5e7eb;
    background: rgba(15, 23, 42, 0.85);
}

.tutor-quiz-attempt-history td,
.tutor-quiz-attempt-table td {
    color: #e5e7eb;
}

.tutor-quiz-attempt-history tr:nth-child(even) td,
.tutor-quiz-attempt-table tr:nth-child(even) td {
    background: rgba(15, 23, 42, 0.7);
}

/* Resultado aprovado/reprovado em destaque */
.tutor-quiz-attempt-history td .tutor-quiz-attempt-status,
.tutor-quiz-attempt-table td .tutor-quiz-attempt-status {
    font-weight: 600;
}

.tutor-quiz-attempt-history td .tutor-quiz-attempt-status.passed,
.tutor-quiz-attempt-table td .tutor-quiz-attempt-status.passed {
    color: #4ade80;
}

.tutor-quiz-attempt-history td .tutor-quiz-attempt-status.failed,
.tutor-quiz-attempt-table td .tutor-quiz-attempt-status.failed {
    color: #f97373;
}