/* Impor Repuestos · capa de marca (manual de Orlando, oct-2026)
   Azul IMPOR #33428F · Ámbar #F9B734 · Grafito #58595A
   Contraste azul/ámbar: letra ámbar sobre azul = 5,1:1 (se lee bien). */
:root { --impor-azul:#33428F; --impor-azul-osc:#232E63; --impor-ambar:#F9B734; --impor-grafito:#58595A; }

/* 1) Botones: azul con letra ámbar; al pasar el mouse se invierten */
.elementor-button,
.woocommerce a.button.wa-shop-button,
a.button.wa-shop-button {
  background-color:var(--impor-azul) !important;
  color:var(--impor-ambar) !important;
  font-weight:700 !important;
  border:2px solid var(--impor-azul) !important;
  transition:background-color .2s, color .2s, border-color .2s;
}
.elementor-button .elementor-button-text, .elementor-button .elementor-button-icon,
a.button.wa-shop-button i, a.button.wa-shop-button svg { color:inherit !important; fill:currentColor !important; }
.elementor-button:hover, .elementor-button:focus-visible,
.woocommerce a.button.wa-shop-button:hover, a.button.wa-shop-button:hover {
  background-color:var(--impor-ambar) !important;
  border-color:var(--impor-ambar) !important;
  color:var(--impor-azul) !important;
}

/* 2) "Leer más": sin relleno, letra azul y borde ámbar */
.woocommerce a.button.product_type_simple:not(.wa-shop-button),
a.button.product_type_simple:not(.wa-shop-button) {
  background:transparent !important;
  color:var(--impor-azul) !important;
  border:2px solid var(--impor-ambar) !important;
  font-weight:700 !important;
}
.woocommerce a.button.product_type_simple:not(.wa-shop-button):hover,
a.button.product_type_simple:not(.wa-shop-button):hover {
  background:var(--impor-ambar) !important;
  color:var(--impor-azul) !important;
}

/* 3) Nombres de producto en azul */
.woocommerce-loop-product__title, .woocommerce ul.products li.product h2 { color:var(--impor-azul) !important; }

/* 4) Barra ámbar bajo los títulos principales (como la barra del logo) */
.elementor-element-49025f03 .elementor-heading-title::after,
.elementor-element-7e67c88 .elementor-heading-title::after,
.elementor-element-7b2f3e45 .elementor-heading-title::after,
.elementor-element-e9fccaf .elementor-heading-title::after,
.elementor-element-2ab61dc .elementor-heading-title::after,
.elementor-element-956228b .elementor-heading-title::after {
  content:""; display:block; width:72px; height:5px; border-radius:3px;
  background:var(--impor-ambar); margin:14px auto 0;
}
.elementor-element-5fd2135d .elementor-heading-title::after {
  content:""; display:block; width:72px; height:5px; border-radius:3px;
  background:var(--impor-ambar); margin:14px 0 0;
}
.elementor-divider-separator { border-top-color:var(--impor-ambar) !important; }

/* 5) Menú: letras azules y subrayado ámbar en la página actual y al pasar el mouse */
.elementor-location-header .elementor-nav-menu--main .elementor-item { color:var(--impor-azul) !important; }
.elementor-location-header .elementor-nav-menu--main .elementor-item:after,
.elementor-location-header .elementor-nav-menu--main .elementor-item:before { background-color:var(--impor-ambar) !important; }
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover {
  color:var(--impor-azul) !important;
  box-shadow:inset 0 -3px 0 var(--impor-ambar);
}
/* Franja ámbar fina bajo la cabecera */
.elementor-location-header { border-bottom:3px solid var(--impor-ambar); }

/* 6) Banda de título de las páginas internas: ruta (Inicio > Productos) en ámbar */
.elementor-element-8e94b93 .elementor-icon-list-text,
.elementor-element-8e94b93 .elementor-icon-list-icon i,
.elementor-element-401ea14 .elementor-icon-list-text,
.elementor-element-401ea14 .elementor-icon-list-icon i { color:var(--impor-ambar) !important; }

/* 7) Pie: franja ámbar arriba, títulos e íconos en ámbar */
.elementor-location-footer { border-top:5px solid var(--impor-ambar); }
.elementor-location-footer h2.elementor-heading-title,
.elementor-location-footer h3.elementor-heading-title { color:var(--impor-ambar) !important; }
.elementor-location-footer .elementor-icon-list-icon i,
.elementor-location-footer .elementor-icon-list-icon svg,
.elementor-location-footer .elementor-icon i,
.elementor-location-footer .elementor-icon svg { color:var(--impor-ambar) !important; fill:var(--impor-ambar) !important; }
.elementor-location-footer a:hover { color:var(--impor-ambar) !important; }

/* 8) Botón "Consultar vía WhatsApp": el complemento pone su color con un #id; esto lo
   supera solo como respaldo (en el sitio, el color se fija en los ajustes del complemento). */
html body #sendbtn, html body #sendbtn2, html body a.wa-shop-button {
  background-color:var(--impor-azul) !important; color:var(--impor-ambar) !important; font-weight:700 !important;
}
html body #sendbtn:hover, html body #sendbtn2:hover, html body a.wa-shop-button:hover {
  background-color:var(--impor-ambar) !important; color:var(--impor-azul) !important;
}
html body a.wa-shop-button::before { color:inherit !important; }