/* ================================================================
   COPMS — Correções: Navbar premium + Hero image position
   Adicionar ao FINAL do copms-novo.css  (ou arquivo separado)
   ================================================================ */

/* ---------------------------------------------------------------
   1. NAVBAR — Tipografia premium para telas grandes
--------------------------------------------------------------- */

/* Links do menu — maiores, mais espaçados, mais peso */
.nav-link {
    font-size:      .95rem  !important;   /* era .88rem  → +8% */
    font-weight:    650     !important;   /* era 600     → um grau acima */
    letter-spacing: .025em  !important;   /* espaçamento sutil entre letras */
    padding:        .7rem 1rem !important; /* mais padding lateral */
}

/* Logo marca — ligeiramente maior */
.nav-logo-text .marca {
    font-size: 2.2rem !important;         /* era 2rem */
}

/* Subtítulo abaixo do logo — mais legível */
.nav-logo-text .subtitulo {
    font-size:      .72rem  !important;   /* era .68rem */
    letter-spacing: .08em   !important;
}

/* Botão CTA "Área do Cooperado" — destaque maior */
.nav-cta {
    font-size:   .9rem    !important;     /* era herdado do nav-link */
    padding:     .7rem 1.5rem !important; /* mais largura */
    letter-spacing: .02em !important;
}

/* Nav inner — mais altura para respirar */
.nav-inner {
    padding: .9rem 0 !important;          /* era .8rem */
}

/* Dropdown links — acompanham o upgrade */
.dropdown a {
    font-size:   .9rem  !important;       /* era .85rem */
    font-weight: 600    !important;
    padding:     .75rem 1.2rem !important;
}

/* ---------------------------------------------------------------
   2. HERO SLIDE 1 — reposicionar imagem para focar nos profissionais
      A carrossel_2x2.png tem o logo no canto esquerdo e as pessoas
      no centro/direita — ajustamos para mostrar as pessoas
--------------------------------------------------------------- */

/* Slide 1: empurra a imagem para a direita, cortando o logo */
.hero-slide.slide-1 .slide-bg {
    background-position: right center !important;
    background-size: cover !important;
}

/* Slide 1: overlay mais escuro do lado esquerdo
   para o texto (que fica à esquerda) ser sempre legível */
.hero-slide.slide-1 .slide-bg::after {
    background: linear-gradient(
        90deg,
        rgba(10, 35, 25, .88) 0%,
        rgba(10, 35, 25, .60) 45%,
        rgba(10, 35, 25, .20) 100%
    ) !important;
}

/* Slide 2 e 3: mesmo tratamento consistente */
.hero-slide.slide-2 .slide-bg,
.hero-slide.slide-3 .slide-bg {
    background-position: center top !important;
    background-size: cover !important;
}

/* ---------------------------------------------------------------
   3. HERO CONTENT — garantir centralização vertical perfeita
--------------------------------------------------------------- */
.hero-slide {
    align-items: center !important;
    justify-content: flex-start !important;
}

.hero-slide .container {
    padding-top:    0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

/* ---------------------------------------------------------------
   4. TOP BAR — texto ligeiramente maior (acompanha o upgrade)
--------------------------------------------------------------- */
.top-item {
    font-size: .82rem !important;         /* era .8rem */
}