.cabecera_entrada{
  position: relative; /* Posiciona el contenedor de forma relativa */
  width: 80%; /* O el ancho que necesites */
  height: 400px; /* O la altura que necesites */
  overflow: hidden; /* Para asegurar que la imagen no se salga */
  

  left: 50%; /* Centra horizontalmente */
  transform: translate(-50%,  0%); /* Ajusta el centro con precisión */
  
  border: 10px solid #3b5998;
}

.imagen_cabecera {
  width: 100%; /* Asegura que la imagen ocupe todo el ancho */
  height: 100%; /* Asegura que la imagen ocupe toda la altura */
  object-fit: cover; /* Ajusta la imagen para que cubra el contenedor */
}

.overlay_titulo {
  position: absolute; /* Posiciona el texto de manera absoluta */
  top: 50%; /* Centra verticalmente */
  left: 50%; /* Centra horizontalmente */
  transform: translate(-50%, -50%); /* Ajusta el centro con precisión */
  color: white; /* Color del texto */
  text-align: center; /* Alinea el texto al centro */
  z-index: 1; /* Asegura que el texto esté encima de la imagen */
  
  border: 10px solid #3b5998;
}