/* ================================================================
   COPMS — Hero Slide 1: Correções para excelência visual
   Colar no FINAL do copms-novo.css
   ================================================================ */


/* ---------------------------------------------------------------
   FIX 1 + 2 — Sumir com logo e texto embutidos na imagem
   Estratégia dupla:
   a) Reposicionar a imagem para a direita (foca nos profissionais)
   b) Overlay com gradiente forte nas bordas esq/dir
--------------------------------------------------------------- */

.hero-slide.slide-1 .slide-bg {
    background-position: 68% center !important; /* empurra logo para fora da tela */
    background-size: cover !important;
}

/* Overlay refinado: escuro forte à esq (protege texto),
   escuro forte à dir (some com o texto da imagem),
   translúcido no centro (mostra os profissionais) */
.hero-slide.slide-1 .slide-bg::after {
    background:
        linear-gradient(
            90deg,
            rgba(8, 30, 20, .92) 0%,      /* esquerda — esconde logo, protege texto */
            rgba(8, 30, 20, .55) 35%,     /* transição suave */
            rgba(8, 30, 20, .25) 60%,     /* centro — profissionais aparecem */
            rgba(8, 30, 20, .70) 85%,     /* lado direito — esconde texto da imagem */
            rgba(8, 30, 20, .88) 100%     /* borda direita totalmente escura */
        ) !important;
}


/* ---------------------------------------------------------------
   FIX 3 — Centralizar verticalmente o conteúdo no hero
--------------------------------------------------------------- */

.hero-slide {
    align-items: center !important;
}

/* Remove qualquer padding que estava empurrando o conteúdo para baixo */
.hero-slide .container {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding-top:    0 !important;
    padding-bottom: 0 !important;
}

.hero-content {
    padding-top:    0 !important;
    margin-top:     0 !important;
    /* Leve ajuste para compensar a navbar sticky no topo */
    transform: translateY(-20px);
}


/* ---------------------------------------------------------------
   FIX 4 — Subtitle mais largo e com mais presença
--------------------------------------------------------------- */

.hero-subtitle {
    font-size: 1.08rem !important;
    max-width: 600px !important;
    line-height: 1.75 !important;
    color: rgba(255, 255, 255, .88) !important;
    margin-bottom: 2.2rem !important;
}


/* ---------------------------------------------------------------
   FIX 5 — Botões do hero com mais presença e respiro
--------------------------------------------------------------- */

.hero-btns {
    display: flex !important;
    gap: 1.2rem !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.btn-hero-primary {
    padding: 1rem 2.2rem !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    box-shadow: 0 8px 28px rgba(200, 151, 61, .45) !important;
}

.btn-hero-primary:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 36px rgba(200, 151, 61, .55) !important;
}

.btn-hero-secondary {
    padding: 1rem 2.2rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    border-width: 2px !important;
}

.btn-hero-secondary:hover {
    transform: translateY(-4px) !important;
    background: rgba(255, 255, 255, .2) !important;
}


/* ---------------------------------------------------------------
   FIX 6 — Stat cards mais legíveis e com mais destaque
--------------------------------------------------------------- */

.hero-stats {
    bottom: 2.5rem !important;
    right: 2.5rem !important;
    gap: 1rem !important;
}

.stat-card {
    background: rgba(0, 0, 0, .42) !important;        /* era .1 — muito claro */
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(200, 151, 61, .35) !important; /* borda dourada sutil */
    border-radius: 14px !important;
    padding: 1.1rem 1.5rem !important;
    min-width: 110px !important;
    text-align: center !important;
}

.stat-card .num {
    font-size: 2rem !important;                        /* era 1.8rem */
    font-weight: 700 !important;
    color: #e2b96a !important;                         /* dourado claro */
    line-height: 1 !important;
    letter-spacing: -.01em !important;
}

.stat-card .num span {
    font-size: 1.2rem !important;
    color: rgba(226, 185, 106, .8) !important;
}

.stat-card .lbl {
    font-size: .75rem !important;
    color: rgba(255, 255, 255, .75) !important;        /* era .8 — mais legível */
    margin-top: .35rem !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}


/* ---------------------------------------------------------------
   BÔNUS — Hero badge mais refinado
--------------------------------------------------------------- */

.hero-badge {
    font-size: .82rem !important;
    padding: .45rem 1.1rem !important;
    margin-bottom: 1.4rem !important;
    letter-spacing: .1em !important;
}


/* ---------------------------------------------------------------
   BÔNUS — Hero title com mais impacto
--------------------------------------------------------------- */

.hero-title {
    font-size: clamp(2.4rem, 5vw, 4rem) !important;
    line-height: 1.12 !important;
    margin-bottom: 1.4rem !important;
    text-shadow: 0 2px 20px rgba(0,0,0,.3) !important; /* legibilidade extra */
}

.hero-title em {
    text-shadow: 0 2px 24px rgba(200,151,61,.4) !important; /* brilho dourado sutil */
}