/* ==========================================================================
   CREESTONVIEW - MASTER OVERRIDES & GALLERY LINK BLOCKING
   ========================================================================== */

:root {
    --primary-color: #dc2626 !important;
    --secondary-color: #111111 !important;
    --accent-color: #dc2626 !important;
    --pxl-primary-color: #dc2626 !important;
    --pxl-secondary-color: #111111 !important;
    --wp--preset--color--luminous-vivid-orange: #dc2626 !important;
    --wp--preset--color--vivid-red: #dc2626 !important;
}

/* 1. Recuadro del Logotipo: Fondo a Negro (#000000) */
.pxl-header-branding,
.pxl-header-branding a,
.pxl-header-branding-bg,
.pxl-logo-mobile,
.pxl-logo-mobile a,
#pxl-header-mobile .pxl-header-branding,
.pxl-header-mobile-default .pxl-header-branding,
.elementor-widget-pxl_logo,
.pxl-logo,
.pxl-header-branding-inner,
div[class*="branding"],
div[class*="pxl-logo"],
.style-light .pxl-header-branding {
    background-color: #000000 !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.pxl-header-branding img,
.pxl-logo-mobile img,
img[src*="logo.png"],
img[src*="logo"] {
    background-color: transparent !important;
    background: transparent !important;
    filter: none !important;
}

/* 2 & 3. Botones "Cotizar Ahora" y "Consulta y Cotiza": Fondo Rojo (#dc2626) */
.pxl-button a,
.btn,
.btn-default,
.btn-primary,
.elementor-button,
.pxl-btn,
.pxl-atc-link a,
.elementor-widget-pxl_button a,
.pxl--btn-text,
a[href*="mailto"],
a[class*="btn"],
.pxl-button,
.elementor-button-wrapper a {
    background-color: #dc2626 !important;
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

.pxl-button a:hover,
.btn:hover,
.btn-default:hover,
.elementor-button:hover,
a[href*="mailto"]:hover {
    background-color: #b91c1c !important;
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

/* 4. Fondo del Carrusel de imágenes (Franja ancha): Fondo Oscuro (#111111) */
.elementor-element-cf67c2d,
.elementor-element-cf67c2d > .elementor-widget-wrap,
.elementor-element-cf67c2d > .elementor-element-populated,
.categoria-proyectos,
.pxl-tabs5,
.pxl-tabs5 .pxl-tabs--content,
.pxl-tabs5--inner,
.pxl-tabs5::before,
.pxl-tabs5::after,
.pxl-swiper-container,
.pxl-swiper-slider,
.pxl-swiper-wrapper,
.swiper-container,
.swiper-wrapper,
.swiper-slide,
.elementor-element-a0a8b82,
.elementor-element-0444157,
.elementor-element-c223c27,
.elementor-element-eb4becb,
.elementor-section[data-id="0444157"],
div[class*="categoria-proyectos"],
div[class*="pxl-tabs"],
.elementor-column[data-id="31d9eb4"],
.elementor-column[data-id="eb4becb"] {
    background-color: #111111 !important;
    background: #111111 !important;
}

/* 5. Iconos de dirección en pie de página (Pin, WhatsApp, Email): Rojo (#dc2626) */
.pxl-icon-box .pxl-item--icon,
.pxl-icon-box .pxl-item--icon i,
.pxl-icon-box i,
i.flaticon,
i[class*="flaticon-"],
.flaticon-email11,
i.fa-map-marker-alt,
i.fa-map-marker,
i.fa-location-dot,
i.fa-whatsapp,
i.fa-envelope,
.pxl-item--icon i.fab,
.pxl-item--icon i.fas,
.pxl-item--icon i.far,
.pxl-footer i,
footer i,
.elementor-widget-pxl_icon_box i,
.pxl-item--icon {
    color: #dc2626 !important;
    fill: #dc2626 !important;
}

/* 6. EFECTO DEL RATÓN (CURSOR): Círculo Semitransparente Rojo Perfecto */
#pxl-cursor,
.pxl-cursor,
.pxl-js-cursor,
.pxl-cursor-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.pxl-cursor--follower,
.pxl-js-follower,
.pxl-cursor-follower {
    border-radius: 50% !important;
    background-color: rgba(220, 38, 38, 0.4) !important;
    border: 1px solid rgba(220, 38, 38, 0.7) !important;
    box-shadow: none !important;
}

.pxl-cursor--cta,
.pxl-cursor--cta.style-box {
    border-radius: 50% !important;
    background-color: rgba(220, 38, 38, 0.35) !important;
    border: 1px solid #dc2626 !important;
    box-shadow: none !important;
}

/* 7. DESACTIVAR Y BLOQUEAR LINKS EN LA GALERÍA DE IMÁGENES DE PROYECTOS REALIZADOS */
.pxl-swiper-slide .pxl-post--inner a,
.pxl-post--inner .pxl-post--category a,
.pxl-post--inner .pxl-post--title a,
.pxl-post--inner .btn-readmore a,
.pxl-post--category a,
.pxl-post--title a,
.btn-readmore a {
    pointer-events: none !important;
    cursor: default !important;
}

/* 8. Scroll To Top Button */
.pxl-scroll-top,
#pxl-scroll-top,
.pxl-scroll-top-wrap,
.pxl-scroll-top i,
a.pxl-scroll-top,
.pxl-scroll-top span {
    background-color: #dc2626 !important;
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

.pxl-scroll-top:hover,
#pxl-scroll-top:hover {
    background-color: #b91c1c !important;
}

/* 9. Reglas de captura general para cualquier fondo o texto naranja */
[style*="background-color: rgb(255, 105, 0)"],
[style*="background-color: rgb(255, 94, 21)"],
[style*="background-color: rgb(245, 91, 20)"],
[style*="background-color: rgb(234, 87, 3)"],
[style*="background-color: #ff6900"],
[style*="background-color: #ff5e15"],
[style*="background-color: #f55b14"],
[style*="background-color: #ea5703"],
[style*="background-color: #e55715"] {
    background-color: #111111 !important;
}

[style*="color: rgb(255, 105, 0)"],
[style*="color: rgb(255, 94, 21)"],
[style*="color: rgb(245, 91, 20)"],
[style*="color: rgb(234, 87, 3)"],
[style*="color: #ff6900"],
[style*="color: #ff5e15"],
[style*="color: #f55b14"],
[style*="color: #ea5703"],
[style*="color: #e55715"] {
    color: #dc2626 !important;
}