/*
 * Tema escuro seguro da HydraPower.
 *
 * Esta folha é somente CSS: o estado data-theme é definido pelo botão do
 * cabeçalho e nenhum seletor daqui cria listeners, faz requests ou interfere
 * nos formulários e componentes do WooCommerce.
 */

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .wp-site-blocks {
    background: #0d1012 !important;
    color: #edf2f3;
}

/* v1.0.68 — tema Azul HydraPower selecionável no Studio. */
html[data-hp-accent="blue"] {
    --hp-green: #1379d1;
    --hp-blue: #1379d1;
}

html[data-hp-accent="blue"] .hero-button.primary,
html[data-hp-accent="blue"] .cta-header,
html[data-hp-accent="blue"] .contact-form-button,
html[data-hp-accent="blue"] .wp-block-button__link,
html[data-hp-accent="blue"] .woocommerce button.button,
html[data-hp-accent="blue"] .woocommerce button.button.alt,
html[data-hp-accent="blue"] .woocommerce a.button,
html[data-hp-accent="blue"] .woocommerce a.button.alt,
html[data-hp-accent="blue"] .woocommerce input.button,
html[data-hp-accent="blue"] .woocommerce .single_add_to_cart_button,
html[data-hp-accent="blue"] .wp-block-woocommerce-product-button .wp-block-button__link {
    color: #ffffff !important;
    background: linear-gradient(135deg, #268fe4 0%, #0c58b5 100%) !important;
    border-color: rgba(12, 88, 181, 0.62) !important;
    box-shadow: 0 10px 22px rgba(12, 88, 181, 0.22) !important;
}

html[data-hp-accent="blue"] .hero-button.primary:hover,
html[data-hp-accent="blue"] .cta-header:hover,
html[data-hp-accent="blue"] .contact-form-button:hover,
html[data-hp-accent="blue"] .woocommerce button.button:hover,
html[data-hp-accent="blue"] .woocommerce a.button:hover,
html[data-hp-accent="blue"] .woocommerce .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #3aa3f0 0%, #0a4b9b 100%) !important;
}

html[data-hp-accent="blue"] .header-icon-button,
html[data-hp-accent="blue"] .header-search-toggle,
html[data-hp-accent="blue"] .mobile-menu-toggle,
html[data-hp-accent="blue"] .header-quick-button:not(.header-whatsapp-button) {
    color: #126bc1 !important;
}

/* v1.0.69 — botão de compra limpo, sem halo luminoso. */
html[data-hp-accent="blue"] .woocommerce button.button,
html[data-hp-accent="blue"] .woocommerce button.button.alt,
html[data-hp-accent="blue"] .woocommerce a.button,
html[data-hp-accent="blue"] .woocommerce a.button.alt,
html[data-hp-accent="blue"] .woocommerce .single_add_to_cart_button,
html[data-hp-accent="blue"] .wp-block-woocommerce-product-button .wp-block-button__link {
    box-shadow: none !important;
}

/*
 * v1.0.49 — camada final do cabeçalho desktop.
 * Mantém a mesma cápsula no topo e durante a rolagem, elimina a antiga
 * animação de entrada e aproxima o dock lateral sem sobreposição.
 */
