/* Estilo general del encabezado */
.encabezado {
  background-color: #800000;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 20px;
  height: 100px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  flex-wrap: wrap;
  position: relative;
}

.logo-texto {
  display: flex;
  align-items: center;
}

.encabezado img {
  height: 80px;
  margin-right: 15px;
}

.texto {
  line-height: 1.3em;
  font-size: 18px;
  font-weight: bold;
}

.fecha {
  position: absolute;
  bottom: 5px;
  right: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}

/* Media Queries para pantallas pequeñas */
@media (max-width: 600px) {
  .encabezado {
    flex-direction: column; /* Cambiar la dirección de los elementos a columna */
    height: auto; /* Ajustar el alto */
    text-align: center; /* Centrar el texto */
    padding: 10px; /* Reducir el padding en pantallas pequeñas */
  }

  .logo-texto {
    justify-content: center; /* Centrar la imagen y el texto */
    margin-bottom: 10px; /* Añadir espacio debajo del logo */
  }

  .encabezado img {
    height: 60px; /* Reducir el tamaño de la imagen en pantallas pequeñas */
    margin-right: 0; /* Eliminar el margen de la derecha */
  }

  .texto {
    font-size: 16px; /* Reducir el tamaño de la fuente */
    margin-top: 10px; /* Añadir espacio arriba del texto */
  }

  .fecha {
    position: static; /* Eliminar la posición absoluta */
    margin-top: 10px; /* Añadir margen arriba */
    font-size: 14px; /* Reducir el tamaño de la fuente */
    color: #f9dcdc; /* Ajustar el color */
  }
}