/* ==================================================
   1. CAMBIO DE COLOR PRINCIPAL (TEXTOS Y ENLACES)
   ================================================== */
a,
.text-primary,
.page-link,
.nav-link,
.elementor-heading-title

/* Títulos de Elementor */
    {
    color: #cf2643 !important;
    /* Añadido !important */
}

/* Color al pasar el ratón (Hover) */
a:hover,
.text-primary:hover,
.page-link:hover,
.nav-link:hover,
.elementor-product-link:hover .elementor-title

/* Título producto al pasar ratón */
    {
    color: #cc5200 !important;
    /* Añadido !important */
}

/* ==================================================
   2. BOTONES PRINCIPALES
   ================================================== */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.elementor-button

/* Botones de Elementor */
    {
    background-color: #cf2643 !important;
    border-color: #cf2643 !important;
    color: #fff !important;
    /* Asegura texto blanco */
}

/* Efecto Hover en botones */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.elementor-button:hover {
    background-color: #cc5200 !important;
    border-color: #cc5200 !important;
    box-shadow: none !important;
}

/* ==================================================
   3. PRECIOS Y OFERTAS (Versión reforzada)
   ================================================== */
.product-price,
.current-price span,
.elementor-price

/* Precio específico de Elementor */
    {
    color: #cf2643 !important;
    font-weight: 700;
}

/* ==================================================
   4. ELEMENTOS DE NAVEGACIÓN
   ================================================== */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #cf2643 !important;
    border-top-color: #cf2643 !important;
}

.page-item.active .page-link {
    background-color: #cf2643 !important;
    border-color: #cf2643 !important;
}

/* ==================================================
   5. ETIQUETAS DE PRODUCTO (FLAGS)
   ================================================== */

/* Etiqueta "NUEVO" */
.product-flags .product-flag.new {
    background-color: #cf2643 !important;
    /* Color de fondo (Rojo corporativo) */
    color: #ffffff !important;
    /* Color del texto (Blanco) */
    box-shadow: none !important;
    /* Elimina sombras por defecto si molestan */
}

/* OPCIONAL: Etiqueta de "OFERTA" o "DESCUENTO"
   (Por si quieres que las ofertas tengan otro color diferente) */
.product-flags .product-flag.discount,
.product-flags .product-flag.on-sale {
    background-color: #cc5200 !important;
    /* Un tono más oscuro para ofertas */
    color: #ffffff !important;
}

/* ==================================================
   6. TÍTULOS DE MÓDULOS Y SECCIONES
   ================================================== */

/* Títulos estándar de PrestaShop y Cabeceras de Elementor */
h1,
h2,
h3,
.h1,
.h2,
.h3,
.products-section-title,
/* Títulos de listas de productos estándar */
.elementor-heading-title

/* Títulos widgets de Elementor */
    {
    color: #cf2643 !important;
    font-weight: 700 !important;
    /* 700 es Bold (Negrita) */
    text-transform: uppercase;
    /* Opcional: Si los quieres todos en mayúsculas */
}

/* Títulos específicos dentro de "Divisores" 
   (En tu home usas esto para "Productos Destacados" y "Los más vendidos") */
.elementor-divider__text {
    color: #cf2643 !important;
    font-weight: 700 !important;
}

/* Títulos del Pie de Página (Footer) */
#footer h3,
#footer .h3,
#footer .block-contact-title,
.footer-container .elementor-heading-title {
    color: #cf2643 !important;
    font-weight: 700 !important;
}