/* Estilos del encabezado y logotipos */
.main-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
}

/*Sección superior del encabezado*/
.header-top {
  background-color: white;
  width: 100%;
  padding: 10px 10px;
}

/*Contenedor interno del encabezado*/
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/*Seccion de logos a la izquierda*/
.logos {
  display: flex;
  align-items: center;
}

.logos img {
  height: 100px;
  margin: 0 10px;
  vertical-align: middle;
}

/*Imagen decorativa entre logos*/
.logo-espacio {
  height: 60px;
  opacity: 0.85;
  pointer-events: none; 
}

/*Iconos de redes sociales en el encabezado*/
.social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

/*Tamaño de los iconos de redes sociales*/
.social-icons img {
  height: 30px;
}
/*Logo adicional grande en el encabezado*/
.social-icons img.logo-grande {
  height: 60px;
  margin-right: 12px;
}