/* === Performance & Accessibility Overrides === */

/* 1. Eliminar animación / preloader al cargar */
.css3-spinner,
.preloader,
.preloader2,
.page-load-status {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2. Mejorar contraste de textos en fondos oscuros */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
body.dark h1, body.dark h2, body.dark h3, body.dark h4,
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4,
.dark .heading-block h1, .dark .heading-block h2, .dark .heading-block h3,
.dark p, .dark .lead, .dark strong, .dark b, .dark address,
.dark .price-name a, .dark .price-price, .dark .price-desc,
.dark .ls2, .dark .uppercase,
#content h1, #content h2, #content h3, #content h4,
#about h1, #about p, #about strong,
.heading-block h1, .heading-block h2, .heading-block h3 {
  color: #f5f5f5 !important;
}

.dark a:not(.button):not(.social-icon) {
  color: #f0f0f0 !important;
}
.dark a:not(.button):not(.social-icon):hover {
  color: #ffffff !important;
}

/* Títulos de marcas (3M, Arlon, Hexis, etc.) y secciones */
.iproduct h3, .product-title h3, .dark .iproduct h3,
#shop h3, #shop h4, .dark #shop h3, .dark #shop h4,
.dark h3.ls2, h3.ls2, .dark h4 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Sección Locations / Contacto */
#contacto h3, #contacto strong, #contacto address, #contacto .col-lg-6,
.dark #contacto h3, .dark #contacto strong, .dark #contacto address {
  color: #f0f0f0 !important;
}

/* Precios más visibles y con buen contraste */
.price-price {
  color: #d4a84b !important; /* dorado del tema, alto contraste sobre negro */
  font-weight: 700 !important;
  font-size: 1.35em !important;
}
.price-name a.color {
  color: #ffffff !important;
  font-weight: 600 !important;
}
.price-desc {
  color: #e0e0e0 !important;
}

/* 3. Logo del menú – relación de aspecto correcta */
#logo img {
  width: auto !important;
  height: 50px !important;
  max-height: 50px !important;
  object-fit: contain !important;
}
#header.sticky-header #logo img,
#header.transparent-header.sticky-header #logo img {
  height: 40px !important;
  max-height: 40px !important;
}

/* 4. Enlaces de redes – accesibilidad */
.social-icon { position: relative; }
.social-icon .sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* 5. Prevenir 404 del preloader */
.owl-carousel.owl-loading,
.form-process {
  background-image: none !important;
}

/* 6. Enlaces del menú más visibles */
#primary-menu ul li a {
  color: #f0f0f0 !important;
}
#primary-menu ul li a:hover,
#primary-menu ul li.current a {
  color: #d4a84b !important;
}

/* 7. Enlace de Costos en el menú más destacado */
#primary-menu ul li a[href="#costos"],
#primary-menu ul li a[href*="costos"] {
  color: #d4a84b !important;
  font-weight: 600;
}