/* =============================
   NMED Cursos — Theme Tokens
   ============================= */
:root{
    /* Paleta solicitada */
    --nmed-green-900: #006B4E; /* Verde Profundo - principal */
    --nmed-green-500: #00B88C; /* Verde Claro - CTA/hover/detalhes */
    --nmed-white:     #FFFFFF;
    --nmed-gray-50:   #F5F5F5; /* cinza neutro para fundos de seção */
    --nmed-black-800: #222222; /* textos principais / rodapé */
    --nmed-med-blue:  #007B9E; /* azul médico para links alternativos */

    /* Derivados */
    --nmed-border:    rgba(0,0,0,.08);
    --nmed-shadow:    0 2px 8px rgba(0,0,0,.06);
}

/* Tipografia e resets sutis */
body{
    color: var(--nmed-black-800);
    letter-spacing:.2px;
}

/* =============================
   Navbar (header branco, texto verde profundo)
   ============================= */
.nmed-navbar{
    background: var(--nmed-med-blue);
    border-bottom: 1px solid var(--nmed-border);
}
.nmed-navbar .navbar-brand .brand-text{
    color: var(--nmed-white);
}
.nmed-navbar .nav-link{
    color: var(--nmed-white);
    font-weight: 600;
}
.nmed-navbar .nav-link:hover,
.nmed-navbar .nav-link:focus{
    color: var(--nmed-green-900);
}

/* Botão CTA (verde claro com texto branco) */
.btn-nmed-cta{
    background: var(--nmed-green-500);
    color: var(--nmed-white);
    border: none;
    box-shadow: var(--nmed-shadow);
}
.btn-nmed-cta:hover{
    filter: brightness(0.92);
    color: var(--nmed-white);
}

/* Alternativa de link/CTA azul médico */
a.link-med,
.btn-nmed-alt{
    color: var(--nmed-white);
    background: var(--nmed-med-blue);
    border: none;
}
a.link-med:hover,
.btn-nmed-alt:hover{
    filter: brightness(0.95);
}

/* =============================
   Hero / Busca (ex.: página 'buscar')
   ============================= */
.hero-nmed{
    background:
        radial-gradient(900px 400px at 10% -10%, rgba(0,184,140,.15), transparent),
        linear-gradient(180deg, #e9fbf6 0%, #f7fffd 100%);
    padding: 64px 0;
    border-bottom: 1px solid var(--nmed-border);
}
.hero-nmed .hero-title{
    color: var(--nmed-green-900);
    font-weight: 800;
}
.hero-nmed .hero-sub{
    color: #365a52;
}

/* =============================
   Cards de cursos (fundo cinza neutro, bordas verdes)
   ============================= */
.course-card{
    background: var(--nmed-gray-50);
    border: 1px solid rgba(0,107,78,.18);
    border-radius: 14px;
    box-shadow: var(--nmed-shadow);
    overflow: hidden;
    transition: transform .15s ease, box-shadow .2s ease;
}
.course-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.course-card .badge-area{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
}
.badge-nmed{
    background: rgba(0,184,140,.15);
    color: var(--nmed-green-900);
    border: 1px solid rgba(0,184,140,.35);
    font-weight: 600;
}

/* =============================
   Rodapé (preto suave com texto branco ou verde claro)
   ============================= */
.nmed-footer{
    background: var(--nmed-black-800);
}
.nmed-footer h5{
    color: var(--nmed-white);
}
.nmed-footer p, .nmed-footer li, .nmed-footer .small{
    color: rgba(255,255,255,.85);
}
.nmed-footer .hover-accent:hover{
    color: var(--nmed-green-500) !important;
}

/* =============================
   Formulários / inputs
   ============================= */
.form-control:focus, .form-select:focus{
    border-color: var(--nmed-green-500);
    box-shadow: 0 0 0 .2rem rgba(0,184,140,.15);
}

/* =============================
   Chips/labels médicos
   ============================= */
.chip-med{
    background: #e6f6fa;
    color: var(--nmed-med-blue);
    border: 1px solid #bfe8f3;
    border-radius: 999px;
    padding: .25rem .6rem;
    font-weight: 600;
}

/* =============================
   Utilitários
   ============================= */
.text-nmed-primary{
    color: var(--nmed-green-900) !important;
}
.bg-nmed-primary{
    background: var(--nmed-green-900) !important;
    color: var(--nmed-white) !important;
}
.border-nmed{
    border-color: rgba(0,107,78,.25) !important;
}


.nmed-footer .hover-accent:hover {
    color:var(--nmed-white)!important;
}
footer {
    background:var(--nmed-med-blue)!important;
}