/* =====================================================================
   AC Sistemas — Identidad luminosa "Azul Confianza"
   Paleta derivada del logo (#003F6E navy · #7289AA · #BCDDF4).
   Cargada DESPUÉS del CSS de Woodmart: redefine sus variables y anula
   las superficies oscuras. Reversible (basta desactivar el tema hijo).
   ===================================================================== */

:root, body {
  /* Tokens de marca */
  --ac-bg: #F6F8FA;          /* fondo de página (off-white, no blanco puro) */
  --ac-surface: #FFFFFF;     /* tarjetas */
  --ac-text: #1F2933;        /* texto principal (nunca negro puro) */
  --ac-text-soft: #52606D;   /* texto secundario */
  --ac-action: #095C9E;      /* azul de acción */
  --ac-action-hover: #084F88;
  --ac-navy: #003F6E;        /* marca: header, footer, titulares */
  --ac-ice: #EAF2F9;         /* fondo suave de secciones */
  --ac-border: #E3E8EE;
  --ac-success: #187A3F;

  /* ----- Override de variables internas de Woodmart (la última gana) ----- */
  --wd-primary-color: #095C9E;
  --wd-alternative-color: #A14D02;   /* ámbar oscuro AA para badges/ofertas */
  --wd-link-color: #095C9E;
  --wd-link-color-hover: #084F88;
  --wd-text-color: #1F2933;
  --wd-title-color: #1F2933;
  --wd-entities-title-color: #1F2933;
  --wd-entities-title-color-hover: #095C9E;
  --btn-default-bgcolor: #095C9E;
  --btn-default-bgcolor-hover: #084F88;
  --btn-default-color: #ffffff;
  --btn-default-color-hover: #ffffff;
  --btn-accented-bgcolor: #095C9E;
  --btn-accented-bgcolor-hover: #084F88;
}

/* Fondo de página y texto base */
body,
.wrapper-full-width,
.pages-background,
.main-page-wrapper,
.site-content { background-color: var(--ac-bg); }
body { color: var(--ac-text); }
/* Envoltorio de contenido de Woodmart: algunas páginas lo traían en negro (rgb(16,16,16)).
   Dos clases => más específico; forzamos claro en toda la web. */
.wd-page-content,
.wd-page-content.main-page-wrapper,
.woocommerce-page .wd-page-content,
.page .wd-page-content { background-color: var(--ac-bg) !important; }

