/*===========TIPOGRAFIA=============*/
/* Forzar Helvetica Neue en títulos y texto con fallback seguro */
h1, h2, h3, h4,
h1 *, h2 *, h3 *, h4 * {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important; /* Bold */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, p, li, .text-body, .page-footer, .page-footer * {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important; /* Light */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Mantener los pesos coherentes en elementos comunes */
strong, b { font-weight: 700 !important; }
em, i { font-style: italic; }

/* Si algún componente fuerza otros pesos, normalízalos */
h1 .fw-normal, h2 .fw-normal, h3 .fw-normal, h4 .fw-normal { font-weight: 700 !important; }
/*=========== FIN TIPOGRAFIA=============*/

/*===========FOOTER=============*/
/* Logo del footer en blanco por filtro */
.page-footer .logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/* (Opcional) si algún estilo del theme lo sobreescribe, usa !important */
.page-footer .logo img {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
}

/* Títulos del footer en color #F68A5A */
.page-footer .page-footer_title,
.page-footer .page-footer_title * {
  color: #F68A5A !important;
}

/* Restaurar Font Awesome SOLO en el footer */
.page-footer .fa,
.page-footer .fas,
.page-footer .far,
.page-footer .fab {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important; /* sólido por defecto */
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}

/* Regular */
.page-footer .far {
  font-weight: 400 !important;
}

/* Brands (WhatsApp, etc.) */
.page-footer .fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

/* Asegurar que el pseudo-elemento use la misma fuente */
.page-footer .fa:before,
.page-footer .fas:before,
.page-footer .far:before,
.page-footer .fab:before {
  font-family: inherit !important;
  font-weight: inherit !important;
}



/*===========FIN FOOTER=============*/
/* 1) Preheader con fondo #828487 */
.page-header .top-bar {
  background-color: #828487 !important;
}

/* 2) Bloque del carrito (fondo) en #828487 */
.page-header .minicart .action.showcart {
  background-color: #828487 !important;
  color: #ffffff !important; /* color base del enlace */
}

/* 3) Icono del carrito en blanco */
.page-header .minicart .action.showcart svg path {
  fill: #ffffff !important;
}

/* 4) Texto "Carrito" y número en blanco */
.page-header .minicart .action.showcart .text,
.page-header .minicart .action.showcart .counter-number {
  color: #ffffff !important;
}

/* (Opcional) Si en mobile usas el icono del carrito del header superior */
@media (max-width: 991.98px) {
  .navbar-mobile-menu .btn-action-navbar svg path {
    fill: #ffffff !important;
  }
}

/*===========HEADER=============*/
/* PREHEADER: fondo a todo el ancho */
.page-header .top-bar {
  position: relative;
  background: transparent !important; /* anulamos cualquier fondo previo */
  z-index: 1;
}
.page-header .top-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;           /* ocupa todo el ancho de la ventana */
  height: 100%;
  background: #828487;    /* color solicitado */
  z-index: -1;
}

/* Links del preheader en blanco */
.page-header .top-bar .custom__dropdown a,
.page-header .top-bar a.nav-link,
.page-header .top-bar .sections_link,
.page-header .top-bar .nav-item > a {
  color: #ffffff !important;
}

/* Estado activo/hover sutil */
.page-header .top-bar .custom__dropdown a:hover,
.page-header .top-bar .nav-item.active > a {
  opacity: 0.9;
}

/* Carrito del preheader (fondo + icono + texto + contador en blanco) */
.page-header .minicart .action.showcart {
  background-color: #828487 !important;
  color: #ffffff !important;
  border: none !important;
}
.page-header .minicart .action.showcart svg path { fill: #ffffff !important; }
.page-header .minicart .action.showcart .text,
.page-header .minicart .action.showcart .counter-number { color: #ffffff !important; }

/* Ajuste por si hay separadores en el carrito */
.page-header .minicart .action.showcart .counter.qty,
.page-header .minicart .action.showcart .text { border-color: rgba(255,255,255,0.4) !important; }


/* Limpieza de fondos y bordes en el menú del preheader */
.page-header .top-bar .widget,
.page-header .top-bar .block,
.page-header .top-bar .custom__dropdown,
.page-header .top-bar .custom__dropdown li,
.page-header .top-bar .custom__dropdown a,
.page-header .top-bar .nav-item,
.page-header .top-bar .nav-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Color de links del preheader en blanco */
.page-header .top-bar .custom__dropdown a,
.page-header .top-bar .nav-link,
.page-header .top-bar .sections_link{
  color:#ffffff !important;
}

/* Estado activo/hover */
.page-header .top-bar .nav-item.active > a,
.page-header .top-bar .nav-link:hover{
  opacity:.9;
}


/* PREHEADER a todo el ancho con el color #828487,
   incluso estando dentro de un .container */
.page-header .top-bar {
  background: #828487 !important;
  /* estira el fondo hasta los bordes de la ventana */
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: calc(50vw - 50%) !important;
  padding-right: calc(50vw - 50%) !important;
}

/* Asegura que nada “negro” se superponga dentro del preheader */
.page-header .top-bar .widget,
.page-header .top-bar .block,
.page-header .top-bar .custom__dropdown,
.page-header .top-bar .nav-item,
.page-header .top-bar .nav-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Color de los links del preheader en blanco (por si se reseteó) */
.page-header .top-bar a,
.page-header .top-bar .nav-link {
  color: #ffffff !important;
}

.page-header .sticky-wrapper::before {
    background-color: #828487 !important;
}
/*===========FIN HEADER=============*/