/* ZETEK — ajustes globales del tema (todas las páginas de la tienda).
   Lo carga el módulo zetekhome; sacarlo = desactivar el módulo o borrar este archivo. */

/* Menús (principal, celular y barra superior): tipografía de títulos del sitio
   (Chakra Petch), peso medio (sin negrita) y en mayúsculas */
#cbp-hrmenu > ul > li > a .cbp-tab-title,
#cbp-hrmenu .cbp-hrsub a,
#iqitmegamenu-mobile .mobile-menu__link,
#iqitmegamenu-mobile .mm-panel > ul > li > a,
.left-nav .block-iqitlinksmanager a {
  font-family: 'Chakra Petch', 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em;
}
/* Menú del celular: letra más chica, en mayúsculas es más legible y entra en un renglón */
#iqitmegamenu-mobile .mobile-menu__link { font-size: 14px !important; line-height: 1.3 !important; }
#iqitmegamenu-mobile .mobile-menu__tab { padding-top: 2px; padding-bottom: 2px; }
/* En mayúsculas el menú es más ancho: menos relleno para que entre en un renglón */
@media (min-width: 992px) {
  #cbp-hrmenu > ul > li > a.nav-link { padding-left: 12px !important; padding-right: 12px !important; }
}

/* Cierre azul continuo: newsletter + footer con el mismo azul noche del
   bloque "¿No sabés qué solución necesita tu comercio?" de la home */
#footer,
#footer .footer-container,
#footer #footer-container-first,
#footer #footer-container-main,
#footer #footer-container-last {
  background: #0b1020 !important;
  color: #aeb8cb;
  border-color: rgba(140, 170, 230, .16) !important;
}
#footer #footer-container-first { border-bottom: 1px solid rgba(140, 170, 230, .16) !important; }
#footer #footer-container-last, #footer #footer-copyrights { background: #070b16 !important; color: #8b96ab !important; border-top: 1px solid rgba(140, 170, 230, .12) !important; }
#footer #footer-copyrights * { color: #8b96ab !important; }
#footer h4, #footer h5, #footer .block-title, #footer .block-title span {
  color: #fff !important;
  font-family: 'Chakra Petch', 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif !important;
  font-weight: 700 !important;
}
#footer, #footer p, #footer li, #footer .block-content, #footer address { color: #aeb8cb !important; }
#footer a, #footer a:visited { color: #aeb8cb !important; }
#footer a:hover, #footer a:focus { color: #5cc8ff !important; }
#footer .text-muted { color: #8b96ab !important; }
#footer i, #footer .fa { color: #5cc8ff; }
#footer .social-links a, #footer .social-links i { color: #fff !important; }
#footer .social-links a:hover i { color: #5cc8ff !important; }
#footer .input-subscription {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(140, 170, 230, .28) !important;
  color: #fff !important;
}
#footer .input-subscription::placeholder { color: #8b96ab !important; }
#footer .btn-subscribe { background: #0068f0 !important; border-color: #0068f0 !important; color: #fff !important; }
#footer .btn-subscribe i { color: #fff !important; }
/* "Síguenos" sin redes cargadas: solo mostraba el título */
#footer .ps-social-follow { display: none !important; }

/* En la home, el cierre azul de la página se pega al footer (sin franja blanca) */
body#index #wrapper, body#index #content-wrapper, body#index #main, body#index .page-home { padding-bottom: 0 !important; margin-bottom: 0 !important; }
body#index #main .page-footer { display: none; }
body#index #footer { margin-top: 0 !important; }

/* Cabecera compacta en celular: la propuesta comercial sube ~130 px.
   La franja superior (redes + Acerca de / Blog / Contacto) ya está en el menú y en el footer. */
@media (max-width: 767px) {
  #header .header-nav { display: none !important; }
  #mobile-header .mobile-main-bar { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 0 !important; }
  #mobile-header .col-mobile-logo img { max-height: 40px !important; width: auto !important; }
}

/* 31/10/2026 (crítica de la home): el pie alineado con el contenido, sin el título del newsletter
   (el newsletter está desactivado), "volver arriba" con los colores de la marca y lejos del botón
   de WhatsApp, foco visible con el teclado y rótulos de la barra del celular legibles */
#footer .container { max-width: 1232px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
#footer .block-newsletter { display: none !important; }
#back-to-top { background: #0b1020 !important; border: 1px solid rgba(140, 170, 230, .35) !important; color: #5cc8ff !important; left: 16px !important; right: auto !important; }
#header a:focus-visible, #header button:focus-visible, #footer a:focus-visible, #back-to-top:focus-visible { outline: 2px solid #5cc8ff !important; outline-offset: 2px; }
.m-nav-btn span { font-size: 12px !important; }
/* Texto del pie y de la barra de utilidades en IBM Plex Sans, como el resto del sitio (antes: Raleway del tema) */
#footer, #footer p, #footer li, #footer a, #footer address, #footer .block-content, #header .header-nav { font-family: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif !important; }
/* 31/10 (segunda revisión): contador del carrito legible, texto del pie de al menos 13 px,
   encabezado en Plex Sans y, en el celular, sin "volver arriba" y con lugar abajo para el botón de WhatsApp */
#mobile-cart-products-count, .cart-products-count-btn { color: #fff !important; background: #0052c2 !important; }
#footer .zk-copy, #footer .zk-copy__dev a { font-size: 13px !important; }
#header span, .modal .modal-title { font-family: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif !important; }
@media (max-width: 767px) { #back-to-top { display: none !important; } #footer { padding-bottom: 88px; } }