@media (min-width: 1041px) {
    body .header-container,
    body .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass,
    body:not(.has-scrolled) .header-container,
    body:not(.has-scrolled) .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        left: calc(50% - 86px) !important;
        width: min(1200px, calc(100vw - 220px)) !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        border-radius: 28px !important;
        box-sizing: border-box !important;
        transform: translateX(-50%) !important;
        animation: none !important;
        transition: none !important;
    }

    body .header-container::before,
    body .header-container::after,
    body .header-container.hp-liquid-glass::before,
    body .header-container.hp-liquid-glass::after,
    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after,
    body:not(.has-scrolled) .header-container::before,
    body:not(.has-scrolled) .header-container::after {
        display: none !important;
        opacity: 0 !important;
    }

    body .header-container nav,
    body.has-scrolled .header-container nav,
    body:not(.has-scrolled) .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body .header-container .nav-links,
    body.has-scrolled .header-container .nav-links,
    body:not(.has-scrolled) .header-container .nav-links {
        gap: 32px !important;
    }

    body .header-container .header-actions,
    body.has-scrolled .header-container .header-actions,
    body:not(.has-scrolled) .header-container .header-actions {
        height: 42px !important;
        margin-left: auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body .header-container .header-search,
    body .header-container .header-search-toggle,
    body .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search,
    body.has-scrolled .header-container .header-icon-button,
    body:not(.has-scrolled) .header-container .header-search,
    body:not(.has-scrolled) .header-container .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        flex: 0 0 42px !important;
        box-sizing: border-box !important;
    }

    body .header-container .cta-header,
    body.has-scrolled .header-container .cta-header,
    body:not(.has-scrolled) .header-container .cta-header {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        align-self: center !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
    }

    body .hp-header-utility-dock,
    body.has-scrolled .hp-header-utility-dock,
    body:not(.has-scrolled) .hp-header-utility-dock {
        top: 20px !important;
        right: max(24px, calc((100vw - 1372px) / 2)) !important;
        bottom: auto !important;
        min-height: 56px !important;
        padding: 5px !important;
        border-radius: 28px !important;
        box-sizing: border-box !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

html[data-theme="dark"] main,
html[data-theme="dark"] .wp-site-blocks > main,
html[data-theme="dark"] .wp-site-blocks > .woocommerce,
html[data-theme="dark"] .wp-site-blocks > .wp-block-group,
html[data-theme="dark"] .hp-blog-page,
html[data-theme="dark"] .hp-shop-page {
    background-color: #0d1012 !important;
    color: #edf2f3;
}

/* Home: mantém as máquinas visíveis, mas troca a névoa branca por grafite. */
html[data-theme="dark"] .hero {
    background: #101416 !important;
}

html[data-theme="dark"] .hero::before {
    background: linear-gradient(90deg,
        rgba(13, 16, 18, 0.98) 0%,
        rgba(13, 16, 18, 0.91) 29%,
        rgba(13, 16, 18, 0.53) 56%,
        rgba(13, 16, 18, 0.12) 82%) !important;
}

html[data-theme="dark"] .hero::after {
    background: linear-gradient(180deg,
        rgba(13, 16, 18, 0.14) 0%,
        rgba(13, 16, 18, 0.06) 55%,
        rgba(13, 16, 18, 0) 100%) !important;
}

html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .hero-description,
html[data-theme="dark"] .subtitle-premium,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .section-heading,
html[data-theme="dark"] .products-section,
html[data-theme="dark"] .brands-section,
html[data-theme="dark"] .brands-title {
    color: #f3f6f7 !important;
}

html[data-theme="dark"] .subtitle-premium,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .hero-description,
html[data-theme="dark"] .brands-section p {
    color: #bac6c8 !important;
}

html[data-theme="dark"] .gradient-divider {
    background: linear-gradient(90deg, rgba(179, 231, 209, 0.78), rgba(110, 184, 207, 0.35), transparent) !important;
}

/* Cards e painéis: profundidade equivalente aos cards escuros existentes. */
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .product-card.soft,
html[data-theme="dark"] .product-card.silver,
html[data-theme="dark"] .product-card.outline,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .hp-blog-topic,
html[data-theme="dark"] .hp-product-summary-card,
html[data-theme="dark"] .hp-product-gallery,
html[data-theme="dark"] .hp-product-details-card,
html[data-theme="dark"] .hp-product-grid > li,
html[data-theme="dark"] .hp-related-grid > li,
html[data-theme="dark"] .wp-block-post.product,
html[data-theme="dark"] .woocommerce .product,
html[data-theme="dark"] .wc-block-components-sidebar,
html[data-theme="dark"] .wp-block-woocommerce-cart,
html[data-theme="dark"] .wp-block-woocommerce-checkout,
html[data-theme="dark"] .woocommerce-account,
html[data-theme="dark"] .woocommerce-form,
html[data-theme="dark"] .woocommerce-address-fields {
    background: #171c1f !important;
    color: #edf2f3 !important;
    border-color: rgba(202, 230, 224, 0.16) !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .product-card .product-link,
html[data-theme="dark"] .blog-card h3,
html[data-theme="dark"] .blog-card p,
html[data-theme="dark"] .hp-blog-page h1,
html[data-theme="dark"] .hp-blog-page h2,
html[data-theme="dark"] .hp-blog-page h3,
html[data-theme="dark"] .hp-blog-page p,
html[data-theme="dark"] .woocommerce h1,
html[data-theme="dark"] .woocommerce h2,
html[data-theme="dark"] .woocommerce h3,
html[data-theme="dark"] .woocommerce p,
html[data-theme="dark"] .woocommerce label,
html[data-theme="dark"] .woocommerce a,
html[data-theme="dark"] .wc-block-components-title,
html[data-theme="dark"] .wc-block-components-product-name {
    color: #edf2f3 !important;
}

html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .blog-card p,
html[data-theme="dark"] .woocommerce .woocommerce-info,
html[data-theme="dark"] .woocommerce .woocommerce-message,
html[data-theme="dark"] .wc-block-components-product-metadata,
html[data-theme="dark"] .wc-block-components-product-price {
    color: #bdc9cb !important;
}

html[data-theme="dark"] .hero-button,
html[data-theme="dark"] .product-link,
html[data-theme="dark"] .feature-link,
html[data-theme="dark"] .woocommerce button,
html[data-theme="dark"] .woocommerce .button,
html[data-theme="dark"] .wc-block-components-button {
    color: #f6fbfb !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(215, 245, 237, 0.20) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .wc-block-components-text-input input,
html[data-theme="dark"] .wc-block-components-combobox .wc-block-components-combobox-control input {
    color: #f3f7f8 !important;
    background: #20272b !important;
    border-color: rgba(206, 232, 227, 0.18) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #9ba9ac !important;
}

/* Cabeçalho: permanece no topo e usa a mesma linguagem visual do dock. */
@media (min-width: 721px) {
    .header-container,
    .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        width: 90% !important;
        max-width: 1200px !important;
        min-height: 0 !important;
        padding: 15px 40px !important;
        border-radius: 30px !important;
        background: linear-gradient(118deg, rgba(226, 238, 242, 0.80), rgba(208, 235, 245, 0.84) 48%, rgba(203, 235, 225, 0.80)) !important;
        border-color: rgba(255, 255, 255, 0.68) !important;
        box-shadow: 0 18px 46px rgba(17, 24, 39, 0.14), 0 1px 4px rgba(255, 255, 255, 0.30) inset !important;
    }

    body.has-scrolled .header-container::after,
    body.has-scrolled .header-container.hp-liquid-glass::after {
        display: none !important;
    }

    body.has-scrolled .header-container nav,
    body.has-scrolled .header-container.hp-liquid-glass nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body.has-scrolled .header-actions {
        margin-left: auto !important;
        gap: 8px !important;
    }

    body.has-scrolled .header-search {
        width: 42px !important;
        height: 42px !important;
    }

    body.has-scrolled .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    body.has-scrolled .cta-header {
        min-height: 48px !important;
        padding: 0 22px !important;
        border-radius: 18px !important;
    }

    body.has-scrolled .logo {
        width: 124px !important;
        background: none !important;
        animation: none !important;
    }

    html[data-theme="dark"] .header-container,
    html[data-theme="dark"] .header-container.hp-liquid-glass,
html[data-theme="dark"] body.has-scrolled .header-container,
    html[data-theme="dark"] body.has-scrolled .header-container.hp-liquid-glass {
        background: linear-gradient(118deg, rgba(30, 36, 40, 0.92), rgba(37, 72, 84, 0.78) 48%, rgba(45, 79, 67, 0.82)) !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        box-shadow: 0 18px 46px rgba(0, 0, 0, 0.30), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    }
}

/* CTA do formulário: WhatsApp verde e contraste alto também no tema azul. */
.contact-page .contact-form-button,
.contact-page .contact-form-button:disabled,
.contact-page .contact-form-button.is-ready {
    color: #fff !important;
    background: linear-gradient(135deg, #31d474 0%, #16a957 100%) !important;
    border-color: rgba(18, 133, 69, 0.42) !important;
    box-shadow: 0 12px 26px rgba(18, 151, 75, 0.2) !important;
    opacity: 1 !important;
}

.contact-page .contact-form-button .contact-icon {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

.contact-page .contact-form-button .contact-form-status,
.contact-page .contact-form-button .contact-arrow {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* v1.0.49 — geometria desktop única, sem salto entre topo e rolagem. */
@media (min-width: 1041px) {
    body .header-container,
    body .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass,
    body:not(.has-scrolled) .header-container,
    body:not(.has-scrolled) .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        left: calc(50% - 86px) !important;
        width: min(1200px, calc(100vw - 220px)) !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        box-sizing: border-box !important;
        border-radius: 28px !important;
        transform: translateX(-50%) !important;
        animation: none !important;
        transition: none !important;
    }

    body .header-container::before,
    body .header-container::after,
    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after,
    body:not(.has-scrolled) .header-container::before,
    body:not(.has-scrolled) .header-container::after {
        display: none !important;
        opacity: 0 !important;
    }

    body .header-container nav,
    body.has-scrolled .header-container nav,
    body:not(.has-scrolled) .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body .header-container .logo,
    body.has-scrolled .header-container .logo,
    body:not(.has-scrolled) .header-container .logo {
        width: 124px !important;
        animation: none !important;
    }

    body .header-container .header-actions,
    body.has-scrolled .header-container .header-actions,
    body:not(.has-scrolled) .header-container .header-actions {
        height: 42px !important;
        margin-left: auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body .header-container .header-search,
    body .header-container .header-search-toggle,
    body .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search,
    body.has-scrolled .header-container .header-search-toggle,
    body.has-scrolled .header-container .header-icon-button,
    body:not(.has-scrolled) .header-container .header-search,
    body:not(.has-scrolled) .header-container .header-search-toggle,
    body:not(.has-scrolled) .header-container .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        flex: 0 0 42px !important;
        box-sizing: border-box !important;
    }

    body .header-container .cta-header,
    body.has-scrolled .header-container .cta-header,
    body:not(.has-scrolled) .header-container .cta-header {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        align-self: center !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
    }

    body .hp-header-utility-dock,
    body.has-scrolled .hp-header-utility-dock,
    body:not(.has-scrolled) .hp-header-utility-dock {
        top: 20px !important;
        right: max(24px, calc((100vw - 1372px) / 2)) !important;
        bottom: auto !important;
        min-height: 56px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        border-radius: 28px !important;
        transition: none !important;
    }
}

/*
 * O cabeçalho usa permanentemente a aparência que antes só aparecia após a
 * rolagem. Dessa forma o estado .has-scrolled não tem mais nada visual para
 * trocar: mesma posição, sombra, raio, largura e alinhamento desde o topo.
 */
@media (min-width: 721px) {
    body .header-container,
    body .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        left: calc(50% - clamp(28px, 3vw, 48px)) !important;
        width: 90% !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        border-radius: 28px !important;
        background:
            linear-gradient(115deg, rgba(248, 250, 252, 0.74), rgba(224, 231, 235, 0.64) 48%, rgba(214, 240, 229, 0.64)),
            rgba(255, 255, 255, 0.58) !important;
        border-color: rgba(255, 255, 255, 0.60) !important;
        box-shadow:
            0 20px 42px rgba(17, 24, 39, 0.16),
            0 1px 4px rgba(255, 255, 255, 0.60) inset !important;
        animation: none !important;
        transition: none !important;
    }

    body .header-container::before,
    body .header-container::after,
    body .header-container.hp-liquid-glass::before,
    body .header-container.hp-liquid-glass::after,
    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after {
        display: none !important;
        opacity: 0 !important;
    }

    body .header-container nav,
    body.has-scrolled .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body .header-container .nav-links,
    body.has-scrolled .header-container .nav-links { gap: 32px !important; }

    body .header-container .logo,
    body.has-scrolled .header-container .logo {
        width: 124px !important;
        animation: none !important;
    }

    body .header-container .header-actions,
    body.has-scrolled .header-container .header-actions {
        height: 42px !important;
        margin-left: auto !important;
        gap: 8px !important;
    }

    body .header-container .header-search,
    body .header-container .header-search-toggle,
    body .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search,
    body.has-scrolled .header-container .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        flex: 0 0 42px !important;
    }

    body .header-container .cta-header,
    body.has-scrolled .header-container .cta-header {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
    }

    body.has-scrolled .hp-header-utility-dock,
    body .hp-header-utility-dock {
        top: 20px !important;
        bottom: auto !important;
        min-height: 56px !important;
        border-radius: 28px !important;
        transition: none !important;
    }

    html[data-theme="dark"] body .header-container,
    html[data-theme="dark"] body .header-container.hp-liquid-glass,
    html[data-theme="dark"] body.has-scrolled .header-container,
    html[data-theme="dark"] body.has-scrolled .header-container.hp-liquid-glass {
        background: linear-gradient(118deg, rgba(30, 36, 40, 0.94), rgba(37, 72, 84, 0.82) 48%, rgba(45, 79, 67, 0.86)) !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    }
}

/* O dock de suporte também permanece no topo durante a rolagem. */
body.has-scrolled .hp-header-utility-dock {
    top: 20px !important;
    bottom: auto !important;
}

/* Refinos de profundidade nas vitrines principais. */
.product-card {
    box-shadow:
        0 24px 52px rgba(17, 24, 39, 0.11),
        0 5px 16px rgba(17, 24, 39, 0.05) !important;
}

.product-card:hover {
    box-shadow:
        0 32px 68px rgba(17, 24, 39, 0.16),
        0 8px 22px rgba(17, 24, 39, 0.07) !important;
}

.steering-showcase {
    box-shadow: 0 26px 64px rgba(17, 24, 39, 0.12) !important;
    filter: drop-shadow(0 26px 54px rgba(17, 24, 39, 0.14)) !important;
}

html[data-theme="dark"] .steering-showcase {
    box-shadow: 0 28px 68px rgba(0, 0, 0, 0.36) !important;
    filter: drop-shadow(0 28px 62px rgba(0, 0, 0, 0.40)) !important;
}

/* Header na mesma espessura delicada do dock de ações à direita. */
@media (min-width: 721px) {
    .header-container,
    .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass {
        left: calc(50% - clamp(28px, 3vw, 48px)) !important;
        padding: 6px 40px !important;
        animation: headerGradientFlow 7s ease-in-out infinite !important;
    }

    .header-container .header-icon-button,
    .header-container .header-search,
    .header-container .header-search-toggle,
    body.has-scrolled .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    .header-container .cta-header,
    body.has-scrolled .header-container .cta-header {
        min-height: 42px !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
    }

    .footer-signature {
        margin: 20px 0 -36px !important;
    }
}

/*
 * Estado único do cabeçalho: o legado ainda usava .has-scrolled para trocar
 * medidas internas. A partir daqui topo e rolagem compartilham exatamente a
 * mesma geometria; não há transição de tamanho, de cantos ou do botão CTA.
 */
@media (min-width: 721px) {
    .header-container,
    .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        left: calc(50% - clamp(28px, 3vw, 48px)) !important;
        width: 90% !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        box-sizing: border-box !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        border-radius: 28px !important;
        animation: headerGradientFlow 7s ease-in-out infinite !important;
        transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
    }

    .header-container::before,
    .header-container::after,
    .header-container.hp-liquid-glass::before,
    .header-container.hp-liquid-glass::after,
    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after {
        opacity: 0 !important;
    }

    .header-container.hp-liquid-glass.is-liquid-active,
    body.has-scrolled .header-container.hp-liquid-glass.is-liquid-active {
        box-shadow: 0 18px 46px rgba(17, 24, 39, 0.14), 0 1px 4px rgba(255, 255, 255, 0.30) inset !important;
    }

    .header-container nav,
    body.has-scrolled .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .header-container .nav-links,
    body.has-scrolled .header-container .nav-links {
        gap: 32px !important;
    }

    .header-container .header-actions,
    body.has-scrolled .header-container .header-actions {
        height: 42px !important;
        margin-left: auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .header-container .header-search,
    .header-container .header-search-toggle,
    .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search,
    body.has-scrolled .header-container .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        flex: 0 0 42px !important;
        box-sizing: border-box !important;
    }

    .header-container .cta-header,
    body.has-scrolled .header-container .cta-header {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        align-self: center !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
    }

    .hp-header-utility-dock {
        box-sizing: border-box !important;
        min-height: 56px !important;
        padding: 5px !important;
        border-radius: 28px !important;
    }
}

/* Camada terminal: elimina qualquer resquício do antigo dock inferior. */
@media (min-width: 721px) {
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass,
    body:not(.has-scrolled) .header-container,
    body:not(.has-scrolled) .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        width: 90% !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        border-radius: 28px !important;
        background:
            linear-gradient(115deg, rgba(248, 250, 252, 0.74), rgba(224, 231, 235, 0.64) 48%, rgba(214, 240, 229, 0.64)),
            rgba(255, 255, 255, 0.58) !important;
        border-color: rgba(255, 255, 255, 0.60) !important;
        box-shadow: 0 20px 42px rgba(17, 24, 39, 0.16), 0 1px 4px rgba(255, 255, 255, 0.60) inset !important;
        animation: none !important;
        transition: none !important;
    }

    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after,
    body:not(.has-scrolled) .header-container::before,
    body:not(.has-scrolled) .header-container::after { display: none !important; }

    body.has-scrolled .header-container nav,
    body:not(.has-scrolled) .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body.has-scrolled .header-container .nav-links,
    body:not(.has-scrolled) .header-container .nav-links { gap: 32px !important; }

    body.has-scrolled .header-container .header-actions,
    body:not(.has-scrolled) .header-container .header-actions { height: 42px !important; margin-left: auto !important; gap: 8px !important; }

    body.has-scrolled .header-container .cta-header,
    body:not(.has-scrolled) .header-container .cta-header { height: 42px !important; min-height: 42px !important; padding: 0 20px !important; border-radius: 999px !important; }

    html[data-theme="dark"] body.has-scrolled .header-container,
    html[data-theme="dark"] body:not(.has-scrolled) .header-container {
        background: linear-gradient(118deg, rgba(30, 36, 40, 0.94), rgba(37, 72, 84, 0.82) 48%, rgba(45, 79, 67, 0.86)) !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    }
}