/* ============ HEADER premium: navy con profundidad (no plano) ============ */
.whb-top-bar,
body.home .whb-top-bar,
.whb-header_947287 .whb-top-bar { background-color:#002A4C !important; }
.whb-general-header,
.whb-main-header,
.whb-sticky-header .whb-general-header,
.whb-sticked .whb-general-header,
body.home .whb-general-header,
.whb-header_947287 .whb-general-header { background:linear-gradient(180deg,#004a82 0%,#003F6E 55%,#00365F 100%) !important; }
.whb-header-bottom,
.whb-header_947287 .whb-header-bottom { background-color:#00365F !important; border-top:1px solid rgba(255,255,255,.07); }
.whb-header { box-shadow:0 3px 26px rgba(0,20,40,.30); position:relative; z-index:350; }

/* Buscador del header: pastilla protagonista */
.whb-general-header .wd-search-form .searchform,
.whb-general-header form.searchform { background:#fff; border-radius:999px; box-shadow:0 6px 18px rgba(0,20,40,.22), inset 0 0 0 1px rgba(0,63,110,.06); overflow:hidden; }
.whb-general-header .searchform input.s { color:#1F2933; height:46px; padding-left:20px; }
.whb-general-header .searchform input.s::placeholder { color:#7A8B99; }
.whb-general-header .searchform .searchsubmit { background:#1E88E5 !important; color:#fff !important; border-radius:0 999px 999px 0; width:52px; transition:background .18s ease; }
.whb-general-header .searchform .searchsubmit:hover { background:#1573c4 !important; }

/* ============ FOOTER navy ============ */
.footer-container,
.site-footer,
.wd-footer-container,
footer.footer-container,
.copyrights-wrapper { background-color: var(--ac-navy) !important; }
.footer-container, .footer-container p, .footer-container li, .footer-container div,
.copyrights-wrapper, .copyrights-wrapper p { color:#DCE9F5 !important; }
.footer-container a, .footer-container .widget a, .copyrights-wrapper a { color:#BCDDF4 !important; text-decoration:none; }
.footer-container a:hover, .copyrights-wrapper a:hover { color:#FFFFFF !important; }
.footer-container .widget-title, .footer-container h4, .footer-container h5 { color:#FFFFFF !important; letter-spacing:.08em; font-size:14px; }
.footer-container .widget ul { list-style:none; margin:0; padding:0; }
.footer-container .widget ul li { margin:7px 0; padding:0; }
.footer-container .widget { margin-bottom:10px; }
.copyrights-wrapper { border-top:1px solid rgba(255,255,255,.10); }

/* ============ Botones ============ */
.button, button, .wd-buy-now-btn, .single_add_to_cart_button,
.add_to_cart_button, .wd-add-btn > a, input[type="submit"] {
  background-color: var(--ac-action);
  color:#fff;
}
.button:hover, button:hover, .single_add_to_cart_button:hover,
.add_to_cart_button:hover, .wd-add-btn > a:hover { background-color: var(--ac-action-hover); color:#fff; }

/* Enlaces */
a { color: var(--ac-action); }
a:hover { color: var(--ac-action-hover); }

/* Franja de título de página (categoría/tienda): navy con texto claro */
.page-title.title-size-default,
.wd-page-title.title-design-default { background-color: var(--ac-navy) !important; }

/* Widgets de filtro (sidebar tienda): superficie clara legible */
.widget-title, .widget .widgettitle { color: var(--ac-navy); }
.widget_layered_nav a, .widget a { color: var(--ac-text); }
.wd-widget-collapse .widget, .sidebar-content .widget { color: var(--ac-text); }

/* Inputs de formulario: claros con borde legible (cumple 1.4.11) */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
input[type="password"], input[type="number"], textarea, select, .select2-container .select2-selection {
  background:#fff; color:#1F2933; border:1px solid #7A8B99;
}

/* Precios y títulos en catálogo (por si el tema los sirve claros) */
.product .price, .price { color: var(--ac-text); }
.product-title a, .wd-entities-title a { color: var(--ac-text); }

/* Notices/badges legibles */
.onsale, .product-label.round { background-color: var(--ac-action); color:#fff; }

/* ============ Hero de la home: el vídeo 4K (3840x2160) salía a tamaño nativo
   y desbordaba la pantalla. Se acota a una altura de hero y se recorta limpio. ============ */
.infotecbur-hero-video {
  position: relative !important;
  width: 100% !important;
  height: clamp(380px, 58vh, 580px) !important;
  max-height: 580px !important;
  overflow: hidden !important;
  background: #0b1220;
  display: flex !important;
  align-items: center !important;   /* centra el bloque -> despeja la cabecera y evita recorte */
}
.infotecbur-hero-video__media,
.infotecbur-hero-video video,
.infotecbur-hero-video > video {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* Scrim para que el texto blanco se lea siempre sobre el vídeo */
.infotecbur-hero-video::after {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,31,55,.82) 0%, rgba(0,31,55,.55) 45%, rgba(0,31,55,.20) 100%);
}
.infotecbur-hero-video__media, .infotecbur-hero-video video { z-index: 0 !important; }
.infotecbur-hero-video__overlay { display:none !important; } /* usamos el ::after como scrim */

/* --- Contenido del hero: bloque legible, centrado en vertical, alineado a la izquierda --- */
.infotecbur-hero-video__inner {
  position: relative !important; z-index: 2 !important;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px 0 clamp(20px, 4vw, 56px);
  text-align: left;
}
.infotecbur-hero-video .infotecbur-eyebrow {
  color: #7FC4FF !important;
  text-transform: uppercase; letter-spacing: .14em; font-weight: 700;
  font-size: 13px; margin: 0 0 10px;
}
.infotecbur-hero-video h1 {
  color: #FFFFFF !important;
  font-size: clamp(2rem, 4.6vw, 3.4rem) !important;
  line-height: 1.05 !important; font-weight: 800 !important;
  margin: 0 0 14px !important; max-width: 15ch;
  text-shadow: 0 2px 18px rgba(0,20,40,.45);
}
.infotecbur-hero-video .infotecbur-lead {
  color: #E6EEF6 !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  line-height: 1.5 !important; max-width: 46ch; margin: 0 0 26px;
  text-shadow: 0 1px 10px rgba(0,20,40,.4);
}
/* --- Botones de verdad --- */
.infotecbur-hero-actions { display: flex !important; flex-wrap: wrap; gap: 14px; }
.infotecbur-hero-video a.infotecbur-btn {
  display: inline-flex !important; align-items: center; justify-content: center;
  padding: 14px 30px !important; border-radius: 999px !important;
  font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important;
  line-height: 1 !important; transition: all .18s ease; border: 2px solid transparent;
}
.infotecbur-hero-video a.infotecbur-btn--primary {
  background: #1E88E5 !important; color: #fff !important; box-shadow: 0 8px 22px rgba(30,136,229,.4);
}
.infotecbur-hero-video a.infotecbur-btn--primary:hover {
  background: #1573c4 !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(30,136,229,.5);
}
.infotecbur-hero-video a.infotecbur-btn:not(.infotecbur-btn--primary) {
  background: rgba(255,255,255,.10) !important; color: #fff !important;
  border-color: rgba(255,255,255,.55) !important; backdrop-filter: blur(2px);
}
.infotecbur-hero-video a.infotecbur-btn:not(.infotecbur-btn--primary):hover {
  background: rgba(255,255,255,.22) !important; transform: translateY(-2px);
}

@media (max-width: 768px) {
  .infotecbur-hero-video { height: clamp(360px, 62vh, 480px) !important; }
  .infotecbur-hero-video::after { background: linear-gradient(180deg, rgba(0,31,55,.82) 0%, rgba(0,31,55,.6) 55%, rgba(0,31,55,.45) 100%); }
  .infotecbur-hero-video h1 { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; }
  .infotecbur-hero-actions { gap: 10px; }
  .infotecbur-hero-video a.infotecbur-btn { padding: 13px 22px !important; font-size: 14px !important; }
}

/* ============ Desplegable del buscador (Woodmart live search): claro ============ */
.wd-search-results,
.wd-dropdown-results,
.wd-header-search .wd-dropdown,
.autocomplete-suggestions,
.woodmart-search-results {
  background:#FFFFFF !important;
  color: var(--ac-text) !important;
  border:1px solid var(--ac-border) !important;
  box-shadow:0 12px 32px rgba(0,63,110,.14) !important;
  border-radius:12px;
}
.wd-search-results a, .wd-search-results .title, .wd-search-results .product-title,
.wd-search-results *, .autocomplete-suggestion { color: var(--ac-text) !important; }
.wd-search-results .price ins { color: var(--ac-action) !important; }
.wd-search-results .product-grid-item:hover,
.autocomplete-suggestion.autocomplete-selected { background:#EAF2F9 !important; }
.wd-search-results .wd-nothing-found, .autocomplete-suggestion.no-result { color: var(--ac-text-soft) !important; }

/* ============ Paneles laterales (cuenta, carrito, filtros): claros ============ */
.wd-side-hidden,
.wd-side-hidden .wd-side-hidden-inner,
.login-sidebar,
.wd-cart-drawer,
.cart-widget-side,
.widget-area.wd-cart-drawer,
.wd-dropdown-account,
.wd-header-cart-drawer,
[class*="wd-"][class*="drawer"],
.wd-close-side-widget ~ *,
.wd-sticky-nav-mobile,
.wd-nav-mobile,
.mobile-nav { background-color:#FFFFFF !important; color: var(--ac-text) !important; }
.wd-side-hidden *, .login-sidebar *, .wd-cart-drawer *,
.wd-nav-mobile a, .mobile-nav a { color: var(--ac-text) !important; }
.wd-side-hidden a.button, .login-sidebar a.button,
.wd-side-hidden .btn, .login-sidebar .btn { background: var(--ac-action) !important; color:#fff !important; }
.wd-side-hidden .wd-drawer-title, .login-sidebar .widgettitle,
.wd-cart-drawer .widgettitle { color: var(--ac-navy) !important; }