/* =========================================================
   BOTONES PRINCIPALES DEL MENÚ
   Se aplican globalmente a todas las páginas públicas
   ========================================================= */

:root {
    --jm-pink: #d900a9;
    --jm-pink-dark: #b80090;
    --jm-pink-shadow: rgba(217, 0, 169, 0.28);
}

header nav .nav-highlight,
header nav a.navbtn.nav-highlight {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 19px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #d900a9, #ec00b6) !important;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 8px 20px var(--jm-pink-shadow);
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

header nav .nav-highlight:hover,
header nav .nav-highlight:focus,
header nav a.navbtn.nav-highlight:hover,
header nav a.navbtn.nav-highlight:focus {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c30098, #dd00ab) !important;
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(217, 0, 169, .34);
    filter: brightness(.99);
}

@media (max-width: 900px) {
    header nav .nav-highlight,
    header nav a.navbtn.nav-highlight {
        width: 100%;
        min-height: 46px;
    }
}