/* ==========================================================================
   Camada de Modernização — Ciência e Segurança do Trabalho
   Mantém a identidade (dark + dourado) e a arquitetura das páginas.
   Apenas adiciona profundidade, micro-interações e refinamentos.
   ========================================================================== */

/* --- Base --- */
html { scroll-behavior: smooth; }
::selection { background: rgba(255,184,0,0.85); color: #0b0f1e; }

/* --- Scrollbar dourada discreta --- */
* { scrollbar-color: var(--gold, #FFB800) rgba(255,255,255,0.06); scrollbar-width: thin; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.04); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--gold, #FFB800), var(--gold-light, #FFC933));
  border-radius: 20px; border: 2px solid rgba(7,11,23,0.6);
}

/* --- Foco acessível --- */
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--gold, #FFB800); outline-offset: 2px; border-radius: 6px;
}

/* --- Barra de progresso de rolagem --- */
#scroll-progress {
  position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 2000;
  background: linear-gradient(90deg, var(--gold, #FFB800), var(--green, #00CC66));
  box-shadow: 0 0 10px rgba(255,184,0,0.6); transition: width .1s linear; pointer-events: none;
}

/* --- Header: vidro mais refinado + sombra ao rolar --- */
#header { transition: background .3s, box-shadow .3s, backdrop-filter .3s; }
#header.scrolled { box-shadow: 0 8px 30px rgba(0,0,0,0.42); }

/* --- Navegação: sublinhado dourado animado --- */
.nav-links a { position: relative; }
.nav-links a:not(.btn-nav-cta):not(.btn-nav-login)::after {
  content: ''; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px;
  background: linear-gradient(90deg, var(--gold, #FFB800), var(--gold-light, #FFC933));
  transform: scaleX(0); transform-origin: left;
  transition: transform .28s cubic-bezier(.2,.7,.2,1); border-radius: 2px;
}
.nav-links a:not(.btn-nav-cta):not(.btn-nav-login):hover::after,
.nav-links a.active::after { transform: scaleX(1); }

/* --- Cards: profundidade e brilho dourado no hover --- */
.nr-card, .sector-card, .sobre-card, .sol-card, .blog-card, .position-card,
.value-card, .course-card, .modulo-card, .empresa-card, .publico-card,
.vantagem-card, .cta-card {
  transition: transform .38s cubic-bezier(.2,.7,.2,1), box-shadow .38s ease, border-color .38s ease !important;
}
.nr-card:hover, .sector-card:hover, .sobre-card:hover, .sol-card:hover, .blog-card:hover,
.position-card:hover, .value-card:hover, .course-card:hover, .modulo-card:hover,
.empresa-card:hover, .publico-card:hover, .vantagem-card:hover, .cta-card:hover {
  box-shadow: 0 22px 48px rgba(0,0,0,0.5),
              0 0 0 1px var(--gold-border, rgba(255,184,0,0.35)),
              0 0 26px rgba(255,184,0,0.10) !important;
}

/* --- Botões: leve elevação + sombra dourada --- */
.hero__cta, .btn-gold, .btn-saiba, .newsletter-btn, .position-cta, .blog-card__cta, .form-submit {
  transition: transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, filter .2s ease !important;
}
.hero__cta:hover, .btn-gold:hover, .btn-saiba:hover, .newsletter-btn:hover,
.position-cta:hover, .form-submit:hover {
  transform: translateY(-2px); box-shadow: 0 10px 26px rgba(255,184,0,0.28); filter: brightness(1.03);
}

/* --- Reveal on scroll: entrada mais premium --- */
.anim-up {
  transition: opacity .7s cubic-bezier(.2,.7,.2,1),
              transform .7s cubic-bezier(.2,.7,.2,1),
              filter .7s ease !important;
  filter: blur(4px);
}
.anim-up.visible { filter: blur(0) !important; }

/* --- Selos/eyebrows com leve brilho --- */
.section-tag, .hero__eyebrow, .sobre-badge, .nr-badge, .page-hero-badge {
  text-shadow: 0 0 18px rgba(255,184,0,0.18);
}

/* --- Zoom sutil em imagens de card (cards já recortam o conteúdo) --- */
.sector-card, .blog-card { overflow: hidden; }
.sector-card__img, .blog-card__thumb { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sector-card:hover .sector-card__img,
.blog-card:hover .blog-card__thumb { transform: scale(1.05); }

/* --- Respeita quem prefere menos movimento --- */
@media (prefers-reduced-motion: reduce) {
  *, .anim-up { transition: none !important; animation: none !important; filter: none !important; }
  #scroll-progress { display: none; }
}