/* Artifex: wordmark más grande, alineado al eje óptico del menú */
.header_area .brand .desktop-logo {
    display: flex;
    align-items: center;
    line-height: 0;
    max-width: none;
}

.header_area .desktop-logo-image {
    display: block;
    width: 240px;
    max-width: none;
    height: auto;
}

.header_area .mobile-logo-image {
    display: block;
    width: 180px;
    max-width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .header_area .site_menu .row.align-items-center {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .header_area .header-brand-col {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding-right: 1.25rem;
        display: flex;
        align-items: center;
    }

    .header_area .header-nav-col {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header_area .site_menu .primary_menu {
        float: none;
        display: flex;
        align-items: center;
    }

    .header_area .site_menu .primary_menu .main_menu {
        display: flex;
        align-items: center;
    }

    .header_area .site_menu .primary_menu .main_menu ul {
        display: flex;
        align-items: center;
        gap: 18px;
        /* El wordmark vive más abajo que los dos puntos; baja el menú a ese eje */
        transform: translateY(5px);
    }

    .header_area .site_menu .primary_menu .main_menu ul li {
        margin-left: 0;
        display: flex;
        align-items: center;
    }

    .header_area .site_menu .primary_menu .main_menu ul li a {
        display: flex;
        align-items: center;
        line-height: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header_area .desktop-logo-image {
        width: 200px;
    }

    .header_area .site_menu .primary_menu .main_menu ul {
        gap: 14px;
    }
}

/* Accesibilidad: el título de cada tarjeta de portfolio era <h4> justo
   después del <h2> de sección, saltándose el <h3> (heading-order). Se
   sube a <h3>, y aquí se conserva el tamaño/color que tenía como <h4>
   (el <h3> genérico del tema está pensado para las tarjetas de blog). */
.deneb_project .grid_item .deneb_info h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 26.4px;
    color: #0a2351;
}

.deneb_project .grid_item .deneb_info h3 a {
    color: #0a2351;
}

/* Accesibilidad: contraste insuficiente (~1.8:1) del acento naranja de
   marca (#feb000) como color de texto sobre fondo blanco/claro. Se usa
   un ámbar más oscuro solo donde el naranja es COLOR DE TEXTO (no fondo
   de botón), pasando el umbral WCAG AA (~5.2:1). */
.deneb_banner .hero_slider .swiper-slide .banner_content h1 span,
.about_v2 .award_box .award_info h3,
.deneb_pricing .pircing_box .price h2 span {
    color: #a15c00;
}