/*
 * v1.0.49 — camada terminal do cabeçalho desktop.
 * Topo e rolagem usam a mesma cápsula; o dock fica separado por 8 px.
 */
@media (min-width: 1041px) {
    body .header-container,
    body .header-container.hp-liquid-glass,
    body.has-scrolled .header-container,
    body.has-scrolled .header-container.hp-liquid-glass,
    body:not(.has-scrolled) .header-container,
    body:not(.has-scrolled) .header-container.hp-liquid-glass {
        top: 20px !important;
        bottom: auto !important;
        left: calc(50% - 86px) !important;
        width: min(1200px, calc(100vw - 220px)) !important;
        max-width: 1200px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 40px !important;
        gap: 18px !important;
        border-radius: 28px !important;
        box-sizing: border-box !important;
        transform: translateX(-50%) !important;
        animation: none !important;
        transition: none !important;
    }

    body .header-container::before,
    body .header-container::after,
    body .header-container.hp-liquid-glass::before,
    body .header-container.hp-liquid-glass::after,
    body.has-scrolled .header-container::before,
    body.has-scrolled .header-container::after,
    body:not(.has-scrolled) .header-container::before,
    body:not(.has-scrolled) .header-container::after {
        display: none !important;
        opacity: 0 !important;
    }

    body .header-container nav,
    body.has-scrolled .header-container nav,
    body:not(.has-scrolled) .header-container nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body .header-container .nav-links,
    body.has-scrolled .header-container .nav-links,
    body:not(.has-scrolled) .header-container .nav-links {
        gap: 32px !important;
    }

    body .header-container .header-actions,
    body.has-scrolled .header-container .header-actions,
    body:not(.has-scrolled) .header-container .header-actions {
        height: 42px !important;
        margin-left: auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body .header-container .header-search,
    body .header-container .header-search-toggle,
    body .header-container .header-icon-button,
    body.has-scrolled .header-container .header-search,
    body.has-scrolled .header-container .header-icon-button,
    body:not(.has-scrolled) .header-container .header-search,
    body:not(.has-scrolled) .header-container .header-icon-button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        flex: 0 0 42px !important;
        box-sizing: border-box !important;
    }

    body .header-container .cta-header,
    body.has-scrolled .header-container .cta-header,
    body:not(.has-scrolled) .header-container .cta-header {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        align-self: center !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
    }

    body .hp-header-utility-dock,
    body.has-scrolled .hp-header-utility-dock,
    body:not(.has-scrolled) .hp-header-utility-dock {
        top: 20px !important;
        right: max(24px, calc((100vw - 1372px) / 2)) !important;
        bottom: auto !important;
        min-height: 56px !important;
        padding: 5px !important;
        border-radius: 28px !important;
        box-sizing: border-box !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}