/* Cabecera de Mochileros Viajeros: solo páginas interiores */
body:not(.home) #masthead #logo {
  width: auto;
  min-width: 360px;
}

body:not(.home) #masthead #logo > a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #111 !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

body:not(.home) #masthead #logo > a::after {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  background: url("https://www.mochilerosviajeros.com/wp-content/uploads/2019/09/CL_Logo_1214.jpg") center / contain no-repeat;
}

@media (max-width: 849px) {
  body:not(.home) #masthead #logo {
    min-width: 240px;
    max-width: calc(100vw - 100px);
  }

  body:not(.home) #masthead #logo > a {
    gap: 8px;
    font-size: 18px;
  }

  body:not(.home) #masthead #logo > a::after {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

/* Logo a la izquierda e integrado con el fondo */
body:not(.home) #masthead #logo > a::before {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  background: url("https://www.mochilerosviajeros.com/wp-content/uploads/2019/09/CL_Logo_1214.jpg") center / contain no-repeat;
  mix-blend-mode: multiply;
}

body:not(.home) #masthead #logo > a::after {
  content: none;
}

@media (max-width: 849px) {
  body:not(.home) #masthead #logo > a::before {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

/* Fondo exacto de la cabecera para integrar el JPG */
body:not(.home) #masthead #logo > a::before {
  background-color: #fbf6f2;
  background-blend-mode: multiply;
  mix-blend-mode: normal;
}

/* Portada: logo a la izquierda, blanco arriba y negro al hacer scroll */
body.home #masthead #logo {
  width: auto;
  min-width: 360px;
}

body.home #masthead #logo > a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #fff !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

body.home #masthead #logo > a::before {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  background: url("https://www.mochilerosviajeros.com/wp-content/uploads/2019/09/CL_Logo_1214.jpg") center / contain no-repeat;
  mix-blend-mode: multiply;
}

body.home .header-wrapper.stuck #masthead #logo > a {
  color: #111 !important;
}

body.home .header-wrapper.stuck #masthead #logo > a::before {
  background-color: #fbf6f2;
  background-blend-mode: multiply;
  mix-blend-mode: normal;
}

@media (max-width: 849px) {
  body.home #masthead #logo {
    min-width: 240px;
    max-width: calc(100vw - 100px);
  }

  body.home #masthead #logo > a {
    gap: 8px;
    font-size: 18px;
  }

  body.home #masthead #logo > a::before {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

/* Logo transparente definitivo en todas las cabeceras */
body #masthead #logo > a::before {
  background-image: url("https://www.mochilerosviajeros.com/wp-content/uploads/2026/09/exec-2120cd2c-b15b-4db4-aef3-b09eadf6ce8f.png");
  background-color: transparent;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

/* Prioridad final para el logo transparente */
body.home #masthead #logo > a::before,
body:not(.home) #masthead #logo > a::before {
  background-image: url("https://www.mochilerosviajeros.com/wp-content/uploads/2026/09/exec-2120cd2c-b15b-4db4-aef3-b09eadf6ce8f.png") !important;
  background-color: transparent;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

/* Logo original con transparencia real */
body.home #masthead #logo > a::before,
body:not(.home) #masthead #logo > a::before {
  background-image: url("https://www.mochilerosviajeros.com/wp-content/uploads/2026/09/mochileros-logo-transparent.png") !important;
  background-color: transparent;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}


/* Portada: logo destacado antes del scroll */
body.home .header-wrapper:not(.stuck) #masthead #logo > a::before {
  width: 80px;
  height: 80px;
  flex-basis: 80px;
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
}

@media (max-width: 849px) {
  body.home .header-wrapper:not(.stuck) #masthead #logo > a::before {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    background-size: 90% auto;
  }
}

/* Entradas: ocultar la fecha de publicación */
.single-post .entry-header .post-date,
.single-post .entry-header .entry-meta .posted-on {
  display: none !important;
}

.single-post .entry-header .entry-meta .byline {
  margin-left: 0;
}
/* Iconos de la gua de Bolivia en dos columnas */
.bolivia-guia-iconos > br { display: none !important; }

/* Cabecera adaptable: nombre completo, menú y búsqueda en móviles */
@media (max-width: 849px) {
  body.home #masthead #logo, body:not(.home) #masthead #logo { min-width: 0; width: auto; max-width: calc(100% - 88px); flex: 1 1 auto; margin: 0 6px; }
  body.home #masthead #logo > a, body:not(.home) #masthead #logo > a { display: flex; justify-content: center; gap: 6px; white-space: normal; font-size: clamp(12px, 3.4vw, 18px); line-height: 1.15; }
  body.home #masthead #logo > a::before, body:not(.home) #masthead #logo > a::before,
  body.home .header-wrapper:not(.stuck) #masthead #logo > a::before { width: 36px; height: 36px; flex-basis: 36px; }
  body #masthead .mobile-nav .header-button > a { min-width: 36px; min-height: 36px; }
}