/* Correccion error imagen header */
.faith-large-thumbnail {
    width: 100vw !important;
    height: auto !important;
    object-fit: cover !important;
    display: block;
    margin: 0 auto;
}

/* Hacer el header sticky */
header {
    position: -webkit-sticky; /* Para compatibilidad con navegadores antiguos */
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Asegura que el header esté por encima de otros elementos */
    background-color: transparent; /* Fondo transparente para el header */
    box-shadow: none; /* Eliminar la sombra completamente */
    padding: 10px 0; /* Ajusta el padding según el diseño del header */
}

/* Asegurarse de que el contenido no quede cubierto */
body {
    margin-top: 0; /* Asegura que no haya margen extra al principio */
}

/* Evitar que el contenido quede debajo del header fijo */
main {
    margin-top: 80px; /* Ajusta este valor a la altura de tu header */
}

/* Ocultar el botón de búsqueda en móviles */
@media only screen and (max-width: 768px) {
  #site-header-search {
    display: none; /* Esconde el contenedor de búsqueda en dispositivos móviles */
  }
}
/* Reducir el tamaño del logo en dispositivos móviles */
@media only screen and (max-width: 768px) {
  #site-branding img {
    max-width: 120px !important; /* Establece el tamaño máximo del logo en móviles */
    height: auto !important;     /* Mantiene la proporción del logo */
  }
}
/* Reducir el tamaño del header en dispositivos móviles */
@media only screen and (max-width: 768px) {
  #container > header {
    padding: 5px 15px;         /* Reduce el padding para un header más compacto */
    height: auto !important;   /* Asegura que el header se ajuste al contenido */
  }

  /* Reducir el tamaño del logo dentro del header */
  #container > header img {
    max-width: 100px !important; /* Ajusta el tamaño máximo del logo */
    height: auto !important;     /* Mantiene la proporción del logo */
  }

  /* Reducir el tamaño de los botones o iconos en el header (si es necesario) */
  #site-header-navigation button, #site-header-search {
    font-size: 14px !important; /* Ajusta el tamaño del texto en los botones */
    padding: 5px 10px !important; /* Ajusta el padding de los botones */
  }
}
/* Ocultar el logo en dispositivos móviles */
@media only screen and (max-width: 768px) {
  #site-branding {
    display: none; /* Esconde el logo */
  }
}
/* Alinear el botón de menú a la izquierda y moverlo un poco más arriba */
@media only screen and (max-width: 768px) {
  #site-header-navigation {
    display: flex;
    justify-content: flex-start; /* Alinear a la izquierda */
    width: 100%;
  }

  #site-mobile-menu-toggle {
    margin-left: 0; /* Eliminar margen extra */
    margin-top: -10px; /* Mover el botón más arriba, ajusta este valor según necesites */
  }
}
/* Oculta la imagen destacada que se inserta automáticamente en el header */
.single-post #ilovewp-hero > div > img {
    display: none !important;
}

/* Aplica la imagen destacada como fondo del bloque del encabezado */
.single-post #ilovewp-hero {
    background-image: url('https://misionerostrinitariosvocaciones.org/wp-content/uploads/2025/05/cropped-Diseno-sin-titulo-10.webp') !important;
    background-size: cover; /* Asegura que la imagen cubra todo el contenedor */
    background-position: center center; /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    height: auto; /* La altura se ajustará automáticamente */
    min-height: 400px; /* Establece una altura mínima para el encabezado */
}

/* Ajuste para pantallas más pequeñas */
@media (max-width: 768px) {
    .single-post #ilovewp-hero {
        background-size: cover; /* Mantiene la imagen ajustada al contenedor */
        background-position: center center; /* Centra la imagen */
        height: auto; /* La altura se ajusta automáticamente */
        min-height: 250px; /* Ajuste de altura para pantallas pequeñas */
    }
}
/* Ocultar el título en todas las páginas */
.page .title-page {
  display: none !important;
}
/* Ocultar el título en todas las páginas */
.page .title-page {
  display: none !important;
}

/* Eliminar el margen y borde debajo del título en las páginas */
.page .ilovewp-page-intro {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

}