/* Paleta de interface consolidada em 26/10/2026. A logomarca e as fotografias não são recoloridas. */
:root {
    --red: #f20b38;
    --red2: #f20b38;
    --brand-red: #f20b38;
    --brand-red-rgb: 242, 11, 56;
    --shop-red: #f20b38;
}

.brand-row::before {
    border-color: var(--brand-red);
    filter: drop-shadow(0 0 8px rgba(var(--brand-red-rgb), .55));
}
.brand em,
.hero-copy > p,
.section-head p,
.import-banner p,
.hero-copy h1 em,
.dark-head h2 em,
.steps h2 em,
.import-banner h2 em,
.footer-intro-copy > p,
.footer-intro-copy h2 em,
.footer-contact-cta > strong,
.footer-email span {
    color: var(--brand-red);
}

.search button,
.hero-orb,
.product-tag,
.product-buy button,
.dots button.on,
.step-grid article > b,
.round-icon::after,
.round-icon sup,
.footer-contact-icon,
.footer-nav > strong i,
.footer-payments > strong i,
.footer-links a::after {
    background: var(--brand-red);
}

.search button {
    background: var(--brand-red);
    background-image: none;
    box-shadow: 0 0 10px rgba(var(--brand-red-rgb), .24);
}

.brand-symbol {
    box-shadow: 0 0 0 3px var(--brand-red), 0 0 24px rgba(var(--brand-red-rgb), .5);
}

.hero-orb { box-shadow: 0 0 100px rgba(var(--brand-red-rgb), .3); }
.hero-halo {
    border-color: rgba(var(--brand-red-rgb), .85);
    box-shadow: 0 0 16px rgba(var(--brand-red-rgb), .56);
}
.hero-copy > a,
.import-banner a,
.product-buy button {
    box-shadow: 0 8px 22px rgba(var(--brand-red-rgb), .27);
}

.curve,
.section-head > a,
.categories::before,
.categories::after,
.import-banner::before,
.import-banner::after,
.steps::before,
footer::before {
    border-color: var(--brand-red);
}
.section-head > a { color: var(--brand-red); }
.categories::before,
.categories::after,
.import-banner::before,
.import-banner::after,
footer::before {
    filter: drop-shadow(0 0 7px rgba(var(--brand-red-rgb), .55));
}
.catalog-track { scrollbar-color: var(--brand-red) #ddd; }
.featured-grid { scrollbar-color: var(--brand-red) #ddd; }
.catalog-track::-webkit-scrollbar-thumb,
.featured-grid::-webkit-scrollbar-thumb {
    background: var(--brand-red);
    border-radius: 999px;
}

.assurances svg,
.step-grid svg,
.section-head > a,
.panel-eyebrow,
.inner-hero h1 em,
.product-promises svg,
.product-content li svg,
.section-mini-head a,
.flow-grid > a > svg,
.flow-grid > a > strong,
.secure-label svg,
.remove-demo,
.cart-benefits svg,
.summary-trust svg,
.identity-icon,
.text-link,
.address-card > span,
.address-card small,
.address-card button,
.confirmation > h1 em,
.order-code button {
    color: var(--brand-red);
}

.primary-action,
.checkout-progress .active span,
.checkout-progress .done span {
    border-color: var(--brand-red);
    background: var(--brand-red);
    background-image: none;
}

.hero-copy > a,
.import-banner .shell > a {
    --cta-accent: var(--brand-red);
}
.hero-copy > a::before,
.import-banner .shell > a::before {
    background: var(--brand-red);
    box-shadow: 0 0 7px rgba(var(--brand-red-rgb), .3);
}
.hero-copy > a b,
.import-banner .shell > a b,
.hero-copy > a:hover b,
.import-banner .shell > a:hover b {
    color: var(--brand-red);
    border-color: rgba(var(--brand-red-rgb), .48);
}
.hero-copy > a:hover b,
.import-banner .shell > a:hover b {
    background: rgba(var(--brand-red-rgb), .08);
}
.hero-copy > a:focus-visible,
.import-banner .shell > a:focus-visible {
    outline-color: rgba(var(--brand-red-rgb), .82);
}

.footer-contact-cta:hover {
    border-color: rgba(var(--brand-red-rgb), .7);
    background: linear-gradient(120deg, rgba(var(--brand-red-rgb), .18), rgba(255, 255, 255, .05));
}
.footer-contact-icon {
    background-image: none;
    box-shadow: 0 7px 20px rgba(var(--brand-red-rgb), .28);
}
.footer-panel::before {
    background: linear-gradient(90deg, transparent, var(--brand-red) 42%, var(--brand-red) 58%, transparent);
    box-shadow: 0 0 13px rgba(var(--brand-red-rgb), .38);
}
.footer-nav > strong i,
.footer-payments > strong i {
    box-shadow: 0 0 9px rgba(var(--brand-red-rgb), .6);
}
.footer-contact-cta:focus-visible,
.footer-email:focus-visible,
.footer-links a:focus-visible,
.footer-logo:focus-visible {
    outline-color: var(--brand-red);
}

@media (max-width: 720px) {
    .site-header .mobile-menu {
        border-color: rgba(var(--brand-red-rgb), .34);
    }
    .site-header .mobile-menu[aria-expanded="true"] {
        border-color: rgba(var(--brand-red-rgb), .68);
    }
    .site-header .mobile-menu-icon,
    .site-header .nav-items a svg {
        color: var(--brand-red);
        border-color: rgba(var(--brand-red-rgb), .3);
    }
    .site-header .mobile-menu-arrow,
    .site-header .mobile-menu[aria-expanded="true"] .mobile-menu-arrow {
        border-color: rgba(var(--brand-red-rgb), .48);
    }
}

@media (min-width: 721px) {
    .site-header .main-nav .nav-glow {
        border-color: rgba(var(--brand-red-rgb), .78);
        box-shadow:
            inset 0 3px 0 var(--brand-red),
            inset 0 -3px 0 var(--brand-red),
            0 10px 30px rgba(0, 0, 0, .48);
    }
    .site-header .nav-items a svg { color: var(--brand-red); }
    .site-header .nav-items a.active {
        border-color: rgba(var(--brand-red-rgb), .72);
        background:
            linear-gradient(120deg, rgba(255, 255, 255, .035), rgba(var(--brand-red-rgb), .035)),
            rgba(13, 11, 14, .96);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .045),
            0 0 0 1px rgba(var(--brand-red-rgb), .055),
            -5px 0 18px rgba(var(--brand-red-rgb), .15),
            0 8px 20px rgba(0, 0, 0, .34);
    }
    .site-header .nav-items a.active::before { background: var(--brand-red); }
    .site-header .nav-items a.active svg {
        color: var(--brand-red);
        border-color: rgba(var(--brand-red-rgb), .52);
        background: rgba(var(--brand-red-rgb), .055);
    }
    .site-header .nav-items a.active span::before,
    .site-header .nav-items a.active b { color: var(--brand-red); }
    .site-header .nav-items a.active:hover {
        border-color: rgba(var(--brand-red-rgb), .72);
        background:
            linear-gradient(120deg, rgba(255, 255, 255, .045), rgba(var(--brand-red-rgb), .055)),
            rgba(15, 12, 16, .98);
    }
}