/*
 * Dacar Web / HEADER / Mobile
 * Cabecera propia equivalente a la cabecera activa Astra + hooks.
 * Estado: desconectado. No se carga en produccion.
 */

@media (max-width: 1100px) {
    .dacar-header-wrap {
        gap: 16px;
    }

    .dacar-header-nav {
        gap: 18px;
    }

    .dacar-header-nav a {
        font-size: 15px;
    }
}

@media (max-width: 921px) {
    html {
        scroll-padding-top: 82px;
    }

    .dacar-top-bar {
        font-size: 11px;
        min-height: 32px;
        padding: 6px 14px;
    }

    .dacar-header-wrap {
        grid-template-columns: 1fr auto;
        min-height: 62px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .dacar-header-scrolled .dacar-header-wrap {
        min-height: 58px;
    }

    .dacar-header-brand {
        font-size: 24px;
    }

    .dacar-header-nav,
    .dacar-header-actions {
        display: none;
    }

    .dacar-header-toggle {
        display: inline-flex;
    }
}

@media (max-width: 560px) {
    .dacar-header-brand {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dacar-site-header,
    .dacar-header-wrap,
    .dacar-header-nav a,
    .dacar-header-nav a::after,
    .dacar-header-action,
    .dacar-header-toggle > span[aria-hidden="true"],
    .dacar-header-toggle > span[aria-hidden="true"]::before,
    .dacar-header-toggle > span[aria-hidden="true"]::after {
        transition: none !important;
    }
}