html { scroll-padding-top: 104px; }

.dnec-public-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    height: 88px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: rgba(7, 23, 46, .68);
    -webkit-backdrop-filter: blur(15px) saturate(125%);
    backdrop-filter: blur(15px) saturate(125%);
    transition: background .25s, box-shadow .25s, height .25s;
}
.dnec-public-header.is-scrolled {
    height: 74px;
    background: rgba(7, 23, 46, .88);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .16);
}
.dnec-landing__hero { padding-top: 88px; }
.alpr-demo-shell { padding-top: 88px; }

@media (max-width: 767.98px) {
    html { scroll-padding-top: 94px; }
    .dnec-public-header { height: 78px; }
    .dnec-public-header.is-scrolled { height: 70px; }
    .dnec-landing__hero, .alpr-demo-shell { padding-top: 78px; }
    .dnec-public-header > .container { gap: 8px; }
    .dnec-public-header a[aria-label="Ir al inicio"] { gap: 8px !important; min-width: 0; }
    .dnec-public-header a[aria-label="Ir al inicio"] img { width: 40px !important; height: 40px !important; }
    .dnec-public-header a[aria-label="Ir al inicio"] strong { font-size: 1.4rem !important; }
    .dnec-public-header a[aria-label="Ir al inicio"] small { font-size: .7rem !important; }
    .dnec-public-header .btn-primary { padding-inline: 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .dnec-public-header { transition: none; }
}