/* Más Promocionales — brand overrides sobre el template Radios */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

:root {
    --font: 'Lato', sans-serif;
    --color-primary: #e31140;
    --color-primary-rgb: 227, 17, 64;
    --color-primary-2: #1bb2c0;
    --color-primary-2-rgb: 27, 178, 192;
    --color-orange: #e31140;
}

/* Botones y acentos primarios */
.thm-btn,
.btn-primary,
.cart_btn .count,
.wishlist-icon .count {
    background: var(--color-primary);
}

.thm-btn:hover,
.btn-primary:hover {
    background: #c00d35;
}

.header__cat-wrap {
    background: var(--color-primary);
}

.badge-skew {
    background: var(--color-primary);
}

/* Texto primario */
a:hover,
.section-heading span span,
h2.title span,
.hero__content .subtitle {
    color: var(--color-primary);
}

/* Footer background reforzado */
.footer {
    background-color: #0c1923;
}